Widget Pos Slide untuk Blogger

info-gamepc.blogspot.com - Apakah kamu pernah menjumpai pesan-pesan popup yang meluncur keluar dari sudut sebelah kanan bawah, setelah kamu hampir mencapai bagian bawah halaman posting? Kalo jawabannya Iya, berarti tidak salah, anda sudah tahu bentuk popup tersebut, sayangnya kode popup tersebut hanya dapat dijalankan diblog Wordpress bukan untuk blog blogspot seperti yang saya gunakan.

Tapi sekarang hal tersebut bisa kita gunakan di blog blogspot, Widget Pos Slide adalah tawaran posting undangan kepada pembaca untuk membaca artikel yang lain setelah pengunjung selesai membaca salah satu postingan blog Anda. Cara ini berguna bagi anda karena dapat meningkatkan CTR melalui pengunjung blog Anda.

Bagaimana menambahkan Widget Rekomendasi Pos Slide.

1 Masuk ke akun Blogger Anda, kemudian pergi ke Layout.
2 Klik Tambah Add Gadget.
3 Pilih HTML/JavaScript.
4. Paste kode dibawah ini.

<div id="hlslidein" style="display:none;"> <div class="expand">+</div> <div class="close">X</div> <p>Recommended for you</p> <div id="hlslidein_image"></div> <div id="hlslidein_title">Loading..</div> <a href="http://www.mybloggertricks.org/2012/06/recommended-post-slide-out-widget-for.html" target="_blank"><font size="1"> <i>Get gadgets</i></font> </a></div><script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof hl_onload_queue=='undefined')var hl_onload_queue=[];if(typeof hl_dom_loaded=='boolean')hl_dom_loaded=false;else var hl_dom_loaded=false;if(typeof hl_async_loader!='function'){function hl_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(hl_dom_loaded){newcallback()}else hl_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof hl_domLoaded!='function')function hl_domLoaded(callback){hl_dom_loaded=true;var len=hl_onload_queue.length;for(var i=0;i<len;i++){hl_onload_queue[i]()}}hl_domLoaded();hl_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){hl_async_loader("http://mybloggertricksorg.googlecode.com/files/Recommended%20Post%20Slide.js",function(){},"hl-out-slide")},"jQueryjs")} </script>

5. Save Widget.
6. Pergi ke Edit HTML -> Centang kotak "Expand Template Widget".
7. Cari dengan CTRL + F kode berikut:

<div class='post-footer-line post-footer-line-1'>

ATAU

<p class='post-footer-line post-footer-line-1'>

ATAU

<data:post.body/>

8. Tambahkan kode dibawah ini, letakkan dibawah kode atas.

<b:if cond='data:blog.pageType == "item"'> <div style='display:none' id='bpslidein_place_holder'></div> </b:if>

8 Simpan template Anda.