Sunday, March 4, 2012

Memasang Widget Recommended For You pada Blogger


Pernah lihat tidak widget Recommended For You ? itu loh salah satu widget yang digunakan untuk menampilkan postinga terbaru atau terpopuler secara otomatis yang letaknya di pojok kanan bawah blog. nah kalau kamu ingin membuat eh menaruh widget seperti itu, ikuti langkah mudah dibawah ini sob.


1. Masuk ke blogger.com 

2. Klik Rancangan --> Elemen Laman --> Tambah Gadget --> HTML/Javascript.

3. Copas dan masukan kode javascript dibawah ini.
<div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p><a href="http://hzndi.blogspot.com" target="_blank">Recommended for you</a></p> <div id="bpslidein_image"></div> <div  id="bpslidein_title">Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_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(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("http://recommended-slide-out-for-blogger.googlecode.com/svn/trunk/bp-out-slide.min.js",function(){},"bp-out-slide")},"jQueryjs")} </script> <a href="http://www.bloggerplugins.org/2011/12/recommended-post-slide-out-for-blogger.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8mUY98hp-kdKZDmBJHY2NvxCrAeuPFtnFAay7ORzpFAPjEXUpSo8P5OffZ3Uq6jFezQHDErgvHC_8K_YILssqEVURf0E_s7dwNpUV_gCcaxRmzuu1KvOXGOtCayK1Sv3aXU9-tiZ5i4w/I/bloggerplugins.png" alt="Recommended Post Slide Out For Blogger" /></a>

4. Simpan template, mudah bukan ?

Postingan Terkait:

12 comments:

  1. ijin simak dulu ya sob....salam sehat dan sekalian absen pagi nih..

    ReplyDelete
    Replies
    1. silahkan sob, heheh maap nih belom bisa kunjung masih sibuk nge-posting hehehe, segera ke TKP :)

      Delete
  2. wah ni cucok bgt buat mempercantik blog...keren infonya sob..sangat bermanfaat :D ijin sedot Sob

    ReplyDelete
    Replies
    1. oke sob sama2 bukan ijin sedot x sob, ijin pake HTML-nya hehehe

      Delete
  3. mantep gan ane ijin nyoba dolo gan salam kenal ya

    ReplyDelete
  4. aku dah coba n berhasil mas..

    ReplyDelete
    Replies
    1. thanks gan :D silakan di coba tutorial lainnya :D

      Delete
  5. Replies
    1. ga berhasil gimana gan ? memang waktu itu saya coba tergantung template blognya

      Delete
  6. Maaf mas... kalau mw buat link copas di bwh artikel tu gmna ya... thx

    ReplyDelete

Komentarmu menunjukan kecerdasanmu, Kalau komentar cuma buat cari link buat apa ? :)

Twitter Delicious Facebook Digg Stumbleupon Favorites More