Teknik memasang widget related posts di blogspot

Jumlah pageview sesebuah blog merupakan elemen utama yang mempengaruhi kenaikan Rank Alexa dan juga PageRank (PR) blog tersebut. Pageview berbeza dengan unique visitor (UV) kerana ianya berkaitan dengan berapa kali pelawat membuka halaman sesuatu entri dalam blog yang dilawati. Biasanya, pageview akan lebih tinggi daripada unique visitor, iaitu lebih kurang 2 atau 3 kali ganda dari UV.

Aku tertarik dengan seorang blogger perempuan yang mempunyai pageview 5.3 kali ganda purata UVnya setiap hari. Hairan juga macam mana blogger hebat itu memang menjana jumlah pageview yang sangat tinggi. Di sini, saya ingin berkongsi dengan korang tentang salah satu teknik penting untuk meningkatkan pageview sesebuah blog iaitu dengan memasang widget related post pada setiap entri. Paparan gambar di bawah ini ialah widget related posts yang berjaya dipasang menggunakan teknik yang aku akan kongsikan nanti.

Teknik ini memang berkesan dan banyak membantu mempromosikan entri-entri yang lepas. Berikut ialah langkah-langkah untuk memasang widget related post dalam blogspot :

• Login ke blogger dengan ID Anda
• Klik Template >> Edit HTML >> Proceed 
• Jangan lupa beri tanda mark ✔ pada kotak Expand Template Widget 
• Cari kod </head> dengan bantuan key CTR + F  
• Copy kod di bawah dan paste di atas </head>

<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://sites.google.com/site/multipaste1/rss.png") 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/multipaste1/Related_posts.js?attredirects=0=1' type='text/javascript'/> 

• Seterusnya, cari kod <data:post.body/> atau <div class='post-body'> (jika kod <data:post.body/> tidak dijumpai) 
• Copy kod di bawah dan paste di bawah  <data:post.body/> atau <div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>
 <div id="related-posts"><font face='Arial' size='3'><b>Artikel Terkait :</b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><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>

• Preview dan jika tiada errors, save template yang sudah diubahsuai
• Selesai