J

A

L

A

N

T

I

K

U

S

!

!

  • HOME
  • Pasang Iklan
  • Hubungi Kami
  • Tentang Kami
  • Kerjasama
 

              Cara Membuat ARTIKEL MENARIK di Bawah Postingan Blogger

              Cara Membuat ARTIKEL MENARIK di Bawah Postingan Blogger

              00
              Selasa, 18 Okt 2016, 14:00 WIB
              Di setiap artikel JalanTikus, ada bagian Artikel Menarik yang berisi artikel rekomendasi untuk pembaca. Nah, kamu mau nggak nih punya Artikel Menarik juga di setiap postingan blog milikmu?

              Bagi kamu pembaca setia JalanTikus, pasti sudah tidak asing dengan kehadiran Artikel Menarik di bawah setiap artikel yang tampil. Bagian itu berisi link 5 artikel yang direkomendasikan untuk kamu. Gimana, selama ini kamu merasa terbantu kan dengan adanya Artikel Menarik? Soalnya kamu jadi bisa melihat lebih banyak artikel seru yang ada di JalanTikus.

              Menyadari manfaat adanya bagian tersebut, pernah nggak kamu tergoda untuk menyematkannya di blog milikmu? Jika kebetulan kamu punya blog, yuk kita sematkan Artikel Menarik di setiap postingan blog kamu!

              BACA JUGA
              • Cara Membuat Daftar Isi Otomatis di Blogger
              • Cara Daftar dan Memasang Google Analytics di Blogger
              • Cara Mudah Disable Klik Kanan di Blogger (Blogspot)

              Manfaat Artikel Menarik di Postingan Blog

              Cara Membuat Related Post Di Blog 7

              Sama seperti fungsi daftar isi dalam Blogger, keberadaan bagian Artikel Menarik atau Related Post di blog ini berguna untuk membantu memperkuat link internal pada blog milikmu. Dengan adanya saling kait antara postingan yang satu dengan postingan lain, kesempatan page rank blog kamu untuk terus naik pun semakin besar. Jadi, yuk sematkan Artikel Menarik di setiap postingan blog milikmu! Caranya?

              Cara Membuat Artikel Menarik di Setiap Postingan Blogger

              Banyak macam Artikel Menarik dalam blog. Ada yang menggunakan gambar, ada juga yang hanya menggunakan listikal gambar. Kali ini, sebagai tutorial kita akan buat 5 daftar artikel seperti yang digunakan di JalanTikus. Adapun cara membuat Related Post di blog yaitu:

              • Anggap saja kamu sudah login Blogger dengan akun Gmail milikmu. Langkah selanjutnya adalah masuk ke menu Template, lalu pilih Edit HTML.
              Cara Membuat Related Post Di Blog 2
              • Pada dialog HTML yang ada, silakan cari kode ]]>/b:skin>. Untuk lebih mudahnya tekan ctrl+F dan cari kode tersebut.
              Cara Membuat Related Post Di Blog 3
              • Jika sudah ketemu, silakan copy dan paste kode di bawah tepat di atas kode ]]></b:skin> tadi.

              /* ==== 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.masyadi.com .related-post-style-2 .related-post-item-summary{display:block;overflow:hidden} .related-post-style-2 .related-post-item-more{}

              Cara Membuat Related Post Di Blog 4
              • Setelah selesai, cari lagi kode </body> dengan cara yang sama. Lalu copy dan paste kode di bawah tepat di atas </body>.

              &lt;div class='related-post' id='related-post'&gt;&lt;/div&gt; &lt;script type='text/javascript'&gt; var labelArray = [ "<span class="color-red">Lifestyle</span>" ]; var relatedPostConfig = { homePage: "<span class="color-red">https://bangrapy.blogspot.com</span>", widgetTitle: "&lt;h2&gt;Artikel Menarik Lainnya&lt;/h2&gt;", 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() {} }; &lt;/script&gt;&lt;script type='text/javascript'&gt; //&lt;![CDATA[ /<em>! Related Post Widget for Blogger by Taufik Nurrohman =&gt; http://gplus.to/tovic */ var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"&lt;h4&gt;Artikel Terkait:&lt;/h4&gt;",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()</em>(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()<em>(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&amp;&amp;labelArray.length&gt;0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c&gt;0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&amp;orderby=updated&amp;start-index="+a+"&amp;max-results="+d.numPosts+"&amp;callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'&lt;ul class="related-post-style-'+A+'"&gt;',b=d.newTabLink?' target="_blank"':"",y='&lt;span style="display:block;clear:both;"&gt;&lt;/span&gt;',v,t,w,r,u;if(!s){return}for(var q=0;q&lt;d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&amp;&amp;d.titleLength&lt;t.length)?t.substring(0,d.titleLength)+"&amp;hellip;":t;r=("media$thumbnail" in x[q]&amp;&amp;d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/\/s[0-9]+(-c)?/,"/s"+d.thumbnailSize+"-c"):d.noImage;u=("summary" in x[q]&amp;&amp;d.summaryLength&gt;0)?x[q].summary.$t.replace(/&lt;br ?\/?&gt;/g," ").replace(/&lt;.</em>?&gt;/g,"").replace(/[&lt;&gt;]/g,"").substring(0,d.summaryLength)+"&amp;hellip;":"";for(var p=0,a=x[q].link.length;p&lt;a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='&lt;li&gt;&lt;img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"&gt;&lt;a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+"&gt;"+w+'&lt;/a&gt;&lt;span class="related-post-item-summary"&gt;&lt;span class="related-post-item-summary-text"&gt;'+u+'&lt;/span&gt; &lt;a href="'+v+'" class="related-post-item-more"'+b+"&gt;"+d.moreText+"&lt;/a&gt;&lt;/span&gt;"+y+"&lt;/li&gt;"}else{if(A==3||A==4){c+='&lt;li class="related-post-item" tabindex="0"&gt;&lt;a class="related-post-item-title" href="'+v+'"'+b+'&gt;&lt;img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"&gt;&lt;/a&gt;&lt;div class="related-post-item-tooltip"&gt;&lt;a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+"&gt;"+w+"&lt;/a&gt;&lt;/div&gt;"+y+"&lt;/li&gt;"}else{if(A==5){c+='&lt;li class="related-post-item" tabindex="0"&gt;&lt;a class="related-post-item-wrapper" href="'+v+'" title="'+t+'"'+b+'&gt;&lt;img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"&gt;&lt;span class="related-post-item-tooltip"&gt;'+w+"&lt;/span&gt;&lt;/a&gt;"+y+"&lt;/li&gt;"}else{if(A==6){c+='&lt;li&gt;&lt;a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+"&gt;"+w+'&lt;/a&gt;&lt;div class="related-post-item-tooltip"&gt;&lt;img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"&gt;&lt;span class="related-post-item-summary"&gt;&lt;span class="related-post-item-summary-text"&gt;'+u+"&lt;/span&gt;&lt;/span&gt;"+y+"&lt;/div&gt;&lt;/li&gt;"}else{c+='&lt;li&gt;&lt;a title="'+t+'" href="'+v+'"'+b+"&gt;"+w+"&lt;/a&gt;&lt;/li&gt;"}}}}}s.innerHTML=c+="&lt;/ul&gt;"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&amp;orderby=updated&amp;max-results=0&amp;callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]); //]]&gt; &lt;/script&gt;

              Cara Membuat Related Post Di Blog 5

              Catatan: Pada labelArray, kamu bisa mengganti "Lifestyle" dengan label apa pun yang menurut kamu banyak berisi postingan menarik. Dan jangan lupa ganti https://bangrapy.blogspot.com/ dengan alamat blog milikmu.

              • Selesai. Tinggal save, dan silakan lihat hasilnya.
              Cara Membuat Related Post Di Blog 1

              Nah, gampang kan cara memasukkan Artikel Menarik di setiap postingan blog ini? Sekarang kamu akan merekomendasikan artikel-artikel yang menurutmu menarik kepada pembaca blog milikmu. Mereka bisa semakin lama mengunjungi blog-mu dan tentu page rank-mu pun akan terdongkrak karenanya. Selamat mencoba!

              APPS TERKAIT
              Wordpress_icon
              WordPress
              Apps Automattic, Inc
              Google Chrome For Android Icon
              Chrome Browser
              Apps Google
              Line For Android Icon2 Icon
              LINE for Android
              Apps Naver
              Tinder Icon
              Tinder 6.7.1
              Apps Tinder

              Keluar dari JalanTikus

              Apakah anda yakin untuk meninggalkan website JalanTikus?

              Ya
              Batal