Optimalkan google adsense atau ads (iklan) dari sponsor anda dengan memasang PopUp Ads Screen yang user-freindly. Memang terkadang kita tidak terlalu suka dengan penampilan iklan yang berlebihan pada blog yang kita kunjungi, selain menggangu penampilan blog terkadang juga membuat waktu loading yang bertambah lama. Oleh sebab itu saya mencoba membuat PopUp Ads Screen yang user-friendly, ga terlalu banyak iklan yang menggangu tapi bisa memperlihatkan secara fokus info dari sponsor kepada pengunjung blog... Dengan memasang PopUp Ads Screen ini selain memberikan informasi tambahan dari sponsor blog, pengunjung juga bisa memberikan support kepada blog yang dikunjunginya dengan mengklik dan melihat iklan yang terpasang pada blog tersebut.
PopUp Ads Screen menggunakan kode css dan sedikit sentuhan kode HTML. Buat anda yang tertarik dengan PopUp Ads Screen ala MonozCore ini silakan disimak tutorialnya... Oke jangan lupa untuk memberikan support-nya ya... dengan mengklik iklan yang ada di blog ini. Trims
Langkah 1
- Login ke blog anda...
- Klik "Design" kemudian klik "Edit HTML" Setelah itu centang "Expand Widget Templates".
- Cari kode </Head> kemudian letakan kode berikut ini di atas kode </Head>.<style>
#topbar {
height:25px;
width:auto;
background: #005094 url('https://lh6.googleusercontent.com/-25yI9RdlTQM/TkWH5CaAh3I/AAAAAAAAAd4/tl00tzlBc80/s800/sidebar-h2.jpg');
background-repeat:repeat-x;
text-align:left;
}
#adsground {
height:auto;
margin:0 auto;
width: auto;
background:#fff;
border-bottom:2px #005094 solid;
border-right:2px #005094 solid;
border-left:2px #005094 solid;
text-align:Center;
padding:2px;
}
#headlineatas {
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:30%;
left:40%;
border-bottom:1px #005094 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:9999;
font-size:13px;}
</style>
<script type='text/javascript'>
function getValue()
{
document.getElementById('headlineatas').style.display = 'none';
}
</script> - Cari kode <Body> kemudian letakan kode berikut ini setelah kode <Body>. <div id='headlineatas'>
<div id='topbar'>
<img align='left' style='padding-left:2px;' src='http://icons.iconarchive.com/icons/deleket/folder/24/Mozilla-Thunderbird-icon.png' />
<span style='color:#fff;font-size:17px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em'>Tautan Sponsor</span>
<span style='color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:2px'>
<target='_blank' onclick='getValue()'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8xXzmgZwDc3q7ydROclSWykNLmovAe2Q78eklDrRUHBlP1CGrDkjW2krsv3OQcK5Gn3LLb-UllnLx8Z2MZ9eZRVN3-ibifq6_IMVBBzLLZ1AWu9fJ2rDWy6O5ogxOeCyUZl1j_PrufeY/s800/closeX.png' /></target='_blank'></span>
</div>
<div id='adsground'><script type="text/javascript"><!--google_ad_client = "ca-pub-6109930972696170";google_ad_host = "pub-1556223355139109";/* MonozCore Adsense */google_ad_slot = "0165294114";google_ad_width = 250;google_ad_height = 250;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script><br/><span style='font-size:80%;'><a href='http://monozcore.blogspot.com/2011/11/cara-membuat-popup-ads-screen.html' target='blank'>Get This Widget</a></span></div></div> - Ganti kode yang berwarna biru dengan kode google adsense atau kode ads (iklan) yang anda peroleh dari penyedia layanan iklan anda. Sebelum anda menaruh kode iklan anda sebaiknya kode tersebut di parsing terlebih dahulu, silakan gunakan tool ini untuk memparsing kode iklan anda : Blog xml parser
- Klik "Save Template" dan lihat hasilnya.
Semoga postingan artikel kali ini dapat memberikan manfaat untuk anda. Oke... selamat mencoba dan jangan lupa cendolnya yaa supaya info berikutnya lebih kreatif dan bermanfaat.
Tidak ada komentar:
Posting Komentar