Dalam kesempatan kali ini kita akan coba membahas tentang bagaimana membagi dua kolom di bawah atau di atas Post Body pada Blogspot kita. Anda dapat melihat gambar disamping bila masih bingung, tuh kliatan kan..?

Ok Siap ya kita akan mulai membahas bagai mana Menambah 2 Kolom Untuk Widget di bagian bawah atau di atas Post Body Blog Kita.

Ok Siap Ya..?
Pertama Log In Ke Blogger Account Anda, Klik Dashboard dan Aktifkan Layout dan Pilih Edit HTML, Jangan Lupa beri tanda Checklist pada Expand Widget Templates.

Perhatian : Untuk Menghindari Kesalahan yang Fatal Alangkah Lebih Baiknya Blog Anda Di Backup Terlebih Dahulu dengan Cara Mengklik Link Download Full Template

Selanjutnya Cari tag berikut-> :
]]></b:skin>

Apa bila susah cari dengan mengunakan Find, dengan cara tenkan Ctrl + F (kalau anda menggunakan Mozilla Firefox, anda perhatikan bagian bawah dari browsing anda ada gambar sbb:
Ketik didalam kotak Find kode tag yang mau di cari.

setelah kode ketemu copykan kode dibawah ini di atas kode ]]></b:skin> , Ini kodenya.

/*Under Post
-----------------------------*/
#underpost h2{
font-size:13px;
font-weight:bold;
color:#B8002E;
border-bottom:2px solid #000000;
padding-left:5px;
}
#underpost{
width:530px;
}
#underleft{
width:257px; /*lebar kolom kiri*/
float:left;
margin:4px;
}
#underright{
width:250px; /*lebar kolom kanan*/
float:right;
margin:4px;
}

Rubahlah Sesuai dengan lebar Post Body blog anda pada Text yang di beri warna merah. Apabila anda tidak tau lebar Post Body Blog anda Coba Anda cari Kode Tag berikut :

#main-wrapper {
width: 430px;

Nilai yang terdapat pada Width adalah nilai lebar Post Body Blog Anda, Masukan Nilai tersebut pada Width pada tag yang di beri warna merah tadi.

Nah selanjutnya untuk membagi dua kolom anda perhatikan Kode Tag yang di beri warna Biru. Nah untuk membagi kolom nya menggunakan acuan lebar Post Body pada blog kita Misal Lebar Post Body kita adalah 430 maka leabar masing-masing kolom adalah 210 bila kita jumlahkan Nilainya baru 420 nah yang 10 adalah untuk Jarak Antar Kolom nya. Atau anda dapat mengkombinasikan nilai tersebut sesuai dengan keinginan kita tapi yang perlu kita ingat adalah menyisakan Nilai untuk Margin atau Jarak antar kolomnya.

Apabila Langkah di atas telah selesai maka kita lanjutkan ke langkah berikutnya, yaitu cari Code Tag berikut :

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

Apabila Anda ingin menambahkan Kolom di Bawah Post Body maka Anda copy Tag Code dibawah ini di bawah kode yang diberi warna biru dan di Atas Tag Code </div>

Apabila Anda ingin menambahkan Kolom di Atas Post Body maka Anda copy Tag Code dibawah ini di Atas kode yang diberi warna biru dan di Bawah Tag Code <div id='main-wrapper'>.

Ini Tag Code yang dimaksud.

<div id='underpost'>
<b:section class='underleft' id='underleft'/>

<b:section class='underright' id='underright'/>
</div>

Kurang Lebih Seperti Ini bila kita lihat struktur Tag Code nya

Di Bawah Post Body :

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>

<div id='underpost'>
<b:section class='underleft' id='underleft'/>

<b:section class='underright' id='underright'/>
</div>
</div>

Jika di Atas Post Body :

<div id='main-wrapper'>
<div id='underpost'>
<b:section class='underleft' id='underleft'/>

<b:section class='underright' id='underright'/>
</div>

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

Setelah itu Jangan Lupa kita Simpan atau Save.

Setelah itu Perhatikan pada Page Element pada Blog Anda Jika berhasil akan ada tambahan 2 Kolom di atas atau di Bawah Post Body pada Blog Anda

Selamat Mencoba ya..

Mungkin kita pernah melihat ShoutBox atau terhiden atau disembunyikan tempatnya oleh si pemilik, terkadang di samping kiri atau kanan. Nah Pada pembahasan kali ini saya ingin sedikit berbagi dengan teman-teman blogger yang masih bingun untuk membuatnya.

oke siap ya.., simak perintah berikut

Pertama :
1. Login ke Blogger Account Anda, pilih "Layout" kemudian "Page Elements",
2. Klik "Add a Gadget" boleh di element manasaja, pilihlah "HTML/JavaScript",
3. Copy-paste kode di bawah ini:

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i142.photobucket.com/albums/r81/gusdiwanto/tab.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<!-- Ganti ini dengan kode buku tamu kamu -->
<font size="2"><a href="http://uda-ei.blogspot.com/2009/08/menyembunyikan-buku-tamu-atau-shoutbox.html">uda-ei.blogspot.com</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

• Pada kode di atas, cari kata-kata " Ganti ini dengan kode buku tamu kamu " dan ganti kode tersebut dengan kode buku tamu yang kamu dapatkan dari situsnya,
• Kamu juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah kamu.

Sebenaranya para pemblogger dan webmaster lainya mungkin sudah tidak awam lagi mengenai backlink ini. Namun bagi para pemula tentu hal yang baru bagi mereka.

Nah Topic kali ini untuk Pembahasan Apa Manfaat Backlink bagi Website ini akan saya tujukan kepada para pemblogger pemula yang mungkin belum mengetahui tentang kegunaan atau manfaat dari Backlink itu sendiri.

Sebenarnya Backlink sayang penting bagi ke populeran dari sebuah website atau blogger. Makanya para webmaster atau para blogger menggunakan berbagai trik untuk menciptakan backlink sebanyak-banyaknya ke situs yang mereka bangun. Dari membuat Backlink gratisan bahkan yang berbayar.

Sampai segitu pentingkah backlink ini? tentu saja iya..., semakin banyak backlink yang tertuju ke website anda berarti akan semakin banyak orang yang mengetahui website atau blog anda, dengan kata lain kepopuleran Website akan semakin meningkat. Dengan demikian Page Rank pun akan meningkat terutama adalah page rank googel, Backlink merupakan menu istimewa untuk mendapatkan sebuah page rank, ada berbagai kegunaan backlink bagi website adalah :

1. Membentuk Popularitas Website Anda.

Artinya semakin banyak backlink yang tertuju ke situs anda maka akan semakin diaggap penting situs anda, sehingga mesin pencari atau search engine akan memprioritaskan website atau situs anda untuk menempati halaman utama mesin pencarian google.com atau yang lainnya.

2. Meningkatkan Pagerank Website Anda.

Artinya semakin banyak backlink kesitus Anda, maka google akan menilai situs Anda adalah situs penting dan patut untuk di prioritaskan, sehinga rank dari halaman web anda.

3. Meningkatkan dan Mendapatkan Traffic Website Anda.

Dengan mendapatkan posisi yang penting pada mesin pencari, maka memudahkan pengguna mesin pencari menemukan situs Anda, sehingga akan mendatangkan visitor-visitor baru ke website anda yang secara otomatis akan meningkatkan traffic website Anda.

4. Meningkatkan SEO Website Anda.

Dengan semakin terkenalnya Website anda sehingga menunjang SEO dari Website Anda.