Cara Menambahkan Widget 3 Kolom Di Footer

Cara Menambahkan Widget 3 Kolom Di Footer

Kazekaghe Rizal

18:29

4 comments

Cara Membuat Widget Di Footer
Modifikasi template memang selalu kita lakukan untuk mempercantik ataupun memperindah tampilan blog kita bukan ? Banyak sekali model template yang dapat kita dapatkan dengan gratis ataupun berbayar sesuai yang kita inginkan untuk memodifikasi template kita. Tapi bagaimana jika kita hanya kekurangan gadget di footer blog kita ? apakah harus kita mengganti seluruh template kita ? tentu tidaklah harus demikian. Terlalu sering kita mengganti template juga sangat tidak saya anjurkan. Karena terlalu sering mengganti template malah akan membuat eror di sana sini yang ujung ujungnya akan membuat kita pusing 10 keliling.

Nah jika hanya kekurangan tempat untuk menambah widget di footer kita dapat menambahkan dengan beberapa trik atau penambahan script html di dalam template kita.

Saya akan mencoba untuk berbagi cara membuat widget footer di blog sobat yang memang ingin menambahkan widget tersebut.
Silahkan ikuti cara di bawah ini buat sobat blogger yang belum tahu cara membuat widget footer tambahan :

• Login ke blog sobat
• Pilih Template
• Klik Edit HTML
• Silahkan copy code di bawah ini , kemudian langsung diletakkan di atas    ]]></b:skin>  

             #footer-coloumn-baru {clear:both;} 

             .footer-column {padding:10px};

• Kemudian sobat blogger cari code seperti di bawah ini ( gunakan Ctrl+F atau F3 untuk mempermudah mencari ) 

            <!-- end outer-wrapper -->

           Memang setiap template tidaklah sama, tapi sobat bisa berpatokan dari kata outer  ataupun footer tersebut

•         Setelah ketemu sobat letakkan script di bawah ini tepat di bawah outer wrapper tersebut.(menambahkan 3 column baru)

<div id='footer-column-baru'>
<div id='footer1' style='width: 33%; 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: 33%; 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: 33%; 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>

•    Dan klik simpan template, klik tombol kembali, selesai, silahkan sobat lihat perubahan di tata letak seperti gambar di bawah ini

Dan contoh dari hasil penambahan widget footer :

Demikian cara membuat widget footer, semoga bermanfaat.

Cara Membuat Buka Link Otomatis Di Tab Baru

Cara Membuat Buka Link Otomatis Di Tab Baru

Kazekaghe Rizal

01:18

1 comments

Ketika di dalam postingan kita terdapat banyak link External atau link yang berasal dari luar, sudah tentu kita akan menambahkan attribute target="_blank" pada link tersebut supaya postingan kita yang sedang di baca oleh pengunjung, tidak tertutup karena link external tersebut di klik oleh pengunjung. Attribute target="_blank" di masukkan di dalam teks link agar link yang di klik terbuka di tab baru (Jadi, link yang terbuka sebelumnya tidak tertutup). 

Di tampilan baru blogger (Blogger New Interface), Blogger sudah menyiapkan sebuah fitur yang memungkinkan sobat blogger untuk menambahkan attribute target="_blank" pada link postingan sobat. Pada Hyperlink Text, sbat blogger tinggal memberi centang pada "Open Link in New tab".

Tetapi, supaya sobat blogger tidak kerja dua kali. Saya kasih saja sebuah kode yang membuat semua link yang terdapat di blog sobat akan terbuka di tab baru, apakah itu link yang ada di dalam postingan atau link yang terdapat di Sidebar blog sobat. Jadi, dengan adanya kode ini, sobat blogger tidak perlu mencentang Open Link in New Tab atau menambahkan attribute target="_blank" pada semua link yang terdapat di blog sobat.

Cara Membuat Semua Link Terbuka Di Tab Baru Secara Otomatis :

• Seperti biasa, Sobat blogger masuk dulu di akun blog sobat.
• Pada menu drop down (Blogger New Interface), Klik Template
• Klik Edit HTML dan klik Proceed.
• Cari kode <head>, Kalau sudah ketemu, tambahkan kode berikut tepat di bawahnya.

<base target='_blank' />

• Simpan template sobat.

Apakah sobat blogger sudah berhasil dalam membuat semua link blog sobat terbuka di tab baru? Coba saja buka salah satu postingan sobat yang ada linknya, kemudian klik link tersebut. Pasti link tersebut secara otomatis terbuka di tab baru.