Kustomisasi Tema Terkemuka (Notable) Blogger

Platform blogging gratis yang populer, Blogger.com telah mengumumkan penambahan 4 tema blog ke template blogger default yang dapat dipilih pengguna Blogger. Setiap tema hadir dalam berbagai warna, dapat disesuaikan sepenuhnya dan dapat ditambahkan ke blog blogger / blogspot Anda hanya dengan beberapa klik.

Tema Blogger baru tidak hanya dirancang agar terlihat bagus, namun juga dirancang untuk bekerja dengan baik. Masing-masing dibuat untuk secara otomatis menyesuaikan dengan layar dan memuat dengan cepat, sehingga pengunjung blog Anda dapat dengan mudah membuka blog anda dengan menggunakan komputer, telepon atau tablet.

Nama-nama tema baru tersebut adalah: Contempo, Soho, Emporio and Notable.

Pada kesempatan ini saya akan memandu Anda untuk men-Kustomisasi salah satu dari 4 tema tersebut yaitu Tema Terkemuka (Notable), jadi jika Anda adalah pengguna Tema Terkemuka di Blogger maka ikuti panduan yang diberikan di bawah ini agar tampilan blog dapat di Kustomisasi sesuai yang di inginkan.

Oke langsung saja, sebelum memulai saya sangat menyarankan untuk melakukan backup dari tema Anda saat ini.

Selanjutnya, pada dashbor blogger tuju pada Tema -> Customize -> Advanced -> Add CSS, kemudian pilih dan tambahkan kode-kode css yang diperlukan di bawah ini pada kolom yang tersedia.

Menambahkan Warna pada Footer

footer#footer.footer.section{background:#333;margin:50vh 0 0}

Mengubah Letak Posisi Gambar Postingan pada Halaman Utama

.post-outer .snippet-thumbnail{margin-right:36px;order:1}.post-content{margin-right:36px;order:2}

Menghilangkan Tulisan Deskripsi pada Header

.widget.Header .header-widget p{max-width:0;position:fixed;top:-1000px;left:-1000px}.main_header_elements{overflow-x:initial}

Membuat Batas antara Judul Blog dengan Menu pada Header

.centered-top-container, .centered-top-placeholder{background:linear-gradient(0deg,#303c42 45%,#37424b 45%)}.centered-top{padding-top:15px;padding-bottom:0}.overflowable-container{padding-top:8px}.sticky{background:inherit}

Mengubah Letak Posisi Sidebar pada halaman Postingan

body.item-view .Blog .post-body-container{padding-left:170px;padding-right:0}body.item-view .Blog .post-body-container .post-sidebar{left:0;    width:120px;border-right:1px solid #ccc}body.item-view .post-sidebar .post-labels-sidebar{min-width:initial}body.item-view .comments, body.item-view .widget.Blog .post-bottom, body.item-view .shown-ad{margin-right:110px;margin-left:310px;}body.item-view .PopularPosts{margin-left:310px}

Mungkin cukup segitu saja, jika ada elemen lain yang yang ingin di Kustomisasi pada tema Terkemuka (Notable}. Silahkan bertanya lewat komentar

Happy editing...

Share this post