Cara Membuat 3 kolom Widget di Bawah Postingan

Buat sobat" yang bingung mau nambah tempat gadget sepeti gambar disamping ...

ni saya punya sedikit tips untuk Membuat 3 kolom Widget di Bawah Postingan.

tips ini mungkin dah banyak diketahui oleh blogger" lain,

tp disini saya hanya ingin share ja dan pastinya buat nambah koleksi tips blogging saya.... hehehehehe

ok langsung aja pada tipsnya....



1. Login ke blogger.

2. Klik Rancangan --> tata letak --> Edit HTML

3. Cari kode ]]></b:skin>

4. Copy kode dibawah ini dan paste di atas kode ]]></b:skin>

#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}

5. Cari kode

<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>

6. Hapus kode <b:section class='footer' id='footer'/>

7. ganti kode tersebut dengan kode

<div id='footer-column-divide'>


<div id='footer1' style='width: 30%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>


<div id='footer2' style='width: 40%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>


<div id='footer3' style='width: 30%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>


<div style='clear:both;'/>
</div>

8. Simpan Template.


Lihat pada Rancangan --> elemen halaman dan akan terlihat seperti gambar dibawah ini.

 Semoga bermanfaat^^
sumber : vikrymadz.blogspot.com

Read More

Cara Membuat Label Animasi atau Tag Cloud pada Blogger

tanpa basa-basi lagi langsung aja:

1. Seperti biasa. Login ke Blogger
2. Setelah itu klik Layout -> Edit HTML
3. Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'>
4. Kalau sudah ketemu letakkan kode dibawah ini tepat dibawah kode yang diatas

<b:widget id='Label88' locked='false' title='Tag Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://abi-galoga.blogspot.com/'>Dimas Abi Galoga</a> and <a href='http://hermanblogtips.blogspot.com'>Herman Blog</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;180&quot;, &quot;180&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

5. Save Templates. 
ket.
180 menunjukkan lebarnya
180 menunjukkan tingginya
fffff menunjukkan warna background dari tag clound.
333333 menunjukkan warna teks
12 menunjukkan ukuran teks

smoga dapat bermanfaat^^
sumber: abi-galoga.blogspot.com 

Read More