Cara Membuat Taksbar Pesan Melayang Diatas/Dibawah Blog

Pengen tau cara Cara Membuat Taksbar Pesan Melayang Diatas/Dibawah Blog. Pesan yang bisa kamu atur sendiri tulisan, warna, tempat dan lebarnya. Caranya cukup mudah!! Ikuti langkah-langkahnya dibawah ini :



1. Login blogger sobat
2. Pilih Template => Edit HTML
3. Centang “Expand Template Widget”
4. Cari kode 
]]></b:skin> untuk mempermudah gunakan CTRL+F, yoo…
5. Copy script dibawah ini, kemudian paste.kan diatas kode 
]]></b:skin> tadi :

======================================================
#DADnavbar{
font-family: Comic Sans Ms;
font-size: 8pt; color: 
#00FF00;
background:url(http://widgets.amung.us/classic/00/1.png) no-repeat center left fixed black;
border: 3px double 
#00FF00;
padding: 3px;
z-index: 100000000;
top: 2px; left: 2px; right: 2px;
position: fixed;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
}
#DADnavbar .dmnavleft{float:left;font-weight:bold;padding:2px 10px;}
#DADnavbar .dmnavright{float:right;padding:0px 2px;}
====================================================== 
Pengaturan :

Scipt yang berwarna Biru = Sobat ganti dengan kode warna yang sesuai dengan template sobat

6. Oke, selanjutnya cari kode 
</body> (biasanya paling bawah) gunakan CTRL+F agar ceepat.
7. Copy scipt dibawah ini, kemudian paste.kan diatas kode 
</body> tadi :
====================================================== 
<div id='DADnavbar' style='position:fixed;'>
<span class='dmnavleft'>
    Selamat Datang di Rafi Orilya Groups, silahkan baca yo mas… postingannya
   
</span>
<span class='dmnavright' style='font-family:verdana;'>
</span>Jangan Lupa Komentar, yaah… seppz…</div>
======================================================
Pengaturan :
Ubah tulisan berwarna Biru = sesuai dengan pesan yang sobat inginkan.

8. Okeh-! Save Template dan Lihat Hasilnya

Selamat Berkreasi!!



Share it to your friends..!

Share to Facebook Share this post on twitter Bookmark Delicious Digg This Stumbleupon Reddit Yahoo Bookmark Furl-Diigo Google Bookmark Technorati Newsvine Tips Triks Blogger, Tutorial SEO, Info
Share this article :
 

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Sahabat Merdeka - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger