Karena jika anda tahu, dunia maya ini ibarat gudang harta yang begitu banyak namun terkunci oleh gembok ketidak tahuan kita, tugas kita adalah mencari anak kunci dari gembok tersebut agar gudang yang tertutp rapat menjadi terbuka lebar sehingga harta yang ada di dalamnya dapat kita nikmati.
Seperti kang rohman tulis pada artikel " Menyimpan widget persis di bawah header ", bahwa tidak hanya cara tersebut saja yang bisa anda lakukan namun masih ada teknik yang lain untuk dapat meyimpan widget atau elemen persis di bawah header. Teknik yang kang rohman maksud adalah dengan membuat kolom baru langsung di bawah header, penasaran bagaimana caranya? yuk di lanjut mang!!!
Untuk membuat kolom baru tidaklah sesulit yang anda bayangkan, anda hanya cukup menambahkan sedikit kode css serta HTML kedalam kode template anda. Belum tahu caranya? silahkan ikuti langkah berikut :
Klik tab Elemen Halaman. Perhatikan struktur layout template anda. Biasanya bagian header akan seperti ini :
Copy kode berikut, lalu paste di atas kode ]]></b:skin>
#under_header{
margin:10px 0;
padding:1%;
width:98%;
}
Cari kode yang mirip dengan kode di bawah ini :
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
</div>
Copy kode berikut lalu paste persis di bawah kode tadi :
<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>
Klik tombol SIMPAN TEMPLATE. Tunggu beberapa saat sampai template anda tersimpan.
Klik tab Elemen Halaman. dan struktur layout anda akan menjadi seperti ini.
Kode-kode yang saya tuliskan di atas tentunya tidaklah mutlak, itu hanya kode paling sederhana yang saya buat untuk membuat tutorial “Cara membuat Elemen Persis Di bawah Header ” menjelang mau kerja, jadi babay dulu ah, mo kerja dulu mo cari duit biar dapet dobel, dari internet OK dari kantor juga OK.
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 :
Klik tab Elemen Halaman, lihat pada struktur layout template anda. Biasanya bagian header akan seperti ini :
Sekarang kita akan memodifikasinya, let’s go to party.
Klik Tab Edit HTML.
Klik Tulisan Download Template Lengkap, silahkan di backup dulu (penting).
Cari Kode yang mirip seperti ini :
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:section class='header' id='header' preferred='yes'>
Klik tombol Simpan template. Tunggu beberapa saat sampai template anda tersimpan.
Klik tab Elemen halaman. Dan sekarang layout template anda akan menjadi seperti ini :
Ngacir dulu ah, sudah masuk jam kerja nih … kaburrrrrrr
Beberapa teman pembaca blog ini sering melihat bahwa gambar yang di suguhkan berupa gambar hasil dari mengcopy dari layar monitor, dan ada diantaranya yang masih belum mengetahui bagaimana cara mengcopy gamabar pada layar monitor, misal gambar hasil copian seperti ini :
Untuk mengcopy gambar yang ada di layar monitor anda sangatlah mudah, akan tetapi anda memerlukan software pengolah gambar agar gambar hasil dari pengcopian bisa di atur tinggi dan lebarnya agar bisa pas dengan halaman post anda. Jenis software pengolah gambar sangatlah banyak, namun agar menemui keseragaman kang rohman mencontohkan dengan memakai software photoshop. Begininih caranya :
Sebenarnya tidak harus pada software editor gambar, pada microsoftword pun bisa. Pada intinya untuk mengcopy gambar dari layar monitor adalah Ctrl + Print Screen, dan untuk mempaste nya cukup dengan Ctrl + V.
Semoga bermanfaat!
Setujukah anda bila kang rohman membuat tutorial tentang wordpress di blog ini?
