Cara Membuat Taksbar Pesan Melayang Diatas/Dibawah Blog Dengan Cepat, Mudah, 2012
Selamat pagi, para sahabat Rafi Orilya Groups…
Kita ketemu lagi dalam acara “Posting-postingan”
Waduh.. ko, jadi talk show gini..
hehehe…
Au ah… ayo lanjutin.
Cara membuat taskbar pesan melayang cukup mudah.. kita bisa lihat contoh pada blog saya ini.
Udah lihat.kan-? itu.tuh… yg dibawah
seppzz… :)
Apa sobat mau pasang seperti itu di blog sobat-?
Ayoo… jangan ketinggalan :)
Ikuti langkah-langkahnya :
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;}
Kita ketemu lagi dalam acara “Posting-postingan”
Waduh.. ko, jadi talk show gini..
hehehe…
Au ah… ayo lanjutin.
Cara membuat taskbar pesan melayang cukup mudah.. kita bisa lihat contoh pada blog saya ini.
Udah lihat.kan-? itu.tuh… yg dibawah
seppzz… :)
Apa sobat mau pasang seperti itu di blog sobat-?
Ayoo… jangan ketinggalan :)
Ikuti langkah-langkahnya :
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 :
Pengaturan :
Scipt yang berwarna Biru = Sobat ganti dengan kode warna yang sesuai dengan template sobat
6. Oke, sepz… 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
Hehehehe… :D
Semoga bermanfaat yaah, postingan kali ini.
Kurang lebih.nya saya mohon maaf…
Selamat pagi, dan…
SAMPAI JUMPA…
Artikel Dilindungi dan Diproteksi
Sertakan alamat blog ini jika mengcopy paste artikel
(Hak Cipta Dilindungi)
Terima Kasih
Rafi Orilya Groups
by Rafi Aldiansyah Asikin
6. Oke, sepz… 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
Hehehehe… :D
Semoga bermanfaat yaah, postingan kali ini.
Kurang lebih.nya saya mohon maaf…
Selamat pagi, dan…
SAMPAI JUMPA…
Artikel Dilindungi dan Diproteksi
Sertakan alamat blog ini jika mengcopy paste artikel
(Hak Cipta Dilindungi)
Terima Kasih
Rafi Orilya Groups
by Rafi Aldiansyah Asikin