468x60 Ads

Selasa, 05 Juni 2012

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/AVvXsEirYlhqEBXmNL0abNxe4AOvyveu0t3WZL9PoVTB6nDJNpVUvbtzlCunFOLJI0utjZw3G2DhxRWUmTgxQjg8CU1SkTxaM2yGq4oJk6SCG8km0skeJHlYhz8EVUi4YcaA17KKMgm382rAu4o/) 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/AVvXsEikhe32epb4Q6qnOvKQHIfr5DSSeTSXm7tU6aPiUfMrbquGihbgxs_iGK15veY7ZziNPRIm4Ls7WlyPZkKU_oqoU-SfZT4rjuGQ3HH-AgdU2S4DsyeSM9FFU-WuNGgF85dH6gedRFctH-4/) 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>
    sumber
    Terakhir,tinggal simpan template!semoga berhasil bagi yang mencobanya 


Sameera ChathurangaPosted By Sameera Chathuranga

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation test link ullamco laboris nisi ut aliquip ex ea commodo consequat contact me

Thank You


0 Responses So Far:

Posting Komentar