Cara membuat dua kolom dibawah postingan

Adapun Cara Membuat atau Menambah 2 (dua) Kolom di Bawah Posting atau Artikel adalah sebagai berikut:
  1. Login ke Blogger => Rancangan/Layout => Edit HTML, Beri tanda centang Expand Template Widget;
  2. Cari kode ]]></b:skin> ;
  3. Di atas kode ]]></b:skin> letakkan kode di bawah ini:

    #related{background:#eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxqMCAE7tRdC52uozoWbUsjspo7CWz-fXyy0gbTnyTOHH-AA4yO5d4ZZVUYkQvPeAP5xZuwIc2MbteV07RKoQg3-eXwk-7aSpYJpLmQjk9hxhYw46VstVrBjFoTDoDNXU2LNQHU9oAzac/) 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/AVvXsEgNwFFngZut6wXnPOP_7uV52JNtBeb2XCZTB06rkuLJN25sAMkOrXxT32WNIjoYus3lW3-7rAAOtbPZ-6GpG2OzsgL4LLIJmpwg6D3Sc7EFmQfoAAdl0jppxWmZhqAZkWXF17CF1lgryX8/) 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}

    4.Lalu cari kode berikut:

    <b:if cond='data:blog.pageType == &quothttp://www.blogger.com/post-create.g?blogID=1195012809567174655;item&quot;'><data:post.body/> </b:if>

    5.Letakkan kode berikut ini diantara kode: <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> dan kode: </b:if> :

     <div class='clearfix' id='related'>
    <div class='subscribe'>
    <p class='feed'>
    <a href='
    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><div class='related-posts'>disini letakan kode Related Post Anda</div></div>

    - http://disini letakkan Link Feed anda,ganti dengan link feed anda/blog anda saja
    -disini letakkan kode Form Berlangganan Anda=ganti dengan kode form berlangganan anda,seperti dari feedburner/feedblitz

    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>

    <div class='clearfix' id='related'>
    <div class='subscribe'>
    <p class='feed'>
    <a href='
    http://justforfun-adrianrivald.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(&apos;http://feedburner.google.com/fb/a/mailverify?uri=justforrss&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=200,height=170&apos;);return true' style='border: 1px solid rgb(204, 204, 204); padding: 3px; text-align: center;' target='popupwindow'><p>Dapatkan artikel terbaru dari blog JFF melalui email anda</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/jutforfun'><img alt='Feed Reader' height='26' src='http://feeds.feedburner.com/~fc/justforfun?bg=99CCFF&amp;fg=444444&amp;anim=0' style='border:0' width='88'/></a></p></form> </p></div>

    -disini letakan kode Related Post Anda=ganti dengan kode related post anda.contohnya seperti ini:


    <div class='related-posts'><b:if cond='data:blog.pageType == &quot;item&quot;'><div class='rbbox'><div style='margin:0; padding-left:10px;'><div id='albri'/><script type='text/javascript'>var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;var maxNumberOfPostsPerLabel = 2;var maxNumberOfLabels = 8;maxNumberOfPostsPerLabel = 12;maxNumberOfLabels = 3;function listEntries10(json) {var ul = document.createElement(&#39;ul&#39;);var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?json.feed.entry.length : maxNumberOfPostsPerLabel;for (var i = 0; i &lt; maxPosts; i++) {var entry = json.feed.entry[i];var alturl;for (var k = 0; k &lt; entry.link.length; k++) {if (entry.link[k].rel == &#39;alternate&#39;) {alturl = entry.link[k].href;break;}}var li = document.createElement(&#39;li&#39;);var a = document.createElement(&#39;a&#39;);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 &lt; json.feed.link.length; l++) {if (json.feed.link[l].rel == &#39;alternate&#39;) {var raw = json.feed.link[l].href;var label = raw.substr(homeUrl3.length+13);var k;for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);var txt = document.createTextNode(label);var h = document.createElement(&#39;b&#39;);h.appendChild(txt);var div1 = document.createElement(&#39;div&#39;);div1.appendChild(h);div1.appendChild(ul);document.getElementById(&#39;albri&#39;).appendChild(div1);}}}function search10(query, label) {var script = document.createElement(&#39;script&#39;);script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;+ label +&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);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 = &quot;<data:label.name/>&quot;;var test = 0;for (var i = 0; i &lt; labelArray.length; i++)if (labelArray[i] == textLabel) test = 1;if (test == 0) {labelArray.push(textLabel);var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?labelArray.length : maxNumberOfLabels;if (numLabel &lt; maxLabels) {search10(homeUrl3, textLabel);numLabel++;}}</b:loop></b:loop></script></div><script type='text/javascript'>RelPost();</script></div></b:if> </div>
    </div>
    </b:if>

    Terakhir,tinggal simpan template!semoga berhasil bagi yang mencobanya 
Share this article :

Posting Komentar

Silahkan beri komentar anda setelah membaca artikel diatasTerima kasih untuk tidak berkomentar yang berunsur SPAM.

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Just for Fun | Trick blogger | Dunia Internet - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger