Membuat Slide Widget (Adsense) Pada Blog

03.18  , ,  

Membuat Slide Widget (Adsense) Pada Blog adalah hal yang Sistem Komputer paparkan saat ini karena sangat menarik. Banyak hal yang mungkin bisa didapatkan dari tulisan tentang Membuat Slide Widget (Adsense) Pada Blog ini.

Membuat Slide Widget (Adsense) Pada Blog
Udah lama gak posting membuat Kang Fathur kangen akan blog ini. Pada kesempatan yang berbahagia ini saya akan membagikan cara membuat slide widget pada blog. Caranya gak terlalu ribet bahkan hanya menambahkan kode HTML pada gadget blog anda.

Live Demo

Caranya

Copy paste kode berikut pada gadget blog anda.
Pada contoh dibawah saya memanfaatkan Like Box Facebook untuk memasang slide widget ini. Meskipun sebelumnya saya opernah membahas social bookmark floating pada blog. Akan tetapi apa salahnya juga anda mencoba tutorial ini.

<script src="http://zonaonline.googlecode.com/files/slidepio.js" type="text/javascript"></script>
<div id="fbslidebox" style="position: fixed; width: 310px; overflow: hidden; bottom: 5px; right: 5px; background: url(&quot;http://www.scri8e.com/white.gif&quot;) repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 1px solid #ccc; display: block;">
<div style="width: 295px; padding: 10px; margin: 0pt auto; overflow: hidden;">
         <a id="fbcloseslidebox" style="float: right; color: rgb(153, 153, 153); padding: 0pt 5px;" href="#"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhERoY4Pp8NFNuGOiZNLpbRl0nBITHu3Yk9IDzZOoqPy9_Pm234c11Fwd4Fmy41OZrHvFYH_FPC4NF-3yyx_DQu0po_Zvp1ZdS2nbo-dfDKaZ_c68XqEG2cSP00a3IpTR5IDIlX2aTwXyI/s400/cancel.png'/></a>

       <strong style="color: rgb(0, 0, 0);">Terimakasih Atas Partisipasi Anda</strong> 
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fzona.kangfathur&amp;width=292&amp;height=180&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=228699513877035" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:180px;" allowtransparency="true"></iframe>
<span style="font-size: x-small;">widget by : <a href="http://kang-fathur.blogspot.com/" target="_blank" title="Portal Informasi Online | Berbagi Untuk Semua"><b><span style="color: blue;">Kang Fathur</span></b></a></span>
</div></div>

Warning : Silakan ganti tulisan miring yang berwarna kuning diatas dengan tulisan yang anda innginkan.

Semoga berhasil dan bermanfaat artikel tutorial yang simple ini. SELENGKAPNYA atau SEPENUHNYA

Sistem Komputer

Sitemap 1 2 3 4 5