03 February 2016

CSS Ampuh Mengatur Posisi Judul dan Deskripsi Blog

Title dan Deskripsi WILBEBLOGGER.com

Bagi Anda yang ingin mengatur dan/atau menyesuaikan judul dan deskripsi Blog dengan kode CSS (cascading style sheet) cukup membuahkan hasil yang memuaskan.  Anda dapat mengatur judul dan deskripsi Blog berdekatan, geser ke kiri dan ke kanan, geser atas dan bawah, serta mengetengahkannya.

Untuk lebih jelas dan ringkasnya Anda langsung masuk ke Blogger home >> [layout/tata letak] >> [template designer] >> [Advance/tingkat lanjut] >> [Add CSS]

Template Designer Proud To Be A Blogger

Kemudian paste kode CSS di bawah.

Untuk Judul Blog

.titlewrapper{
position: relative;
top: -10px;
left: 10px;
}

Untuk Deskripsi Blog

.descriptionwrapper{
position: relative;
top: -15px;
left: 10px;
}

Silahkan Anda bermain dengan melakukan perubahan ukuran sesuai template Blog sendiri. 

Lihat kode CSS di atas:

untuk [top] memiliki nilai negatif (-) artinya geser pada posisi ke atas dan sebaliknya (+) ke bawah.
bila properti [left] diberikan nilai negatif (-) artinya geser pada posisi ke kiri dan sebaliknya (+) ke kanan.

Dengan menambahkan kode CSS pada template bawaan, blog Anda akan nampak lebih rapi dan profesional meskipun menggunakan template basic blogger.

Cukup mudah bukan, kode CSS ini sangat membantu Saya dalam mengatur judul dan deskripsi beberapa blog yang saya kelola. Selamat mencoba!
Post a Comment