Beranda » Tutorial Blog » Cara Membuat Widget Recommended Post Slide

Cara Membuat Widget Recommended Post Slide

T Diposting oleh pada 29 Agustus 2012
F Kategori
b 4 komentar
@ Dilihat 726 kali

Cara Membuat Recommended Post Slide.Membuat Widget Recommended post slide adalah salah satu widget yang banyak di pasang oleh sebagian blogger.Tujuan pemasangan widget ini adalah salah satu tips blog untuk memperbanyak pageview blog milik sang blogger.Widget ini akan memunculkan random post secara acak.

Membuat widget recommended for you

Pada catatan pertama kali ini setelah beberapa hari ngga update blog dikarenakan kesibukan lebaran idul fitri,maka saya akan berbagi Cara membuat Widget recommended post slide pada blog milik sobat.

1.Buka akun blogger  dan buka Rancangan > Tata Letak > add gadget > HTML/javascript, kemudian masukkan kode berikut ini:

<div id=”bpslidein” style=”display:none;”> <div class=”help”>?</div><div class=”expand”>+</div> <div class=”close”>X</div> <p><a href=”http://catatandarmanto.blogspot.com/2012/08/cara-membuat-widget-recommended-post.html” 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://lh4.googleusercontent.com/-3ZeBFGQpJLA/Tu3juLKG8EI/AAAAAAAACTs/9CxWgQBV9G8/I/bloggerplugins.png” alt=”Recommended Post Slide Out For Blogger” /></a>

2. Simpan Gadget
3. Kemudian masuk ke Rancangan >Template > Edit HTML > (ctrl F)  cari kode:

<div class=’post-footer-line post-footer-line-1′>

 atau

 <p class=’post-footer-line post-footer-line-1′>

 atau

<data:post.body/>

Pilih salah satu kode diatas sesuai yang ada pada template milik sobat.Setelah memilih salah satu kode tersebut diatas,kemudian masukkan kode di bawah ini tepat dibawah kode tersebut diatas:

<b:if cond=’data:blog.pageType == “item”‘> 
<div style=’display:none’ id=’bpslidein_place_holder’></div>
</b:if>

4.Save template dan lihat hasilnya.

Keterangan:

-Widget Recommended Post Slide ini hanya muncul di bagian artikel blog milik sobat dan tidak muncul di homepage.

Ok sobat Darmanto semua,itulah catatan saya pada kali ini mengenai Cara Membuat Widget Recommended Post Slide,semoga bermanfaat bagi sobat yang ingin membuat  Widget Recommended Post Slide.

Diposting oleh

Darmanto adalah owner CV. Studio Web, sebuah perusahaan jasa pembuatan web SEO friendly, jasa desain blog, google adwords, jasa SEO profesional. Follow Channel telegramnya di https://t.me/darmantoseo

4 Komentar untuk Cara Membuat Widget Recommended Post Slide

Silahkan tulis komentar Anda

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

*

a Artikel Terkait Cara Membuat Widget Recommended Post Slide

Cara Mempercepat Loading Blog,Cara 1

Cara Mempercepat Loading Blog,Cara 1

T 3 Juli 2012 F , A Darmanto SEO

Cara Mempercepat Loading Blog.Assalamualaikum wr. wb sobat semua…Tanpa terasa semakin hari blog ini mulai terasa berat loading blog saya ini.Padahal salah satu tehnik SEO yang mesti di lakukan oleh seorang blogger agar blognya lebih disukai search engine katanya adalah mempercepat... Selengkapnya

Cara Membuat Label Yang Di Klik Hanya Tampil Judulnya Saja.

Cara Membuat Label Yang Di Klik Hanya Tampil Judulnya Saja.

T 16 September 2012 F A Darmanto SEO

Membuat label yang di klik hanya tampil judulnya saja adalah salah satu tips blog dan juga triks para blogger agar jumlah pageviews blog kita lebih banyak.Cara membuat label yang di klik hanya tampil judulnya saja juga bertujuan untuk memudahkan pengunjung... Selengkapnya

Membuat Artikel Terkait dengan Gambar

Membuat Artikel Terkait dengan Gambar

T 16 April 2012 F A Darmanto SEO

Membuat Artikel Terkait dengan Gambar. Sebelumnya pada catatan saya yang lalu sudah pernah memposting mengenai cara membuat artikel terkait untuk menampilkan artikel yang berkaitan dengan judul postingan utama,sehingga memudahkan pembaca untuk mencari topik yang berkaitan.Nah kali ini saya ingin melanjutkan... Selengkapnya

+ SIDEBAR

Ada Pertanyaan? Silahkan hubungi customer service kami untuk mendapatkan informasi lebih lengkap mengenai jasa/produk kami.

Legalitas Usaha

CV. STUDIO WEB
SIUP: 503.9/192/KPPT/PMK/11-22/II/2015
TDP: 112236321645
Akta Notaris no. 01
Detail Legalitas Kami Klik disini

Alamat

Office:
Jl. Raya Gili Tugel – Kreo KM 1, Rt. 039 Rw. 005

Desa Cibuyur, Kec. Warungpring

Kab. Pemalang, Jawa Tengah,52358