Tutorial Blogger

Cara Membuat Widget Author Box Keren dengan CSS di Blogger

Author Box atau Kotak Penulis merupakan sebuah widget yang fungsinya untuk menampilkan identitas atau profile sang penulis dari sebuah website. Selain dapat menampilkan identitas sang penulis, author box ini juga dapat di isi dengan quotes atau kata-kata singkat yang menggambarkan diri dari sang penulis.

Pada umumnya author box ini terletak pada sidebar, footer dan di bawah postingan artikel pada suatu website. Banyak beragam style gaya author box yang sudah dibuat oleh programmer yang handal. Di Blogger sendiri juga sudah menyediakan author box, namun tampilannya masih sederhana dan biasa-biasa saja.

Pada kesempatan kali ini, penulis akan memberikan sedikit tutorial singkat Cara Membuat Widget Author Box Keren dengan CSS di Blogger jika kamu tertarik untuk memasang widget ini, kamu bisa simak dalam tutorial di bawah ini.

Cara Membuat Widget Author Box

1. Log in ke akun Blogger → Tema → Edit HTML.

2. Masukan kode fontawesome di bawah ini sebelum kode </head>

3. Copy dan Pastekan Style CSS di bawah ini tepat diatas kode ]]></b:skin> atau </style>

Note: ganti tulisan ISI DENGAN URL BACKGROUND BLOG dengan url background blog masing-masing.

4. Simpan Tema.

5. Pilih tab menu Tata Letak → Tambahkan Widget ( Sidebar ) → Pilih HTML/JavaScript. Masukan kode pemanggil HTML di bawah ini.

Catatan: Ganti huruf yang di tandai dan sesuaikan dengan yang kamu punya, seperti link media sosial, gambar, dan quotes.

Berikut adalah tampilan Widget Author Box yang telah terpasang di blogger.

Sekian tutorial Cara Membuat Widget Author Box Keren dengan CSS di Blogger yang penulis bagikan untuk kamu. Jika kamu memiliki pertanyaan perihal artikel ini, jangan sungkan untuk berkomentar di bawah ya. Semoga bermanfaat.

Tutorial Lainnya dari Penulis:









Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial, tips dan trik cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk mendapatkan solusinya. Ayo berbagi tutorial terbaikmu.

Berlangganan tutorial gratis melalui email

Copyright © 2019 Inwepo - All Rights Reserved.

To Top