M anfaat kolom dibawah posting adalah agar setiap pengunjung pembaca artikel posting bisa langsung melihat apa yang terpasang dalam kolom tersebut, selain itu juga bisa memperindah penampilan blog dan akan terlihat seperti blog profesional.
Sebelum membaca lebih lanjut
Cara Menambah Kolom Dibawah Posting sebaiknya lihat dahulu contohnya
KLIK DISINI dan klik
Enter atau geser halaman ke bawah yang terletak diatas halaman kotak komentar. Untuk menambah kolom dibawah posting, pastikan template telah terpasang kode readmore otomatis, dan
Cara Pasang Readmore Otomatis silahkan
KLIK DISINI .
Adapun
Cara Menambah Kolom Dibawah Posting adalah sebagai berikut:
Login ke Blogger/Blogspot => Rancangan /Layout => Edit HTML , Download Template Lengkap dan beri tanda centang Expand Template Widget ;
Cari kode ]]></b:skin> ;
Di atas kode ]]></b:skin> letakkan kode di bawah ini:
#related{background:#eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbxxxPs-L7ggkkUAi2D6pw9lJuzlrzauyO5ZrOa2w3JGui_oitIaVDwflnZDuNReZ77veV_FIrJHGkVOrBFlPYzWgPa0Q5wz63dPzW-2AM6JIVApYBE2Bk5zRppLCLXPvomFVkn_qNPVM/) 45% 0 repeat-y;border:1px solid #ddd;color:#000;margin:0 0 10px;padding:15px}
Cari kode di bawah ini:
<b:if cond='data:blog.pageType == "item"'><data:post.body/> </b:if>
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'> http://disini letakkan Link Feed anda /feeds/posts/default'>Berlangganan via RSS Feed</a></p><p class='intro'> disini letakkan kode Form Berlangganan Anda </p></div> disini letakan kode Related Post Anda </div></div>
Ganti teks warna biru dengan Link Feed dan kode Form Berlangganan serta Kode Related Post yang Anda punya. Untuk lebih jelas perhatikan contoh di bawah ini:
<b:if cond='data:blog.pageType == "item"'><data:post.body/> <div class='clearfix' id='related'> http://serba-tersedia.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=SerbaTersedia', '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 Email Anda Pada Kolom di Bawah, Maka Anda Akan Mendapatkan Kiriman Email Setiap Kali Ada Posting Baru. Terima Kasih Atas Partisifasinya</p><p><input name='email' style='width: 140px;' type='text'/></p><input name='uri' type='hidden' value='SerbaTersedia'/><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/SerbaTersedia'><img alt='Feed Reader' height='26' src='http://feeds.feedburner.com/~fc/SerbaTersedia?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>
Simpan Template , selesai!!!
Demikianlah tutorial cara menambah kolom dibawah posting ini, semoga bermanfaat.
= = = = = = = => Selamat Mencoba, Semoga Sukses!!! <= = = = = = = =
ok gan info yg menarik,mampirgan kalau ada waktu ke http://mediaonlen.blogspot.com
BalasHapusthanks..
BalasHapus