me

About Us


Kolom Tutorial didedikasikan bagi mereka yang sedang mencari tutorial membuat blog di blogspot, free template serta informasi seputar internet.

Blog Tutorial Untuk Pemula

Iklan anda
vcc indonesia membantu verifikasi paypal dengan cepat, aman dan bergaransi!

Jumat, Juli 25, 2008

Menyimpan Widget Persis Dibawah header

Beberapa hari yang lalu ada bertanya “bagaimana cara menyimpan widget persis di bawah header?”. Memang pada umumnya pada template blogger tidak bisa untuk menyimpan widget atau elemen langsung di bawah header, biasanya hanya bisa menyimpan di atas elemen post namun tentu saja lebar dari elemen tersebut hanya selebar elemen post. Apakah ada cara agar kita bisa menyimpan widget atau elemen persis di bawah header? tentu saja bisa dan bahkan banyak cara untuk melakukan ini. Namun karena keterbatasan waktu dan tempat maka tidak akan kang rohman tulis semua di sini, kang rohman akan mencoba menerangkan dengan satu cara (soalnya sudah siang nih, mau kerja). Ingin tahu seperti apa caranya, yuk kita lanjut saja.

 

Silahkan ikuti langkah-langkah berikut :

 

  1. Login ke blogger dengan id anda.
  2. Klik Tata Letak.
  3. Klik tab Elemen Halaman, lihat pada struktur layout template anda. Biasanya bagian header akan seperti ini :

     

    elemenheader

     

  4. Sekarang kita akan memodifikasinya, let’s go to party.

  5. Klik Tab Edit HTML.

  6. Klik Tulisan Download Template Lengkap, silahkan di backup dulu (penting).

  7. Cari Kode yang mirip seperti ini :

     

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

     

  8. Hapus kode di atas dan ganti dengan kode di bawah ini :

     

             <b:section class='header' id='header' preferred='yes'>

     

  9. Klik tombol Simpan template. Tunggu beberapa saat sampai template anda tersimpan.

  10. Klik tab Elemen halaman. Dan sekarang layout template anda akan menjadi seperti ini :

     

    header-elemen

     

  11. Sekarang anda bisa menambahkan berbagai elemen langsung di bawah header.
  12. Untuk menambah elemen halaman tinggal klik Tambah Elemen Halaman. Silahkan tambahkan apa yang anda mau, apabila sudah di tambahkan tinggal geser elemen yang baru di buat tadi ke bawah elemen header.
  13. Klik Tombol SIMPAN yang ada di bagian atas.
  14. Selesai, sekarang tinggal lihat hasilnya.

 

 

Ngacir dulu ah, sudah masuk jam kerja nih … kaburrrrrrr

Bagi yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek, kang Rohman rekomendasikan anda belajar di sini   «« sok atuh di klik biar situsnya keluar
Jika anda merasa artikel ini bermanfaat, silahkan lakukan vote ke Lintas Berita agar artikel ini bisa di baca oleh orang lain.

Comments :

53 komentar ke “Menyimpan Widget Persis Dibawah header”

pagi.. kang rohman .... ada postingan baru nih seruh juga ...
aku coba ya kang .....

HARYANTO mengatakan...
pada 

wah..menarik nie om..

rafa mengatakan...
pada 

Mantap kang..ini yang banyak ditanya ke om untung dah di tulis kang rohman :D jadi gak mumet lagi jawabnya.

OOM mengatakan...
pada 

siiiippppp......tutorial singkat tapi berguna

Muhammad Ayub mengatakan...
pada 

kang rohman, dalam blog yang aku buat, gambar headernya kok tidak mau penuh ya. tolongin dong!~x(

bunda mengatakan...
pada 

salam kenal kang? saya dah coba kang tapi ko di atas header? katanya di bawah? saya coba seret ke bawah tetep ga mau gimana ya kang?

Ucha mengatakan...
pada 

test dulu ya kang , thanks

andromeda mengatakan...
pada 

wah..., ilmu baru siap di praktekkan.....

alief mengatakan...
pada 

seep kang...thanks ilmunya

koko mengatakan...
pada 

kalo dibawah widget postingan gimana kang?

Syahuri mengatakan...
pada 
Posting ini telah dihapus oleh penulisnya.
louise wulandari mengatakan...
pada 

udah dicoba kang di www.louisewulandari.com , makasih ya kang Rohman... :)

