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
0 komentar
Posting Komentar