Thursday, August 15, 2013

Menambah Gadget Baru Di Header

Oke sekarang saya akan memberikan sedikit share untuk penambahan gadget yang ada di dalam blogger.di dalam templete blogger memang sudah di rancang sedemikian rupa,oleh karena itu kita harus bisa mengolah sendiri blog kita.di sini saya akan membahas tentang penambahan gadget/widget yang ada di layout blogger,tentunya kita memang perlu untuk menambahnya jika sangat di perlukan. kalo sudah ada penambahan otomatis wah sepertinya kita dah senang gak perlu otak atik scriptnya, tapi apa bila gak ada penambahan,wah pasti ini menjadi masalah juga bagi kita yang gak ngerti script sedikit pun dan bagi yang baru blajar bisa langsung putus asa belajar blogger.oke langsung saja.
Langkah Pertama:
Buka Blogger->Login--> dan masuk di halaman blogger kita seperti gambar di bawah:



Seperti gambar di atas pilih icon anak panah sebelah menu post list maka akan muncul menu lain,kita pilih layout seperti contoh.kemudian akan terbuka halaman layout blogger kita seperti gambar di bawah untuk jelasnya:

Gambar  di atas menjelaskan kita akan menambahkan "add Gadget"seperti blok warna hijau .yang akan kita tambahkan di atas bagian header,karna di bagian laman blogger ini tidak ada penambahan secara otomatis,maka kita perlu menambah nya dengan sedikit mengedit htmlnya.oke langsung saja kita masuk menu templete lihat gambar bawah:




Setelah menu templete kita "klik"maka akan ketemu halaman baru lagi di dalam halaman templete jelasnya seperti di gambar bawah ini lagi:



Sabar sedikit lagi kita selesaikan masalah ini hehhe.tampilan halaman templete seperti gambar di atas kemudian klik "Edit HTML"makan akan terbuka menu baru muncul di browser seperti demikian seperti gambar di bawah:




Tampilanya biasa tapi isinya kalo gak paham ini merupakan teror yang luarbiasa.tapi anggap saja kita ngerti dan paham saja oke.nah bagaimana caranya kita selesaikan masalah ini.oke lanjut.kita akan mencari script yang ada di dalam halaman edit HTML,script yang kita seperti di bawah ini:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

bagi yang gak mengeti script tenang saja,karna pasti bingung bagaimana carany cari script di atas di dalam script html yang begitu banyak .apa akan kita cari ,teliti dan cermati tiap baris wah pasti akan buat putus asa .tenang jangan tegang .kita perlu bantuan komputer kita untuk mencari nya.mudah caranya tekan pada keyboard mu Ctrl+F nah akan muncul pencarian yang muncul di halaman html seperti gambar di bawah biar jelas seperti apa bentuknya:

Untuk jelasnya klik aja gambar biar telihat jelas saya beri blok merah.kemudian bagaimana cara kerjanya kita copy script yang di atas tadi paste di pencarian mau pakai atas atau bawah sama saja kalau di bawah setelah di paste pilih next.maka akan langsung terdeteksi script yang kita cari .kalo saja tidak terdeteksi maka kita coba pakai yang atas.jika kita menemukan secript tersebut ubah menjadi seperti demikian
(Script asli)sebelum di ubah
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
(script asli setelah kita edit/di ubah)
<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>

setelah itu save templete 

kembali masuk menu layout maka kita sudah berhasil menambah "add gadget" seperti gambar di bawah:



semoga membantu ..

No comments:

Post a Comment