louise wulandari mengatakan...
pada 

sip Kang,sy(Gudang Rejeki) mau coba ;)

Rhoon5 mengatakan...
pada 

Cing urang tes ah... ;)

bani risset mengatakan...
pada 

gimana caranya ngasih suara pada backgroung blogspot, akan ada tu waktu web di buka terus ada musik yang bunyi...........
tolong ya di beri tau caranya

wanita mengatakan...
pada 

bedanya sama artikel :
http://kolom-tutorial.blogspot.com/2008/07/cara-membuat-elemen-persis-di-bawah.html?showComment=1217136540000#c2609881672328098446

apa kang? perasaan sama deh fungsinya. :-/

Uud a.k.a Yudha mengatakan...
pada 

@wanita : sudah pernah saya tulis, di cari saja.

@Uud : kan sudah saya bilang di atas, fungsi ini sama dengan yg kemaren, tapi lain teknik. cuma ada beda dikit, yg kemeren elemennya di atas header, jadi kalo bikin elemen musti di geser dulu kalo mo di bawah header. kalo yg ini langsung di bawahnya

rohman mengatakan...
pada 

hebat lah kang rohman tea....

Jo-Electrics mengatakan...
pada 

alhamdulillah dapat info baru lagi

andi mengatakan...
pada 

Mantap kang... di coba Ah......

Ade Sanusi mengatakan...
pada 

hebat kang,

gatot mengatakan...
pada 

Sepertinya bergantung dari template nya kang saya dapet template yang nambah widget persis di atas footer.

Wa2n mengatakan...
pada 

kang durrohman,,,,
aku ingin yang 3 kolom gimana???ya
tolong po'o kang

fakhruddin blog mengatakan...
pada 

kang rohman memang pastas disebut blogger andalan.... blok kang rohman ini aku add di bookmark looo.... mga2 tambah sukses aja kang

Achmad mengatakan...
pada 

oia kang..... tadi aku udah baca dan praktekin untuk membuat komentar di bawah posting tapi ga' bisa.....

aku copy paste code yang ada di sini... tapi masih tetap ga' bisa kang...
apa kerna penataan letak code htmlnya yang punya aku di buat lurus

Achmad mengatakan...
pada 

@Achmad : sepertinya ngga deh. menurut pengamatan, tuh kode ada dua. yg atas sama yg bawah, yg di ganti adalh yg bagian bawahnya bukan yg atas

rohman mengatakan...
pada 

Tanks kang rohman tipsnya,mantep banget euy,tp ane agak bingung mraktekin tips yang naruh komentar dibawah post,coz kode html nya mw t hapus eh t cari malah g ada.Ne ane mw promosi dikit http://bonafit85.Blogspot.Com

Bonafit mengatakan...
pada 

terima kasih atas tutorialnya yang sangat membantu. Sy ingin bertanya bagaimana membuat link-link seperti punya kang rohman di bawah header ada link : Home, Catatanku, Free Template, Blog Tutorial, Belajar Web dll.
maturnuwun sebelumnya. Salam

Prihandoko mengatakan...
pada 
Posting ini telah dihapus oleh penulisnya.
Calvin Alexander mengatakan...
pada 

waduh mas
!!! makasih ya atas infonya.
promosi dikit neh !!!
www.calvinblog.co.cc
sekali lagi thanks ya atas infonya

Calvin Alexander mengatakan...
pada 

Wah Postingan yang sangat berguna nih Mas. Tapi ngomong2 kalau mau nambahin(Tambah Gadget) Di sebelah kiri Posting blog gimana caranya? Kan saya blognya bisa nambah gadgetnya cuma disebelah kiri bisa ga mas? Jadi 3 Kolom gitu? Jawabnya di shout aku yah(My Blog)

