tampilan Footer 3 Kolom pada Template Blogger

blogging Mengedit template blogger untuk memiliki footer 3 kolom untuk template blogger ternyata bukan perkara yang sulit, namun sangatlah mudah, hanya butuh beberapa menit waktu anda. Mungkin rekan-rekan blogger menganggap ini perkerjaan rumit, yah silahkan saja menganggap begitu, namun tunggu dulu baca tutorial ini, pasti anda akan heran.

Sebelumnya saya umumkan bahwa tutorial ini khusus untuk blogger beta (layout), oke langsung saja.

1. Seperti biasa login ke blogger.com
2. Kemudian klik “Expand Widget Template”
3. Lantas save template anda kalau-kalau terjadi kesalahan
4. Kemudian temukan ini:

<div id='footer-wrapper'>

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


</div>

5. Ganti tag yang berwarna merah dengan script berikut:

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

<div id='footer2' 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='footer3' 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='footer4' 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;'/>

<p>


<hr align='center' color='#5d5d54' width='90%'/></p>


<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>

<b:widget id='Text2' locked='false' title='' type='Text'/>


</b:section>

</div>

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

</div>

6. Save template anda!

Selamat anda telah mempunyai footer 3 kolom di blogger anda. Untuk melihat hasilnya, anda kembali ke “page element” lalu lihat bagian footer, pasti ada 3 tempat untuk menempatkan page element. Nah silahkan anda taruh page element yang anda inginkan di footer 3 kolom blogger blogspot anda.

Semoga bermanfaat dan selamat mencoba.

TRIK BUAT OTOMATIS KLIK gambar

TRIK BUAT OTOMATIS KLIK

Otomatis Klik

Kali ini saya akan menshare-kan pengalaman saya tentang klik otomatis (auto link) bila kursor/mouse mengarah kesalah satu gambar ataupun tulisan. Awalnya saya sempat kesal juga, kenapa ini terjadi padahal saya tidak menginginkannya. Terkadang punya pemikiran, ini perintah buat orang jadi kesal dan marah saja dan males mengunjungi ke situs tersebut lagi.
Namun, setelah saya berselancar di dunia maya, sepertinya asyik juga tuh cara ini diterapkan di blog saya. Karena menurut saya banyak manfaatnya.
Namun, berpulang kembali kepada sohib untk memanfatkannya untuk apa.
kalu begitu, ini trik buat otomatis kliknya :
1. Buka blog sohib, dan edit mana gambar atau menu yang ingin di klik otomatis dalam bahasa script.
2. Sisipkan kode berikut :

onMouseover="window.location=this.href"

diantara kode scrip gambar atau postingan sohib..
Contoh :

<a href="http://pandawalimamedan.blogspot.com" onmouseover="window.location=this.href" target="_blank"><img alt="PANDAWA LIMA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB4ZQrn8CY5-OHi3vQIAv4WLwFf2NXxr4eQuLLtNwJ1gIHRzWIAC_FGbkMWB_jV1_iVYFmv0KMWcPH1wV7Uc873YZWHSYTuEt6tA6gwLtBk5_P86e06LXIMAntxHopGbMByWoECziu3tU/s200/LOGO+P5.gif" title="get more backlinks" /></a>&nbsp;

Hasilnya seperti ini : (silahkan arahkan mouse/kursor sohib gambar berikut)


 3. Bila sudah sukses, simpan/save.

Nah itulah cara membuatnya otomatis terbuka link yang ingin kita publikasikan.
Selamat mencoba dan semoga berhasil....