Cara Membuat Artikel Terkait Di dalam Postingan Blogger
Daftar isi
Orang-orang selalu
bertanya-tanya berapa banyak blog yang dapat menampilkan sesuatu seperti daftar
“artikel terkait” yang tepat di
bawah setiap postingan. Ini tidak
hanya membantu pengguna untuk menemukan topik yang relevan maupun terbaru berikutnya,
tetapi juga melibatkan mereka untuk berlama-lama
atau waktu yang lebih lama. Salah satu strategi dari seorang Blogger yakni dengan cara
menampilkan artikel terkait di bawah posting di Blogger. Bagaimana caranya. Secara
teknis, ada banyak cara untuk menampilkan artikel atau posting terkait tetapi
sebagian besar dari mereka tidak terlalu tepat pada target; apa yang diharapkan mereka. Apakah Blogger mereka tidak menarik orang atau
mereka memberikan hasil yang sama sekali tidak relevan. Hari ini di artikel
ini, kami akan menunjukkan kepada Anda bagaimana membuat artikel terkait di dalam
postingan blogger.
Cara Membuat Artikel Terkait Di dalam Postingan Blogger
Mengapa anda perlu menambahkan artikel yang terkait di dalam postingan blogger. Kadang-kadang
Anda mungkin ingin memberikan beberapa
hal tambahan kepada pengunjung Anda sehingga mereka dapat terlibat dan
menghabiskan lebih banyak waktu di situs web Anda. Melibatkan pembaca untuk
jangka waktu yang lebih lama adalah sesuatu yang sangat berguna tidak hanya
untuk pertumbuhan tetapi juga untuk meningkatkan pendapatan situs web. Semakin
banyak waktu orang menghabiskan di situs Anda, semakin besar pula kesempatan untuk mendapatkan
penjualan yang baik melalui afiliasi, adsense, atau lainnya.
Cara Membuat Artikel Terkait Di bawah Postingan Blogger
Hal
pertama yang perlu Anda lakukan adalah masuk ke akun Blogger Anda dan pergi ke
>> Templates >> Edit HTML dan cari tag akhir </head> dan
tepat di atasnya rekatkan kode berikut.
<style>
#related-posts {
float: kiri;
lebar: 650 piksel;
border-bottom: 1px solid #ddd;
tinggi: 290 piksel;
}
#related-posts h2 {
margin-top: 50px;
batas-bawah: 0px;
border-top: 1px solid #ddd;
padding-atas: 20px;
margin-bawah: 10px;
margin-kiri: 3px;
warna: #666;
ukuran font: 16px;
}
</style>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
var defaultnoimage="http://3.bp.blogspot.
com/-PpjfsStySz0/UF91FE7rxfI/AAAAAAAAACl8/092MmUHSFQ0/s1600/no_image.jpg";
var maxresult=3;
var splittercolor="
var relatedpoststitle="Artikel Terkait:";
</script>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var terkaitTitlesNum = 0;
var relatedUrls = new Array();
var thumburl = Array baru();
function related_results_labels_thumbs(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entri = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entri.title.$t;
coba
{thumburl[relatedTitlesNum]=entry.media$thumbnail.url;}
tangkap (kesalahan){
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src
=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,cb-5);
{thumburl[relatedTitlesNum]=d;} else {if(typeof(defaultnoimage) !==
'undefined') thumburl[relatedTitlesNum]=defaultnoimage; else
thumburl[relatedTitlesNum]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqUT1iKZ2pWfLt-OplrmdQ87Q254_u0BA3MpEGe-KFytTcRHA4HAjjSq7gtt5MgUVdEa3E2XZ61woiyXJgnsgrtTvCIzeZ9oygmu0Fd-C7gUbXGe5gk20QLmCdwhXCMZlGP7vzislQQ5jU/s1600/no_image.jpg";}
}
if(relatedTitles[relatedTitlesNum].length>35) relatedTitles[
relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,
35)+"...";
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entri.link[k].href;
terkaitTitlesNum++;
}
}
}
}
function removeRelatedDuplicates_thumbs() {
var tmp = new Array(0);
var tmp2 = new Array(0);
var tmp3 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains_thumbs(tmp, relatedUrls[i]))
{
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.panjang += 1;
tmp3.panjang += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
tmp3[tmp3.length - 1] = thumburl[i];
}
}
terkaitTitles = tmp2;
terkaitUrls = tmp;
thumburl=tmp3;
}
fungsi berisi_jempol(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) mengembalikan nilai true;
kembali salah;
}
function printRelatedLabels_thumbs(saat ini) {
var splitbarcolor;
if(typeof(splittercolor) !== 'undefined')
splitbarcolor=splittercolor; lain splitbarcolor="#DDDDDD";
for(var i = 0; i < relatedUrls.length; i++)
{
if((relatedUrls[i]==current)||(!relatedTitles[i]))
{
relatedUrls.splice(i,1);
terkaitTitles.sambatan(i,1);
thumburl.sambatan(i,1);
Saya--;
}
}
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var saya = 0;
if(relatedTitles.length>0)
document.write('<h2>'+relatedpoststitle+'</h2>');
document.write('<div style="clear: both;"/>');
while (i < relatedTitles.length && i < 20 &&
i<maxresults) {
document.write('<
if(i!=0) document.write('border-left:solid 0.5px '+splitbarcolor+';"');
else document.write('"');
document.write(' href="' + relatedUrls[r] + '"><img
style="width:200px;height:120px;border:0px;"
src="'+thumburl[r]+'"/> <br/><div
style="padding-left:3px;height:65px;border: 0pt none ; margin: 3px 0pt 0pt;
padding: 0pt; font-style: normal; font-variant: normal; font-weight: normal;
font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch:
normal;">'+relatedTitles[r]+'</div></a>');
saya++;
if (r < relatedTitles.length - 1) {
r++;
} lain {
r = 0;
}
}
document.write('</div> ');
relatedUrls.splice(0,relatedUrls.length);
thumburl.splice(0,thumburl.length);
relatedTitles.splice(0,relatedTitles.length);
}
//]]>
</script>
</b:if>
Di template, cari tag
<data:post.body/> dan tepat di bawahnya tempelkan Kode HTML
berikut. Jika Anda tidak dapat menemukan <data:post.body/>, Anda
dapat menempelkannya tepat di bawah <div class='post-footer-line
post-footer-line-1'></div> .
<b:if
cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
< b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name
+
"?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div></b:if>
Demikianlah artikel
tentang Cara Membuat Artikel Terkait Di dalam Postingan Blogger semoga
bermanfaat dan terimakasih.
Post a Comment for "Cara Membuat Artikel Terkait Di dalam Postingan Blogger "