Home » GET HTML CODE » CARA BIKIN RELATED POST DIBLOG

Minggu, September 16, 2012

CARA BIKIN RELATED POST DIBLOG

Minggu, September 16, 2012

CARA BIKIN RELATED POST_ Definisi related post adalah: pencantuman Link-link yang terkait dengan posting kita yang sedang terbuka dengan postingan yang lain yang masih masuk dalam satu kategory atau satu label postingan.Misalnya anda membuat Label : INTERNET MARKETING, maka kita dapat menampilkannya secara otomatis diBlog kita ,beberapa postingan yang lain yang berlabel " INTERNET MARKETING " juga. Kalau masih Bingung Silahkan Lihat saja Penampakan Related Post Yang ada di Blog kita: Nampak disitu saya menyetel Max-resultnya hanya bernilai 5 : Cekidot simak gambar panahnya ..
http://www.bodinlingga.com/2012/09/cara-bikin-related-post-diblog.html
Perhatikan Related Post yang ditunjukan Tanda Panah
Fungsi RELATED POST : adalah untuk menambah page view dari sebuah Blog, artinya jika seseorang datang keblog kita dari Mbah Google hanya untuk mencari " Panduan internet Marketing " maka dia akan penasaran dan membuka-buka Posting yang lainnya,sehingga hal ini bisa membuat para visitor kita betah berada diBlog kita.Selain itu related post ini juga berfungsi sebagai" salah satu jalan " meningkatkan Alexarank kita,dimana dalam Rumus Alexa disebutkan bahwa " Popularitas sebuah blog dihitung dari reach dan pageview " diBlog kita.Jadi semakin banyak visito membuka -buka isi blog kita maka Alexarank anda akan semakin terdongkrak pula.
KEMBALI KE LAPTOP .........!!! Baca Bismillah dulu,karena prosedur pemasanganya memiliki resiko tinggi saya sarankan untuk mendownload dulu template anda sekarang,Jadi kalau ada kesalahan bisa langsung dimulai dari awal,OK silahkan diback-up dulu template hari ini.

CARA MEMASANG RELATED POST  TAHAP 1 :
1.Masuk diblog anda, langsung menuju Template,jangan lupa centhang Expand Widget .
2.Gunakan Control F untuk menemukan kode " </head>"
3.Setelah ketemu,langsung copy-pastekan code HTML  letakkan tepat DIATAS  " </head>" jangan sampai salah ....!!!

CARA BIKIN RELATED POST TAHAP 1:
<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL_AjhSRp5wpDD-xWsa2p8Fmoa4Xxk04sQHQNevBcAQoZHsSwO3T6l11ygtTcubHdN6UAcPrZkOMlUWmehdWtrSPRZtUJ94DADjlIcc4FQFbCMH0_YLfw88-hmFyhRPG8jdcO3uCzDLGk/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='https://sites.google.com/site/areacyberblog/areacyber/areacyberblogspot.js' type='text/javascript'/>
CARA MEMASANG RELATED POST TAHAP 2 :
1.Selanjutnya cari kode : <data:post.body/>   copy-pastekan code didalam spoiler dibawah ini,letakkan tepat dibawah code <data:post.body/>  yang barusan anda cari tadi...ingat letaknya dibawah code <data:post.body/> 

CARA BIKIN RELATED POST TAHAP 2 :
<br/><br/><b:if cond='data:blog.pageType == "item"'> <div id="related-posts"> <font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div></b:if>
Anda bisa merubah beberapa nilai yang ada : semisal pada : kata Related Post (Judul widgetnya)  dan juga pada Max-result  ( jumlah posting yang ingin ditampilkan).
Selamat mencoba diblog anda,semoga berhasil ,lakukan dengan hati-hati karena tahapannya memang ada dua ,seandainya terjadi kesalahan pada HTML diatas silahkan hubungi saya dikolom komentar,dan jika anda nggak jadi pasang Related Post diatas anda bisa langsung mendownload ulang template yang sudah anda back-up tadi.
Nambah sedikit ya Gan .....
Mengingat pentingnya widget related post untuk kepentingan SEO on-page pada blog,memang semua blogger Senior menganjurkan pemasangannya,Sebenarnya kita juga bisa memasang related post ini dengan Link-link manual, ini bisa anda lakukan jika posting anda sudah mencapai ribuan,misalnya untuk memberikan pageview juga untuk posting 3 tahun yang lalu,kasih related post manual dengan memberikan Link Manual .

BACA JUGA PILIHAN LAIN :

Tags :