Cara Mudah Pasang Slide Out Recommended Post ( Rekomendasi Post ) di Blog Tanpa Edit HTML

Artikel yang satu ini sangat jauh berbeda dengan artikel yg sebelumnya, karena artikel Cara Membuat Recommended Post yang satu ini adalah cara terbaru dalam dunia blogimg yang bisa kami posting dan bagikan.
Pada artikel sebelumya kami telah postng juga cara SEO terbaru yang berjudul Cara Membuat Judul Posting Bisa Tampil  Beberapa Baris di Hasil Pencarian Google
dan kelanjutan artikel di atas, kami akan bagikan cara terbaru yang mungkin bagi pemula, anda yang belum mengerti apa yang di maksud dengan Cara Membuat Rekommended Post Slide Out

Mungkin shobat sudah sering sekali melihat di blog ataupun website tetangga , suatu misal di website terkenal milik Detik.com atau di lintas.me namun mungkin shobat masih bingung dan punya fikiran, apa sih anu yang sering nongol pojok bawah kanan blog? yang sering berganti ganti artikel ketika kita ngeklik judul artikel yang lainnya?
Kok seperti penampakkan gitu ya, yang tiba tiba nongol di pojok bawah blog..
hehehhehe..
Sebagai contoh perhatikan baik baik gambar di bawah ini
Gambar Screenshoot "Recommended Post Slide-out"Kerjaterus.com
Bagaimana, apakah shobat sudah mengerti maksudnya setelah melihat gambar diatas?
Jika shobat sudah mengerti, yuk kita menuju ke cara memasangnya di blog blogspot milik shobat..
cara ini sangatlah mudah, karena kita tidak usah pusing pusing mengedit HTML dan shobat cuma menambahkan di gadget blog shobat..

Cara Pertama:
Masuk ke =>> blogger.com   

Cara Kedua:
Pilih Tata Letak =>> Tambah Gadget seperti gambar di bawah ini:
Kemudian Pilih HTML/ Javasript seperti gambar di bawah ini
Cara Ketiga:
Copy dan Paste Kode di bawah ini di kolom HTML/ Javascript

<b:if cond='data:blog.pageType == &quot;item&quot;'><div id='bpslidein_place_holder' style='display:none'/></div><div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Anda Mungkin Perlu Baca ini</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("https://slider-rekomendasi.googlecode.com/files/rekomenasi%20slider.js",function(){},"bp-out-slide")},"jQueryjs")} </script> <a href="http://kerjaterus.com" target="_blank"><img src="https://lh4.googleusercontent.com/-3ZeBFGQpJLA/Tu3juLKG8EI/AAAAAAAACTs/9CxWgQBV9G8/I/bloggerplugins.png" alt="Recommended Post Slide Out For Blogger" /></a></b:if>

Kemudian Klik Simpan dan lihat hasilnya..


... NB: Untuk melihat Hasilnya, shobat harus melihat di artikel post bukan di halam beranda. Karena kalau shobat membuka di halaman beranda tdak adakn pernah kelihatan hasilnya..

0 0 komentar: