Cara Buat Related Post di Blogger Evo Magz Mas Sugeng




Cara Buat Related Post di Blogger Evo Magz Mas Sugeng
Cara Buat Related Post di Blogger Evo Magz Mas Sugeng 

Tema penjelasan pada hari ini adalah mengenai Cara buat related post di blogger evo magz mas sugeng  jika kita memasang artikel terkait yaitu related post pada blog kita , hal ini mamapu dapat meningkatkan jumlah page view/ pengunjung pada blog kita , nah karena dengan adanya sebuah related post , pasti pengunjung pun akan tertarik dengan artikel yang berkaitan dengan artikel yang sedang dibaca nya tersebut.

Penjelasan yang saya paparkan tidak lah sedetail mungkin, hanya saja saya lebih suka ke cara pembuatannya, jika anda ingin lebih jelasnya lagi anda bisa melihat gambar di bawah ini.
Dan bagi anda yang sudah tidak sabar lagi untuk membuat related post nya di blog anda, maka anda ikuti terus tutorial di bawah ini.
Cara Buat Artikel Terkait di Blog Evo Magz
  1. Nah seperti biasa  silahkan anda masuk ke halaman Blogger milik anda disini
  2. Selanjutnya anda klik tombol Theme==> Edit HTML
  3. Copy kode css berikut di bawah ini, dan anda paste tepat diatas kode ]]></b:skin> atau </style> (cara cepat cari kode tekan CTRL+F)
    /* ==== Related Post Widget Start ==== */
    .related-post{margin:15px 0 0;border-top:1px solid #f0f0f0;padding:15px 0 0}
    .related-post h4{font-size:14px;margin:0 0 .5em;text-transform:uppercase}
    .related-post-style-2{margin:0 0 0 0!important;padding:0 0 0 0!important;list-style:none}
    .related-post-style-2 li{margin:0 0 0 0;padding:0 0 0 0}
    .related-post-style-2 li{padding:5px 0!important;border-top:1px solid #eee;overflow:hidden}
    .related-post-style-2 li:first-child{border-top:none}
    .related-post-style-2 .related-post-item-thumbnail{width:60px;height:60px;max-width:none;max-height:none;background-color:transparent;border:none;padding:0;float:left;margin:2px 8px 0 0}
    .related-post-style-2 .related-post-item-title{font:normal normal 16px Fjalla One,Helvetica,Arial,sans-serif} www.mizipedia.com
    .related-post-style-2 .related-post-item-summary{display:block;overflow:hidden}
    .related-post-style-2 .related-post-item-more{}
  4. Dan anda cari kode </body> , dan anda copas kode dibawah ini diatas kode </body> tersebut
    <div class='related-post' id='related-post'></div>
    <script type='text/javascript'>
         var labelArray = [
           "Smartphone"
    ];
         var relatedPostConfig = {
          homePage: "http://evomagzblog.blogspot.com/",
          widgetTitle: "<h4>Related Posts :</h4>",
          numPosts: 5,
          summaryLength: 140,
          titleLength: "auto",
          thumbnailSize: 60,
          noImage: "http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w60-h60-c/no-image.png",
          containerId: "related-post",
          newTabLink: false,
          moreText: "Read More...",
          widgetStyle: 2,
          callBack: function() {}
         };
         </script><script type='text/javascript'>
    //<![CDATA[     
    /*! Related Post Widget for Blogger by Taufik Nurrohman => http://gplus.to/tovic */
    var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>Artikel Terkait:</h4>",widgetStyle:1,homePage:"http://www.dte.web.id",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?' target="_blank"':"",y='<span style="display:block;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"&hellip;":t;r=("media$thumbnail" in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/,"/s"+d.thumbnailSize+"-c"):d.noImage;u=("summary" in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"&hellip;":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='<li><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'" class="related-post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</li>"}else{if(A==3||A==4){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-title" href="'+v+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+"</a></div>"+y+"</li>"}else{if(A==5){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href="'+v+'" title="'+t+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-tooltip">'+w+"</span></a>"+y+"</li>"}else{if(A==6){c+='<li><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div class="related-post-item-tooltip"><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+"</span></span>"+y+"</div></li>"}else{c+='<li><a title="'+t+'" href="'+v+'"'+b+">"+w+"</a></li>"}}}}}s.innerHTML=c+="</ul>"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]);
    //]]>
    </script>
  5. Jika sudah anda Klik save dan bisa lihat hasilnya.
Nah cara memasang Related post di blogger sama cara nya seperti memasang tombol share, jika anda ingin meletakan Related postnya di ats tombol share/berbagi, maka jalur untuk peletakan juga tepat di atas Coding Share.

Demikian penjelasan tema pada hari ini yaitu tentang cara buat related post di blogger evo magz mas sugeng, selamat mencoba dan semoga bermanfaat untuk semua rekan blogger, oya jika ada yang ingin di sampaikan langsung anda klik tombol komentar di bawah ini, dan saya akan secepat nya membalas komentar anda, salam blogger.

Share Google URL Shortener: Get Short URLloading short url

Bila Anda merasa memang artikel-artikel di blog ini bisa bermanfaat, maka Anda bisa membantu memberikan donasi melalui Paypal Dana hasil dari donasi akan digunakan untuk memperpanjang domain mizipedia.com - Terima kasih.



Comment Policy Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Peraturan Berkomentar di mizipediacom
1. Berkomentarlah dengan Relevan dan Sopan
2. Jangan Spam
3. Tidak Porn dan Sara
4. Berkomentar dengan link tanpa relevan maka akan otomatis terhapus
5. Semua komentar pasti akan saya baca dan dibalas. Show Emoticon. Klik ==>


Join on this site

with Google Friend Connect