Blogger Pemula mengatakan...
pada 

Wah mas ini yang selama ini saya cari, saya abadikan link mas di blog saya... hhe

inv0595m mengatakan...
pada 

gak ada yang bener trik2 bloggernya.

pak-yadi mengatakan...
pada 

kesrooooooooooooooooooo........................

Anonim mengatakan...
pada 

maxwidgets='1' boleh diisi 5 juga bisa khan ?? wekeke

Keluarga Besar Hadiwiryanan mengatakan...
pada 

maxwidgets 1 boleh diisi 5 juga bisa khan ?? wekeke, langsung mengena

Keluarga Besar Hadiwiryanan mengatakan...
pada 

Kang, kok tulisannya (b:section class='header' id='header' maxwidgets='1' showaddelement='no') nggak ada ya...

Trus langsung saya tulis (b:section class='header' id='header' preferred='yes') saya letakkan setelah /* Header
-----------------------------------------------
*/ ...sengaja saya tulis () biar bisa diposting

kok nggak bisa muncul tambahan elemennya...? Piye bos, ane bingung nih...

N!pPoN mengatakan...
pada 

lagi2 top markotop kang....thx yah

abung mengatakan...
pada 

kalo yang di sebelah kiri atau kana gimana kang

ilham zar mengatakan...
pada 

waduh, kang rohman ini memang hebat, salut kang!

Heri mengatakan...
pada 

Kang mau nanya, kalau bikin banner di bawah header berjalan dari kiri ke kanan atau sebaliknya gimana? untuk yang di sidebar berjalan ke atas udah sy praktekkan & berhasil tp nyoba yg dibawah header dengan aplikasi seperti yg di sidebar kok blm bisa,

Sebelumnya sy ucapkan trmksh, mungkin bisa dilihat hsl uprekkan saya sesuai tuntunan Kang Rohman di enduro-indra.blogspot.com

Meubel dan Souvenir mengatakan...
pada 

kalo jadi 3 kolom gmn?

Taufik Agus Hidayat mengatakan...
pada 

kang..salam kenal dari saya fauzi....

vhauzie mengatakan...
pada 

makasih tips nya om..
dicoba langsung bisa jalan og :)

gibal mengatakan...
pada 

wah,, nuhun Kang!!

ilham mengatakan...
pada 

matur suwun

Bustanul's Blog mengatakan...
pada 

om, mo nanya nih..
kalo misal di template yang saya pilih kagak bisa dipakein header,,
tpi gue berniat supaya tu template bisa masangin header,,
bisa ngga ya??

saya harap dibales loh,, primalcatrazz@gmail.com

Prima I._Pangestu mengatakan...
pada 

Kang, saya udah coba untuk pasang widget di bawah header sesuai dengan petunjuk (copy paste code) dari Kang Rohman. Tapi kok jadinya muncul sebagian code-code itu di bagian atas seperti di blog saya ini? Kenapa yang Kang? Atur Nuhun Kang

Wdnur mengatakan...
pada 

kang rohman...kalau mau nambahin seperti itu tapi di sebelah kiri posting gimana...seperti kang rohman di "Sponsor kang rohman" itu kan letaknya di sebelah kiri...kalau tau caranya kabari di blog saya ya...plisss!!

Tips2 komputer mengatakan...
pada 

Sip! aku pakai template buatan akang R14- pakai tips ini berhasil.. smoga kang rahman "masuk surga amin!!!!!!!!

FARIDI FAQIH mengatakan...
pada 

aku cb ya kang?

w2n mengatakan...
pada 

kang itukan di atas header ( judul ) kalau yang di bawah Judul gimana caranya?mohon pencerahan

ompol dewa mengatakan...
pada 

kang cara hapus add gadget gimna yah

Risyah alfarisi mengatakan...
pada 

Poskan Komentar

Mau komentar? silahkan, asal jangan komentar spam.

Maaf! Komentar bernada spam akan saya hapus.