Cara Membuat Widget Box Author Profil di Sidebar Blogger

Cara membuat widget author profil di sidebar blogger
Cara Membuat Widget Box Author Profil di Sidebar Blogger - Jika sobat bingung atau belum tahu apa itu Box Author Profil. Sobat bisa melihat pada bagian Sidebar mas rinaldo paling atas itu adalah contoh salah satu box author profil yang akan dijadikan postingan ini. Karena saya melihat kalalu blog sudah memakai Widget seperti, Blog tersebut berkesan Wow di mata saya.

Selain dapat melengkapi navigasi di blog, Widget box author profil ini juga akan memudahkan pengunjung untuk melihat lebih lanjut melalui akun sosial media lainnya seperti facebook, twitter, instagram dan sampai RSS juga dapat di cantumkan. Tidak hanya itu, Widget Box Author profil ini juga dapat dijadikan alternatif dari Widget Subscribe Blogger. Karena di Widget ini juga bisa ditambahkan fitur Follow Blog bersama fitur lainnya.

Cara Memasang Widget Box Author Profil di Blogger

Author Profil yang berisikan informasi lainnya dari pemilik Blog berupa sosial media, Motto dan Asal Blogger tersebut. Umumnya widget author profil ini biasa diletakan atau dipasang setelah akhir postingan. Tetapi di tutorial ini, masrinaldo.com akan memberikan bagaimana cara membuat widget box author di sidebar Blogger dengan 2 pilihan style yang sobat pilih salah satu.

1. Author Profil Tampilan Ringan Menggunakan Icon SVG

  • Login akun Blogger sobat
  • Masuk ke menu Tema dan buka Edit HTML
  • Perhatikan tabel berikut ini terdapat 3 menu, yaitu HTML - CSS - RESULT dan cobalah klik satu persatu menu tersebut untuk menampilkan script dan fungsinya.
  • See the Pen Authorprofil2 by William Rinaldo (@masrinaldo) on CodePen.
  • Copy semua script di Menu CSS dan Paste kan setelah <style> atau sebelum </style>
  • Simpan Tema atau Save Template
  • Copy Semua script dari table diatas pada Menu HTML
  • Buka menu Tata Letak dan pilih Tambahkan Gadget di bagian sidebar Blogger
  • Pilih HTML/Javascript yang biasanya diurutan ke 3 dari atas dan Paste semua script pada  Menu HTML yang sudah di copy sebelumnya
  • Klik Simpan
Note : Pada Script HTML, Silahkan sobat sesuaikan bagian-bagian berikut.
URL GAMBAR : Ganti dengan URL gambar sobat
Mas Rinaldo : Rubah dengan Nama Blog atau nama sobat
Berbagi tutorial bla bla : Ganti dengan deskripsi Blog sobat
CSS3-Javascript-HTML5-Photoshop-PHP-Coreldraw : Ganti dengan kemampuan sobat
https://www.masrinaldo.com/p/hubungi-saya.html : Ganti dengan URL Contact Blog
Url fb - Url twitter - Url IG - Url Rss : sesuaikan dengan URL sosial media milik sobat
URL Yutub : Ganti dengan URL Channel youtube yang akan dicantumkan
URL Google : Ganti dengan URL lainnya, karena Google+ Sudah tidak ada.

2. Memasang Author Profil Menggunakan Fontawesome

See the Pen AuthorProfilKurazone by William Rinaldo (@masrinaldo) on CodePen.

  • Masuk ke menu Tema dan pilih Edit HTML
  • Copy semua script di Menu CSS dan paste kan setelah <style> atau </style>
  • Simpan Tema / Save Template 
  • Copy semua script di Menu HTML
  • Buka menu Tata Letak dan Klik Tambahkan Gadget di bagian Sidebar Blogger
  • Pilih HTML/Javascript diurutan ke 3 dan paste script yang sudah di copy dari Menu HTML sebelumnya
  • Klik Simpan
Note : Pada Menu HTML. Sesuaikan bagian berikut :
https://www.masrinaldo.com : Ganti URL Blog sobat
Mas Rinaldo : Ganti dengan nama Blog atau Nama Sobat
Url fb - url twitter - url yutub : Sesuaikan dengan URL sosial media sobat
Url Google : Ganti dengan url sosial media lainnya
id=123456789 : Ganti dengan ID Blog sobat
Url Paypal : Sesuaikan dengan URL Paypal

Demikian artikel mengenai Cara Membuat Widget Box Author Profil di Sidebar Blogger dan saran dari masrinaldo.com lebih menggunakan tampilan pertama, karena sudah menggunakan font SVG yang membuat lebih ringan di Blog.

Artikel Terkait

0Comments

Previous Post Next Post