Latest News

Cara Membuat Artikel Terkait Blog Dengan Gambar

Cara Membuat Artikel Terkait Untuk Blog dengan gambar. Artikel terkait ialah salah satu artikel di salah satu halaman blog yang terletak dibagian bawah artikel utama dan kegunaan atau manfaat artikel terkait ini ialah memberi gosip lanjutan yang relevan sebagai artikel yang menyangkut pada artikel suatu halaman diatasnya atau url yang sedang terbuka. Kenapa seorang admin blog memodifikasi template bawaan blogger sebab semoga dengan artikel terkaitnya maka memberi yang terbaik kepada pengunjung mampu betah lama lama di dalam blognya.

Cara Membuat Artikel Terkait Untuk Blog dengan gambar. Sebagai faktor komplemen artikel utama, artikel terkait ini mampu meningkatkan traffic ke halaman-halaman lainya yang tidak pernah di temukan di SERP mesin pencari, mungkin sebab kalah bersaing dengan pesaing judul artikel yang sama dari blog lain, atau artikel gres dibuat maka artikel belum muncul SERP, jadi artikel yang hilang di SERP google akan mampu terbuka di bawah artikel utama dengan label sama maka alhasil sangat baik akan memberi sinyal ke mesin pencarian semoga artikel tekait tadi mampu di ingat SERP mesin pencarian google bila ada yang mengunjungi judul halaman artikel terkait dengan gambar with thumbnails ini.

Cara Membuat Artikel Terkait blog dengan gambar

Bagaimana cara membuat artikel terkait di blog dengan gambar? dengan cara menyematkan javascript artikel terkait yang di tanam simpan atau diletakan di template, maka blog kita sudah menyajikan suatu kepuasan terhadap pengunjung untuk memudahkan bila membutuhkan artikel lainnya dengan membuka judul di bawah artikel dengan label atau kategori artikel terkait ini sebagai solusi yang sempurna bagi artikel lainnya semoga mampu lebih di kenal di SERP google, artikel terkait ini juga selain menambah traffic pengunjung ke halaman lainnya ada satu yang tak kalah penting yaitu memberi sarana ke pengunjung bahwa artikel yang yang mengangkat tema yang sama bersangkutan sudah disediakan oleh admin dengan cara membuat atau menanam javascript di simpan di template semoga tampilan blog lebih inovatif bila di lihat di sebut dengan artikel terkait atau related articel.

Membuat artikel terkait tidaklah sulit, bila sahabat ingin memoles template bawaan blogger, alangkah baiknya membuat artikel terkait di blospot dengan cara berikut:

1). Login ke akun blogger
2). Masuk ke menu template > Edit HTML/Javascript
3). Pastekan instruksi di bawah sempurna di bawah
</]]></b:skin> atau </style>

#related-posts { float:center; width:100%; margin:0; padding-top:10px; }
#related-posts .judul { background:none; color:#333; font:16px Oswald; display:none;}
#related-posts .seocips_img { padding:0; margin:7px; width:180px !important; height:auto; position:relative; overflow:auto;border:4px double #ddd; }
#related-posts .seocips_img { height:130px; }
#related-posts .seocips_img:hover { opacity:.7; filter:alpha(opacity=70); -moz-opacity:.7; -khtml-opacity:.7; }
Catatan ukuran mampu anda ganti pada karakter merah.

4). Cari instruksi di bawah :

</head>

Silahkan pastekan instruksi berikut sempurna di atas instruksi </head> bila sudah ada instruksi di bawah tidak usah di pasang

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>


Masukan lagi instruksi di bawah ini masih di atas </head> :

<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='http://1.bp.blogspot.com/-QjSndGbF0No/T-Nt3HgKsDI/AAAAAAAAG9o/cN6_Oy306rc/s1600/no-video.gif'}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]=entry.link[k].href;relatedTitlesNum++}}}}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.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<div class="judul">'+relatedpoststitle+'</div>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;margin: 5px;border:2px solid #ddd; float:left;');if(i!=0)document.write('"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img class="seocips_img" src="'+thumburl[r]+'" title="'+relatedTitles[r]+'" alt="'+relatedTitles[r]+'"/><br/><div style="width:190px;padding:0 0;color:#666;height:45px;text-align:center;margin:5px; font:bold 12px Arial; line-height:23px;">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r++}else{r=0}i++} ; eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3.7(\'</q><a p="o://n.m.e" 9="i-b: c; d-r:f; g: #h;">8 j k</a>\');3.7(\'</l>\');6.2(0,6.1);5.2(0,5.1);4.2(0,4.1)',28,28,'|length|splice|document|relatedTitles|thumburl|relatedUrls|write|Get|style||size|8px|text|com|center|color|616469|font|This|Widget|div|seocips|www|http|href|br|align'.split('|'),0,{}))}//]]>
</script>

Catatan mampu di ganti pada karakter merah

5). Cari lagi instruksi di bawah ini pilih salah satunya :

<div class='post-footer'>

<div class='post-footer-line post-footer-line-2'>

<div class='post-footer-line post-footer-line-3'>

Bila sudah ketemu copy dan pastekan instruksi di bawah, di atas instruksi ketiga yang Anda pilih tadi :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<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_thumbs&amp;max-results=999&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=6;
var relatedpoststitle=&quot;Related Posts :&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
  </div>
<div class='clear'/>
</b:if>

6). Simpan dan bila tidak muncul masuk ke dasbor blog pilih setelan lanjutkan klik lainnya dan klik izinkan umpan blog pilih penuh simpan dan sukses.

Baca juga artikel lainnya yang lebih keren:
* Templates Evo Magz V2 SEO RESPONSIVE
* Cara Membuat Blog Full SEO Friendly
* Templates Fastest Magz v3.5 Terbaru
* Ciri Backlink Berkualitas SEO Untuk Menaikan SERP

Itulah tips sederhana perihal cara membuat artikel terkait untuk blogspot dengan gambar, semoga bermanfaat. Terima kasih.