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
perlu di coba ini :D
BalasHapusnice share gan!
keep posting tentang tutorial blog! ;)
Yupz, gan...
BalasHapusthank's yoo, komentarnya.
wah gan... mantap banget hin,, ane soba ah.. hehehe
BalasHapusmampir juga ia http://thumber-kreatif.blogspot.com
Sipp gaan... :)
BalasHapusSukses yoo... pastilah berkunjung-tenang aja...
BTW... klo posisinya pengen di bawah gimana gan... ane tunggu ya jawabannya,,, penting bgt... http://pramuka-fadris.blogspot.com/
BalasHapusPosisi fix, sudah dibawah mas...
BalasHapuskeren bang, makasi infonya hehe
BalasHapus