Tutorial Membuat Artikel Terkait Ala Kangismet - Kali ini saya akan share bagaimana
Membuat artikel terkait ala kangismet artikel terkait kangismet seperti ini sudah banyak
di share di google dan kali ini saya akan memberi tau kembali bagi anda yang
belum tau setelah kemarin saya share
CARA MEMBUAT WIDGET SOSIAL MEDIA LENGKAP
Langkah Penerapan :
1. Masuk Ke Blog Anda
2. Klik Bagian HTML » Edit HTML
3. Cari Kode <head>
4. Letakan Kode Dibawah Ini Diatas Kode Tersebut
<link href='//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css'rel='stylesheet'/>
*Note : Lewati Cara Diatas Apabila Sudah terpasang font awesome
5. Cari Kembali Kode ]]></b:skin>
6. Letakan Kode Dibwah Ini Diatas Kode Tersebut
.related-post{margin:2em auto 0;font-size:13px;background:#fff;border-radius:4px}
.related-post h4{font-size:14px;margin:0 0 .5em;background:#9dcb63;color:#fff;padding:14px 20px 14px 75px;font-weight:normal;border-radius:4px 4px 0 0;position:relative;font-family:Oswald,Arial,Sans-Serif;text-transform:uppercase}
.related-post h4:before{content:"\f074";font-family:fontAwesome;font-size:22px;font-style:normal;background-color:#8db857;color:#fff;border-radius:4px 0 0 0;top:0;left:0;padding:13px 20px;position:absolute}
ul.related-post-style-1{padding-left:0!important;margin-top:-12px}
.related-post-style-1 li{list-style:none;padding:15px 20px;border-top:1px solid #eceef5}
.related-post-style-1 li a{color:#79798d;text-decoration:none}
.related-post-style-1 li a:hover{color:#33aea5;text-decoration:none}
.related-post-style-1 li:before{content:"\f08e";font-family:fontAwesome;color:#c7cbd4;font-style:normal;top:0;left:0;margin-right:13px}
6. Letakan Kode Dibawah Ini Di Kode
<data:post.body/> (Biasanya Ada 4 letakan kode pada No
<data:post.body/> Yang No 4 Saja)
<!-- Related Post Widget Start -->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-post' class='related-post'/>
<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
"<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop></b:if>];
var relatedPostConfig = {
homePage: "<data:blog.homepageUrl/>",
widgetTitle: "<h4>Artikel Terkait:</h4>",
numPosts: 5,
titleLength: "auto",
containerId: "related-post",
newTabLink: false,
widgetStyle: 1,
callBack: function() {}
};
</script>
<script type='text/javascript' src='https://kang-is.googlecode.com/svn/trunk/javascript/related-post.min.js'/>
</b:if>
<!-- Related Post Widget End -->
Terakhir Simpan Template
Posts
