Sudah cukup lama saya tidak men-share
tutorial blog. Terakhir kali saya men-share tentang
Modifikasi Threaded Comment Blogger. Kali ini saya akan memberikan tutorial yang sedikit berbeda, yakni cara memasang dua kolom di bawah post. Kolom ini terletak persis di bawah post, bukan di bawah kotak komentar. Dua kolom tersebut berisi kotak berlangganan via RSS Feed dan satunya lagi yakni Artikel Terkait. Jika teman-teman ingin melihat bagimana tampilannya, langsung saja lihat di bawah ini.
Screenshots :
Sudah tau kan? Apakah teman-teman tertarik memasangnya? Cara memasangnya mudah kok, teman-teman hanya harus mengikuti cara yang sudah saya berikan di bawah ini.
1. Login ke
Blogger dan masukkan ID teman-teman.
2. Masuk ke halaman
Template.
3. Agar aman, download dulu templatenya kemudian
Edit HTML.
4. Cari kode
]]></b:skin>.
5. Copy kode di bawah ini dan letakkan di atas kode pada nomer 4.
#related{background:#eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg19NaDLTWWpLh6GO8KTquSNlnrqxB65VlvB0WD-3fS8261GD9QQYGbQgtN_3KAj09gSxOQzfJeHVp0xO6EH2bG2K7HcOOgTmQmpGgCZTgPx0dRqebMzs9OMVDwCDVXifDmxe5BVcOTWUo/) 45% 0 repeat-y;border:1px solid #ddd;color:#000;margin:0 0 10px;padding:15px}
#related .related-posts{font-weight:400;width:53%;float:right}
#related .related-posts p{margin:0}
#related .related-posts h3,#related .related-posts h2,#related .related-posts h1{font-size:12pt;letter-spacing:0;margin:0}
#related .related-posts ol{font-weight:400;margin:2px 0 0}
#related .subscribe{width:43%;float:left;color:#000}
#related .subscribe p.intro{font-weight:400}
#related .subscribe p.feed{margin-bottom:10px;font-weight:700;padding-left:21px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip_BMiMPmGC03YqjN0xBsEdBO634Luhz0kk0YGAacechKA9oqxDsSMQesoZqv1BqMHCaatqadZTbwXjxUOrreM2E8CwbGlg1BZCg6kkfjdQM5iMu6xjF03VHB_fxSrhpYaeHCLzBsK9VI/) 0 50% no-repeat;vertical-align:middle}
#related .subscribe form{margin:0;padding:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
6. Cari kode di bawah ini :
<b:if cond='data:blog.pageType == "item"'><data:post.body/> </b:if>
7. Letakkan kode di bawah ini diantara kode:
<b:if cond='data:blog.pageType == "item"'><data:post.body/> dan kode:
</b:if> :
<div class='clearfix' id='related'>
<div class='subscribe'>
<p class='feed'>
<a href='
http://blognya-efry.blogspot.com/feeds/posts/default'>Berlangganan via RSS Feed</a>
</p>
<p class='intro'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=co/vlpg', 'popupwindow', 'scrollbars=yes,width=200,height=170');return true' style='border: 1px solid rgb(204, 204, 204); padding: 3px; text-align: center;' target='popupwindow'>
<p>Jika anda menyukai artikel blog ini, masukan alamat e-mail anda pada kolom di bawah. Maka anda akan mendapatkan kiriman email setiap kali ada posting baru. Terima kasih atas partisipasinya</p>
<p>
<input name='email' style='width: 140px;' type='text'/>
</p>
<input name='uri' type='hidden' value='co/vlpg'/>
<input name='loc' type='hidden' value='en_US'/>
<input type='submit' value='Subscribe'/>
<p>Delivered by <a href='http://feedburner.google.com/' target='_blank'>FeedBurner</a>
</p>
<p>
<a href='http://feeds.feedburner.com/co/vlpg'>
<img alt='Feed Reader' height='26' src='http://feeds.feedburner.com/~fc/co/vlpg?bg=99CCFF&fg=444444&anim=0' style='border:0' width='88'/>
</a>
</p>
</form>
</p>
</div>
<div class='related-posts'>
<b:if cond='data:blog.pageType == "item"'>
<div class='rbbox'>
<div style='margin:0; padding-left:10px;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";var maxNumberOfPostsPerLabel = 2;var maxNumberOfLabels = 8;maxNumberOfPostsPerLabel = 12;maxNumberOfLabels = 3;function listEntries10(json) {var ul = document.createElement('ul');var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?json.feed.entry.length : maxNumberOfPostsPerLabel;for (var i = 0; i < maxPosts; i++) {var entry = json.feed.entry[i];var alturl;for (var k = 0; k < entry.link.length; k++) {if (entry.link[k].rel == 'alternate') {alturl = entry.link[k].href;break;}}var li = document.createElement('li');var a = document.createElement('a');a.href = alturl;if(a.href!=location.href) {var txt = document.createTextNode(entry.title.$t);a.appendChild(txt);li.appendChild(a);ul.appendChild(li);}}for (var l = 0; l < json.feed.link.length; l++) {if (json.feed.link[l].rel == 'alternate') {var raw = json.feed.link[l].href;var label = raw.substr(homeUrl3.length+13);var k;for (k=0; k<20; k++) label = label.replace("%20", " ");var txt = document.createTextNode(label);var h = document.createElement('b');h.appendChild(txt);var div1 = document.createElement('div');div1.appendChild(h);div1.appendChild(ul);document.getElementById('albri').appendChild(div1);}}}function search10(query, label) {var script = document.createElement('script');script.setAttribute('src', query + 'feeds/posts/default/-/'+ label +'?alt=json-in-script&callback=listEntries10');script.setAttribute('type', 'text/javascript');document.documentElement.firstChild.appendChild(script);}var labelArray = new Array();var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>textLabel = "<data:label.name/>";var test = 0;for (var i = 0; i < labelArray.length; i++)if (labelArray[i] == textLabel) test = 1;if (test == 0) {labelArray.push(textLabel);var maxLabels = (labelArray.length <= maxNumberOfLabels) ?labelArray.length : maxNumberOfLabels;if (numLabel < maxLabels) {search10(homeUrl3, textLabel);numLabel++;}}
</b:loop>
</b:loop>
</script>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>
</div>
</div>
<div style="font-size:5px">
<a href='http://blognya-efry.blogspot.com' target='_blank' title='Free Download Game, Cheat, Trainer, Update, Software, Hack, Tutorial and News'>Widget</a></div>
Note: Kode yang berwarna
biru adalah kode pemanggil kotak berlangganan via RSS Feed. Sedangkan yang berwarna
hijau, kode pemanggil Artikel Terkait.
8. Ganti kode yang diberi warna
merah dengan alamat website teman-teman.
9. Klik
Pratinjau untuk memastikan tidak ada yang error pada template.
10.
Simpan template. Selamat mencoba !
Beberapa hari yang lalu saya sering sekali mengecek SEO blog saya ini di chkme.com. Awalnya score SEO blog saya tidak terlalu besar, hanya 82% (saya agak lupa). Kemudian saya lihat faktor-faktor yang menyebabkan SEO saya hanya memiliki score segitu. Ternyata di blog saya banyak gambar (image) yang tidak memiliki tittle (tittle) dan deskripsi (alt). Kemudian saya mencari solusinya agar hal-hal yang memperkecil SEO tadi bisa terpecahkan. Setelah selesai dan saya cek lagi, SEO blog saya sudah 100%. Saya tidak percaya sebelumnya, bisa mendapatkan score SEO seperti itu. Nah, buat teman-teman yang lagi hobi blogging, cara ini harus dicoba agar blog teman-teman memiliki SEO tinggi dan dapat terindeks dengan mudah oleh Goggle Search.
