Karena sebelumnya da yang bertanya seperti ini "Gan cara buat =>Dapatkan artikel ID Creative secara gratis via mail, join here! gmn ya?"
Sebenarnya tutorial pasang widget stripe-Ad ala blogger ini saya dapatkan dari sobat blogger lain. Pernah saya praktekan pada blog ini, ternyata hasilnya stripe ad sukses terpasang. Untuk sobat yang berhasrat template blognya dipasangi stripe ad, kebetulan saya masih ingat caranya (pasang widget stripe ad pada template blogger).
Untuk contoh, blog yang memasang widget Stripe-Ad seperti blognya o-om.com atau pada blog lain. Dimana letaknya tepat menempel di bagian atas halaman blog atau diatas elemen header serta ada tombol close nya. Isinya pun bisa kita modifikasi, mulai dari link untuk berlangganan RSS feed, fans page facebook/twitter, atau hanya sekedar pengumuman dari sang admin alias pemilik blog.
Tertarik untuk memasangnya? Silakan ikuti langkahnya di bawah ini:
1. Dalam keadaan login di blogger. pada halaman dasbor sobat klik rancangan lalu edit html.
2. Untuk berjaga-jaga, klik download template lengkap. Ini untuk mengantisipasi bila nanti terjadi kesalahan dalam pengeditan template.
3. Setelah selesai mendownload, beri centang pada kotak disamping expand template widget.
4. Lalu cari kode </head>
5. Setelah ketemu, tepat diatasnya pastekan/masukan kode dibawah ini:
<script src='http://sites.google.com/site/asrizalofficialweb/javascript/Stript-ad.js' type='text/javascript'/>
6. Lanjut, cari kode <body>
7. Tepat dibawah kode <body> masukan kode seperti ini:
<div id='mta_bar'>
<div id='left_bar'><span class='left'><a href='http://feeds.feedburner.com/blogspot/dinwahyu' target='_blank'>Sudah berlangganan artikel blog ini via RSS feed?</a></span></div>
<span class='right' onmouseout='self.status=''' onmouseover='self.status='o-om.com.com';returntrue;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji9PwaB_vZXHdAt50ln0-5DtFt9IO-LDeG9QJdInHWH71m31F_6l0Nk-ixyhgTmL_pp2MlYGm-8rKohsmBPzHBVN1zXf3Bg736T9gFTomntL5VjzEAgep9HD3FU_L1pjQdcPUzNIgAIAFC/' style='cursor:hand;cursor:pointer;'/></span></div>
keterangan: pada kode yang berwarna merah adalah URL target link dari teks berwarna biru. Keduanya bisa diganti sesuai selera atau kebutuhan. Sedangkan pada kode warna orange adalah URL gambar dari tombol closenya. Sobat bisa menggantinya dengan gambar yang lain.
8. Selanjutnya cari kode:
]]></b:skin>
9. Setelah ketemu, tepat diatasnya pastekan kode:
#mta_bar {background:#0000ff;margin: 0 0 3px 0;padding:10px;z-index: 100;top:0;left:0;width: 100%;overflow:auto;position:fixed;}
* html #mta_bar{/*IE6 hack*/position:absolute; width:expression
(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px"); }
#mta_bar .left { float:left; text-
align:center;font-family: Arial;font-size:13px; font-weight:bold; font-style: normal; color:#ffffff;width:92%;}
#mta_bar .right {font-family: Arial,Helvetica,sans-serif; float: right;text-align: center; font-weight:normal; font-size: 10px;letter-spacing: 0; width:30px; white-space: nowrap;}
#mta_bar .right a {font-size:11px; color: #ffffff; text-decoration:underline;}
#mta_bar .right a:hover {font-size: 11px; color: #ffffff;text-decoration: none;}
#left_bar a { text-decoration:none;color: #ffffff;}
#left_bar a:hover {text-decoration: underline; color: #ffffff;}
ket: kode ini #0000ff adalah untuk warna background/latar widget stripe-Ad. Kode #0000ff adalah warna biru. Silakan ganti dengan kode warna yang lain misal #000000 untuk warna background hitam. Sedangkan untuk #ffffff adalah warna teks pada menu stripe ad yang berarti putih. Baik warna background atau teks, keduanya silakan sesuaikan dengan template sobat.
10. Setelah sobat selesai memasukan semua deretan kode diatas. Langkah terakhir klik tombol simpan template. Dan lihat hasilnya.
Otomatis, sebuah widget stripe-Ad akan terpasang pada bagian atas layar Atau header blog. Dan untuk melenyapkannya, tinggal klik gambar tombol close. Setelah diclose, Meski widgetnya hilang sobat jangan khawatir, karna nanti juga akan muncul lagi. Begitupun selanjutnya bila kembali muncul, untuk menghilangkannya klik tombol 'close'.
Selamat mencoba memasang widget stripe-Ad ala id creative dan semoga berhasil!
No comments:
Post a Comment