TIME

Monday, March 14, 2011

Menambah 2 kolom di bawah Posting

untuk Post kali ini, saya hanya mencoba membantu sobat windu. seperti anda lihat gambar di atas atau anda dapat melihat di bawah postingan ini. yang mana pada sebelah kiri terdapat feeds dan sebelah kanan artikel terkait
ok langsung saja yak

NB : untuk kode css nya saya ambil dari template saya jadi kemungkinan tampilannya akan sama persis dengan punya saya
mari menuju angkasa melihat alien dan cropcyrcle

  • sangat di sarankan anda untuk membackup template anda dengan cara download full template
  • beri centang pada

 
  • cari kode  ]]></b:skin>
  • kemudian hapus code di atas dan ganti dengan kode di bawah ini


#related{background:#eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdbbaxsbJn9dFoX7S2fMn9aRJGB8lA3CPzpiTpSIqDl64F1Sx91DtpmUk7kHBB_4LlnovO-PjIZxW_HJIHESP-nEOsdIy7Btr9Z_9kk61pRWNPZnJTjuFYLDVr2FROBZxDPhJc6545VvE/) 45% 0 repeat-y;-moz-border-radius:5px;-moz-box-shadow:1px 1px 5px #696969;-webkit-border-radius: 5px;background:none repeat scroll 0 0 #E3E3E3;border:1px solid #fff;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/AVvXsEg9vG0H_vd6AeYDORgQdMZqfB3NILxEOYCmTyu2ZwNskO6gIyvrtq8FjbMJRbifT_oElYkkJKDFfASvcAOLN6J68zS3lba1UB09_AqI-8ucMAc6MFi__uk9xirl25T3glZK80X2MyUtFOM/) 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}

.kotakRSS1 {background-color: rgb(255, 255, 255); -moz-border-radius: 5px; border: 3px solid #cccccc; padding:5px 10px; margin: 0 0 10px 0; }
.Rssbendol { background: url('http://i447.photobucket.com/albums/qq191/bendol212/template%20blog/feedburner.png') no-repeat bottom right; }
.Rssbendol a { background: none;}
.inpRssbendol { border: 1px solid #B9C1C6; width: 170px; background: rgb(255, 255, 255) url('http://sites.google.com/site/cumaisenggroup/cabinet/dasbor/RSS.png') no-repeat 2px 2px; font-size: 11px; padding:3px 4px 4px 20px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; }
.sbmtRssbendol { padding:2px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; }
.subs table {border-collapse: inherit; border: none;}
.subs tr { border:0;}
.subs td { border:0;}
.subs th { border:0;} .clear { clear: both; }

#tombol {
background: #ccc;
color: #000;
font-weight:bold;
-moz-border-radius: 5px;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
margin-top:5px;
padding: 2px;
border: 1px solid #234B69;
font-weight: bold;
}

]]></b:skin>

jika anda menggunakan Read More otomatis
  • cari kode <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> </b:if>
  • Letakkan kode dibawah ini di antara  <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> dan </b:if>

<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://disini Letakkan url blog 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>
</b:if>


Jika anda tidak menggunakan Read More Otomatis
  • cari kode <data:post.body/>
  • kemudian letakkan kode di bawah ini di bawah kode <data:post.body/>


Lebih jelasnya anda cari dulu kode  <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> bila anda menemukan kode tsb di template anda pasang kode di bawah ini di bawah kode <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
Dan bila anda tidak menemukan kode di atas cari <data:post.body/> kemudian paste kode di bawah ini di bawah kode <data:post.body/>

Berikut kodenya 


<br/><br/>
<div class='clearfix' id='related'>
<div class='subscribe'>
<p class='feed'>
<a href='http://bendol-online.blogspot.com/feeds/posts/default'>SUBSCRIBE VIA RSS FEED</a></p>
<p class='intro'><!-- Script Artikel Berlangganan -->
<div class='kotakRSS1'>
<div class='Rssbendol'>
If you like the article on this blog, Please <a href='http://feeds.feedburner.com/bendol' target='_blank' title='Berlangganan'>
<b>CLICK HERE</b></a> to subscribe for free via email, that way you will get a shipment every article there is an article that appeared in <a href='http://bendol-online.blogspot.com/' target='new'><font color='#0099DD'><b>BENDOL ONLINE</b></font></a>
<div class='subs'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td align='left' style='padding:5px 0 0 0;' valign='top' width='65%'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=diesilver&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:0px;padding:3px;text-align:center;' target='popupwindow'><div align='left'>
<input class='inpRssbendol' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your Email Address Here...&quot;;}' onfocus='if (this.value == &quot;Enter your Email Address Here...&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your Email Address Here...'/>
<input name='uri' type='hidden' value='bendol'/>
<input name='title' type='hidden' value='bendol'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='tombol' type='submit' value='SUBCRIBE'/></div>
</form></td>
</tr>
<td align='left' style='padding:4px 0 0 0;' valign='top' width='35%'><a href='http://feeds.feedburner.com/bendol'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/bendol?bg=99CCFF&amp;fg=444444&amp;anim=1' style='border:0' width='88'/></a></td>
</table>
</div>
</div>
</div>
<div class='clear'/>
<!-- End Artikel Berlangganan -->
</p></div>

<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>

  • Anda tinggal mengganti Feed blog saya ke feed blog sobat tentunya yang telah saya tandai
  • save template sobat
  • Dan coba lihat Hasilnya kalau belum berhasil mungkin anda belum beruntung
  • GL
Saya tidak bosan untuk meminta maaf kepada sobat2 semua khususnya, karena saya yakin penjelasaan saya di atas sangat2 sulit untuk di mengerti, saya mohon maaf dan saya siap membantu sobat2 yang kesulitan tentang penjelasan saya tentunya

0 comments:


Post a Comment

◄ Newer Post Older Post ► Home

Popular Posts

 

Subscribe

If you like the article on this BLOG, please subscribe via email
Input your email address below and press subscribe
ENjoy

rss feed blog template 4u

Followers