- Back to Home »
- Tutorial blog »
- Cara Membuat Banner Di Samping blog
Posted by : Unknown
29 Jun 2013
Cara membuat Kotak Banner Disamping Header:
- Pergi ke Template => Edit HTML
- Tekan F3 Atau Ctrl+F di Keyboard
- Cari kode: ]]></b:skin>
- Kalau sudah ketemu, Paste kan kode berikut tepat diatas kode ]]></b:skin>
#bannerab{border:5px solid #000;opacity: 1;margin-left: -130px;z-index:999;margin-top:200px;background-size:100px;position: absolute;border-radius:0px 0px 0px 0px;width: 88px;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;text-align: center;font-size: 0px;background:#fff;}#bannerkx img{opacity:.3;width:88px;height:31px;margin-bottom:0px-webkit-transition:All;-moz-transition:All .9128s ease;-o-transition:All .9128s ease;}#bannerkx img:hover{opacity:1.0;-webkit-transition:All .9128s ease;-moz-transition:All .9128s ease;-o-transition:All .9128s ease;}
- Kalau sudah di Paste, Lalu cari kode <div id='content-wrapper'> kalau tidak ketemu cari kode <div id='content'> kalau gak ketemu kedua-dua nya, Cari aja yang mengandung content
- Paste kan kode berikut diatas kode <div id='content-wrapper'> atau <div id='content'>
<div id='bannerab'><a href='URL BLOG SOBAT' target='_blank' title=' TITLE SOBAT '><img border='0' src='URL GAMBAR SOBAT'/></a><a href='URL BLOG SOBAT' target='_blank' title=' TITLE SOBAT ' ><img border='0' src='URL GAMBAR SOBAT'/></a><a href='URL BLOG SOBAT' target='_blank' title=' TITLE SOBAT '><img border='0' src='URL GAMBAR SOBAT'/></a><a href='URL BLOG SOBAT' target='_blank' title=' TITLE SOBAT '><img border='0' src='URL GAMBAR SOBAT'/></a><a href='URL BLOG SOBAT' target='_blank' title=' TITLE SOBAT '><img border='0' src='URL GAMBAR SOBAT'/></a><a href='URL BLOG SOBAT' target='_blank' title=' TITLE SOBAT '><img border='0' src='URL GAMBAR SOBAT'/></a><a href='URL BLOG SOBAT' target='_blank' title=' TITLE SOBAT '><img border='0' src='URL GAMBAR SOBAT'/></a><a href='URL BLOG SOBAT' target='_blank' title=' TITLE SOBAT '><img border='0' src='URL GAMBAR SOBAT'/></a><a href='URL BLOG SOBAT' target='_blank' title=' TITLE SOBAT '><img border='0' src='URL GAMBAR SOBAT'/></a><a href='URL BLOG SOBAT' target='_blank' title=' TITLE SOBAT '><img border='0' src='URL GAMBAR SOBAT'/></a><a href='URL BLOG SOBAT' target='_blank' title=' TITLE SOBAT '><img border='0' src='URL GAMBAR SOBAT'/></a></div>
- Kalau sudah di paste, Tinggal Save
NB:
- Yang warna Merah adalah Jarak Dari Kiri Ke Kanan Bisa Di Ganti Sesuai Selera Sobat
- Yang warna Orange adalah itu Jarak Dari Atas Ke Bawah Bisa Di Ganti Sesuai Selera Sobat
- Yang warna Biru Adalah Url Blog yang dituju
- Yang warna Ungu Adalah Title Blog yang dituju
- Yang warna Lime Adalah Gambar Banner Sobat
Sekian Postingan dari saya, Admin A.B
- Jika anda ingin menyebarkan Artikel ini, Jangan lupa meletakkan Sumbernya