menambah elemen di atas bawah posting

Regards sahabat unyu

Berikut ane ingin berbagi tantang:  Rasanya template default blogger kurang sempurna kalau tidak diutak-atik. Termasuk saya yang sering membongkar pasang template ini. Menambah elemen di bawah posting update, maksudnya apa bang? Koq ada update segala. Oke, silahkan baca dulu posting saya menambah elemen di atas bawah posting. Nanti anda akan menemukan perbedaannya di mana. Langsung saja bermain dengan desain template. Masih berhubungan dengan kode-kode CSS sederhana. Sebagai catatan, saya adalah pencinta template Minima White template default blogger. Semua tutorial blog yang ada di sini sudah saya uji terlebih dahulu. Kemungkinan akan terjadi sedikit perbedaan pada template, namun pada dasarnya mirip-mirip koq.

Menambah elemen di bawah posting

1. Login ke blogger dengan id anda
2. Tuju menu Tata Letak
3. Pada tab menu, klik Edit HTML
4. Backup template anda, klik Download Template Lengkap
5. Sekarang cari kode ini :

   #main-wrapper {
   width: 410px;
   float:$startSide;
   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 */
   }

6. Tambahkan kode berikut di bawah kode tadi

   #mainbottom {
   background:#ffffff;
   border:1px solid #0B610B;
   margin:0 0 0.5em;
   padding:0.5em;
   }

   Sehingga secara lengkap kodenya seperti ini :

   #main-wrapper {
   width: 410px;
   float:$startSide;
   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 */
   }
   
   #mainbottom {
   background:#ffffff;
   border:1px solid #0B610B;
   margin:0 0 0.5em;
   padding:0.5em;
   }

7. Sekarang kita membuat id untuk mainbottom tersebut. Cari kode ini:

   
   
   
   

8. Sisipkan kode berikut di bawah

:

Sehingga secara lengkap kodenya menjadi seperti ini :

Sekarang klik tombol SIMPAN TEMPLATE

Selesai

Untuk membuktikannya, silahkan masuk ke Tata Letak lalu klik Elemen Halaman. Maka di sana sudah ditambahkan elemen baru yang berada di bawah post area. Pada #mainbottom, silahkan ganti nilai border dan background color sesuai desain template blog anda. Mudah-mudahan semuanya bisa, selamat mencoba.