Skip to main content

Modifikasi Template Blogger

Catatan memodifikasi template default blogger menjadi 3 Column

1. Template standar yang digunakan adalah MINIMA

2. Kode HTML yang dicari adalah



ctt: pada template default kode floatadalah $endSide, jadi mungkin yang harus dilakukan adalah mengubah $endSide menjadi right.

3. Menambahkan kode #left-sidebar-wrapper float: left dibawah kode default diatas. Secara full kode tersebut terlihat seperti ini



4. Kemudian cari kode html <div id='main-wrapper'> dan sebelum kode tersebut atau diatas kode tersebut tambahkan kode html berikut ini


penjelasan yang didapat :<div id='left-sidebar-wrapper'> memberitahu browser bahwa ada elemen sidebar disini dan memerintahkan browser untuk mencari styling yang sesuai dengan yang telah ditentukan dalam css. <b:section class='sidebar' id='left-sidebar' preferred='yes'> memberitahu browser kelas yang terdapat pada class ini dan semua elemen yang termasuk didalamnya. ID unik untuk seksi ini adalah 'left-sidebar', hal ini untuk membuat ID unik yang tidak terdapat pada kode sebelum atau sesudahnya.

5. Kemudian mengubah


Ctt: secara default text-align: $endSide maka kemungkinan harus ditukar dengan left. Untuk width juga harus ditukar menjadi 880px, karena width yang sebelumnya hanya mampu untuk mengakomodasi satu sidebar sedangkan kita akan menambahkan sidebar satu lagi.

6. Hal lain yang harus diubah adalah header wrapper, agar sesuai dengan lebar blog anda yang baru #header-wrapper { width:880px; margin:0 auto 10px; border:1px solid $bordercolor; }

7. Setelah itu anda harus menyimpan perubahan yang telah anda lakukan. Jika anda melakukan preview terhadap blog anda maka akan terlihat ruang kosong antar tempat postingan anda (mungkin lebih banyak disebut main body yah??) dan sidebar. Gambar dibawah akan menunjukkan lebih jelasnya apa yang saya maksud.


8. Langkah selanjutnya adalah memberikan sebuah ruang yang membedakan antara sidebar baru dan main post anda. Untuk itu carilah kode berikut ini pada blog anda lalu ubahlah yang saya tandai warna merah #main-wrapper { width: 410px; float: left; margin-left: 20px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

9. Nah setelah langkah-langkah diatas anda tempuh maka anda siap untuk membuat sendiri template yang anda modifikasi sesuai dengan yang anda inginkan.

Terima kasih pada Amanda (bloggerbuster) yang memberikan ilmunya, akan tetapi sumpah jeng.. lu kira semua orang ngerti gimana cara ngubahnya tanpa petunjuk detail?? Anyways thanks a bunch and good luck with your templates.

Comments

Artikel Viral

Kuliah Itu Berapa Tahun Sih? Ini Jawabannya

Saya sering mendapat pertanyaan dari pengunjung blog

"kak, kuliah itu berapa tahun?" atau

"om, Kuliah S1 sampai berapa semester?" atau

"bang, semester kuliah ada berapa?"

Saya sangat senang mendapatkan pertanyaan-pertanyaan diatas.

Artinya kamu yang saat ini baru mulai kuliah, sudah mempersiapkan masa depan kamu dengan tidak ingin berlama-lama di kampus.

Untuk menjawab pertanyaan-pertanyaan dari pembaca pencaricerah.com diatas saya sedikit mengalami kesulitan.

Apa itu?

Soalnya saran yang saya berikan di tulisan kuliah itu berapa tahun? berbeda sedikit dengan pengalaman.

Jangan lewatin 7 Cara Berpakaian Untuk Mahasiswa Baru

Namun saya berharap kamu bisa belajar dari pengalaman saya yang tidak sesempurna tulisan ini.

Mungkin yang bertanya sedang menghitung berapa biaya yang harus dikeluarkan saat kuliah atau mungkin juga sedang merencanakan apa yang bisa ia lakukan disela-sela perkuliahan.

Berdasarkan pertanyaan yang beberapa kali muncul di kolom komentar beberapa post…

TEMPAT MAGANG SASTRA INGGRIS PALING IDEAL, NO 1 PALING FAVORIT

Tempat magang sastra inggris? Emang ada? Itu pertanyaan saya yang muncul ketika membaca tulisan dari blogger Ran-Chan no Hibi. Sebagai alumni sastra inggris saya sama sekali baru tahu kalau ternyata ada tempat magang bagi mahasiswa sastra inggris. Seandainya informasi ini saya dapatkan ketika kuliah tentu jalan hidup saya berbeda.
Karena itu saya ingin membagikan informasi yang cukup penting bagi kamu, mahasiswa sastra inggris, yaitu tempat magang sastra inggris.
Magang itu apa sih? Magang adalah sebuah kesempatan untuk mengintegrasikan pengalaman yang berhubungan dengan karir ke dalam pendidikan sarjana dengan berpartisipasi dalam pekerjaan yang terencana dan diawasi. (https://ekoyanto.files.wordpress.com/2011/11/apakah-magang-itu1.pps)
Dari pengertian diatas maka anda akan melihat ada perbedaan antara magang dan kerja sambilan. Walaupun sama-sama diawasi dan pekerjaan yang dilakukan terencana, perbedaan magang dan kerja sambilan terdapat dalam hubungannya dengan pendidikan sarjana.

Mengatasi Sitemap Error Pada Google Search Console

Mengatasi sitemap error pada google search console - Sitemap artinya secara harafiah adalah peta situs. Kegunaannya seperti peta yang kita kenal selama ini yaitu memberikan gambaran kepada PENGUNJUNG tentang area (baca:konten) yang sedang disinggahinya saat ini di situs/blog yang dikunjungi.

Situs yang mempunyai sitemap yang bagus dan terperinci akan menjadi primadona bagi mesin pencari seperti google. Tapi kenapa saat submit url di google webmaster malah muncul error peta situs anda terlihat seperti laman html. pakai format peta situs resmi? 

Bagaimana cara mengatasi sitemap error tersebut di Google Search Console?

Mari kita pelajari sama-sama.