Berikut langkah-langkah cara membuat dua kolom di bawah artikel atau Postingan di blog:
- Login terlebih dahulu ke blogger
- Tata letak
- Edit HTML
- Beri tanda centang di kotak kecil kanan atas
- Kemudian cari kode ]]></b:skin>
- Letakkan kode di bawah ini di atas kode ]]></b:skin>#related{background:#eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO4EbtbqmbwrsKIIVxreVGZ2eRhrm-x4KMkkRS1NdAVu5GSfZzAWY2v9PEVDEOunDvwXEcQoyc6WQ4utMxTsrblBEUtgFbkJLThv-vmC7-FAtF_V92V4DhqP2j7kcJgNXI9d-GO3wMf70/) 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/AVvXsEjmoevVJkXyjx44j-_UO0tI1FZWvBCNTaH9m0ctm5FTbFECpzB-UzuKYFOF03TPiTq5G3cSK64YhIOvqtOua9uHhhvjSX89D5BSVU22m0v7OMQJkm7l8OO7KFVfeBvHx4TzYyp3jNdMlMM/) 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} - Setelah itu cari kode<b:if cond='data:blog.pageType == "item"'><data:post.body/>
Letakkan disini
</b:if> - Kemudian Pastekan kode di bawah ini persis ditulisan yang berwarna merah di atas<div class='clearfix' id='related'>
<div class='subscribe'>
<p class='feed'>
<a href='http://Letakkan link feed anda disini/feeds/posts/default'>Berlangganan via RSS Feed</a></p><p class='intro'>Letakkan kode Form Berlangganan anda disini</p></div>
<div class='related-posts'> Letakan kode Related post anda disini</div></div> - Ganti tulisan berwarna biru dengan Link Feed anda, kode form Berlangganan dan Kode Related postyang anda punya.
- Untuk lebih jelas Lihat contoh di bawah ini<div class='clearfix' id='related'>
<div class='subscribe'>
<p class='feed'>
<a href='http://jayaputrasbloq.blogspot.com/feeds/posts/default'>Berlangganan via RSS Feed</a></p>
<p class='intro'>Anda Ingin artikel seperti ini langsung ke Email anda Silahkan masukkan alamat Email anda Untuk Berlangganan :</p><p><form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=J_Putra', 'popupwindow','scrollbars=yes,width=600,height=520');return true' target='popupwindow'><br/><input id='subbox' name='email' onblur='if (this.value == '') {this.value = 'Masukan Email anda...';}' onfocus='if (this.value == 'Masukan Email anda...') {this.value = '';}' type='text' value='Masukan Email anda...'/><input name='uri' type='hidden' value='Panduan Sukses Blogger'/><br/><br/><input name='loc' type='hidden' value=''/><input id='subbutton' type='submit' value='langganan'/></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>
</b:if> - Simpan dan lihat hasilnya....
Selamat mencoba.......
original : jayaputrasbloq.blogspot.com/2010/03/menambah-dua-kolom-di-bawah-postingan.html
0 comments:
Posting Komentar