Cara Menciptakan Related Posts Atau Artikel Terkait Di Blogspot Terbaru
Jika Anda mencari tutorial cara menciptakan Related Posts atau Artikel Terkait di Blogspot kebanyakan Anda akan menemukan artikel terkait untuk blog versi usang dimana kebanyakan masih memakai perintah untuk centang expand template widget. Untuk blog versi terbaru sajian expand template widget saat ini sudah tidak tersedia lagi. Pertanyaanya yaitu apakah tanpa perintah expand template widget ini masih sanggup dipakai untuk blog gres jawabannya yaitu sanggup namun di sini isyarat HTML yang di gunakan akan sedikit berubah.
( Baca Cara Memasukkan Video Facebook ke Dalam Postingan Blog )
( Baca Cara Memasukkan Video Facebook ke Dalam Postingan Blog )
Langsung saja kita mulai tutorial Cara Membuat Related Posts atau Artikel Terkait Dengan Gambar di Blogspot Terbaru, langkah pertama masuk ke sajian Template kemudian klik Edit HTML.
Langkah selanjutnya yaitu klik di sembarang baris HTML pada kotak sajian HTML terlebih dahulu kemudian tekan CTRL + F pada keyboard komputer atau laptop Anda. Kenapa hal ini perlu di lakukan alasannya bila Anda menekan sajian CTRL + F tanpa mengklik di kotak HTML makan sajian search tersebut akan meliputi semua sajian di layar monitor bukan khusus di sajian HTML. selanjutnya sehabis muncul kolom search masukkan isyarat di bawah ini
</head>
Pastekan isyarat berikut ini di atas isyarat </head>
<!--Related Posts with thumbnails Scripts and Styles Start-->Keterangan :
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts{float:left;width:auto;}
#related-posts a{border-right: 1px dotted #eaeaea;}
#related-posts a:hover{background: #EEEEEE;}
#related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}
#related-posts .related_img {margin:5px;border:2px solid #f2f2f2;width:110px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#related-title {color:#666;text-align:center;padding: 0px 5px 10px;font-size:12px;width:110px; height: 40px;}
#related-posts .related_img:hover{border:2px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style>
<script type='text/javascript' src='http://helplogger.googlecode.com/svn/trunk/relatedposts.js' />
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
Untuk goresan pena berwarna merah yaitu ukuran Panjang dan tinggi dari gambar, Anda sanggup mengubah ukuran nya sesuai dengan cita-cita Anda.
Langkah berikutnya cari kode <div class='post-footer'> masih di kotak sajian HTML Tempaltes Anda.
<div class='post-footer'>
Saat Anda mencari isyarat diatas Anda akan menemukan dua isyarat yang sama persis pilihlah isyarat kedua, selanjutkan paste kan isyarat beikut ini di atas kode <div class='post-footer'>.
<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=5"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="<b>Related Posts:</b>";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/><div style="font-size: 9px;float: right; margin: 5px;"><a style="font-size: 9px; text-decoration: none;" href=" /search?q=cara-memasukkan-video-youtube-ke-dalam" rel="nofollow" >Related Posts Widget</a></div>
</b:if>
<!-- Related Posts with Thumbnails Code End-->
Keterangan : Angka 5 yaitu jumlah artaikel terkait yang Anda masukkan di postingan blog. Jumlah ini menyesuaikan dengan ukuran templates blog Anda , bila ukuran besar jumlah ini masih sanggup di tambah lagi menjadi semakin besar.
Jika semua proses sudah benar Save template dan lihat jadinya di blogspot Anda. Artikel terkait ini dibentuk menurut label postingan Anda jadi pastikan Anda sudah menciptakan label pada attikel blog anda.
0 Response to "Cara Menciptakan Related Posts Atau Artikel Terkait Di Blogspot Terbaru"
Post a Comment