• About
  • Privacy Policy
  • Contact
  • Review Mobil Proton Indonesia Terbaik

Mr Mqn

  • Home
  • Blogging
  • Trik dan Tips
  • Daftar ISI
Home → blogger → Trik dan Tips → Cara Membuat Artikel Terkait Ringan Valid HTML5

Cara Membuat Artikel Terkait Ringan Valid HTML5

Unknown
Add Comment
blogger, Trik dan Tips
Senin, 26 Mei 2014
Cara Membuat Artikel Terkait Ringan Valid HTML5 - berjumpa lagi dengan saya admin Mr Mqn di sini saya ingin berbagi Cara Membuat Artikel Terkait Ringan Valid HTML5 bagi anda yang berminat bisa ikuti langkah2 nya di bawah ini.

  • Masuk ke Blogger
  • Kemudian Pilih Template
  • Setelah itu masuk ke Edit Html
  • Kemudian Cari kode ]]></b:skin> dan letakan kode berikut sebelum/di atas kode tersebut
/* Related Posts
----------------------------------------------- */
#related-post {background: #e9e9e9;margin-top: 10px;margin-bottom: 10px;padding: 1px 20px 20px 20px;}
#related-post h2{font-size: 150%;margin: 10px 0px 5px 0px;}
#related-post a{color:#2c3e50;}
#related-post li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9PWK3KVbRzNSRSIpMqGK-TxMb3WaFcpqyCHKC-JUVEm1TU8sHBb_Ir7MwWUk-mPJQiRfX37DkbvIT1Zxt3l25inAJXt8kcGWjLU-nBoU2qgHbdpm00KU7J8IZiilUceN-6woSVixNvzjh/s1600/bullet.png) no-repeat 1px 5px;color:#2c3e50;text-indent:0;line-height:1.6em;margin:0;padding:0 0 3px 19px}
#related-post a:hover{color:#5295c6;text-decoration:none}
#related-post .widget{margin:0;padding:0}
#related-post ul{list-style:none;margin:0;padding:0}
  • kemudian silahkan anda cari kode <data:post.body/> jika sudah ketemu letakan kode di bawah ini tepat di bawah kode <data:post.body/>
<!-- Related Post Widget Mulai -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='related-post' id='related-post'/>
<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop></b:if>];
var relatedPostConfig = {
homePage: &quot;<data:blog.homepageUrl/>&quot;,
widgetTitle: &quot;&lt;h4&gt;Artikel Terkait:&lt;/h4&gt;&quot;,
numPosts: 5,
titleLength: &quot;auto&quot;,
containerId: &quot;related-post&quot;,
newTabLink: false,
widgetStyle: 1,
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://blog.kangismet.net",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>
</b:if>
<!-- Related Post Widget Selesai-->

  • Lalu save template anda. 
Catatan:
Jika Nanti Related Post Tidak Muncul dibawah Posting anda, maka sobat simpan kode ke2 dibawah Kode : <data:post.body/> yang 'kedua' lebih tepatnya di bawah tag </b:if>.
Atau sobat juga bisa meletakan kode ke2 di bawah kode <div class='post-footer-line post-footer-line-1'>

Sekian dari saya semoga Cara Membuat Artikel Terkait Ringan Valid HTML5 bisa bermanfaat.
  • Share This Article

  • Facebook

  • Twitter

  • Google+

Posting Lebih Baru
Posting Lama
Beranda
Langganan: Posting Komentar (Atom)

Entri Populer

  • Cara Memasang Recent Comment Keren Valid HTML5
  • Cara Membuat Artikel Terkait Ringan Valid HTML5
  • Cara Membuat Kotak Komentar Blog Keren
  • Cara Membuat Menu Drop Down Dengan CSS3
  • Cara Menampilkan Indikator Pada Halaman Situs

Label

  • blogger
  • Trik dan Tips

Google+

Back To Top
Copyright 2014 Mr Mqn | Template By Socity