Header Ads

Menampilkan Profil Author di Bawah Postingan

Baca juga artikel terkait lainnya

Profil  penulis ini adalah desain ter baik dari sebelumnya dirilis penulis profil untuk wiget blog footer. Profile penulis ini cukup keren dan benar-benar gaya. Sebelumnya saya memiliki rilis beberapa wiget untuk blog footer tetapi rilis yang terdahulu sederhana saja. Karena Anda akan dapat menambahkan gambar penulis dan sedikit keterangan tetang penulis. Jadi jelas wiget ini keren dalam hal penampilan dan fungsi. Karena Anda akan dapat menambahkan 3 media sosial {Facebook, Twitter, dan Google Plus} Link  dengan gambar penulis Anda serta deskripsi. Selain itu keuntungan utama dari wiget ini adalah dibuat dari CSS murni. Tidak gambar tunggal yang telah digunakanuntuk menjahit yang berarti akan memuat lebih cepat. Berharap wiget ini akan membantu Anda untuk membumbui blog  Anda. Untuk memasang wiget ini silahkan ikuti langkah-langkah di bawah ini.

Cara Menampilkan Profil Author di Bawah Postingan

Langkah 1 Login ke akun blogger Anda dan Anda buka Dashboard Blogger
Langkah 2 Buka Tata Letak ,Tab.
Langkah 3 Klik pada ''Tambah Gadget''kemudian Pilih ''HTML /JavaScript'' WIGET.
Langkah 4 Sekarang Salin kode di bawah ini dan Paste di ''HTML /JavaScript'' wiget

<style>
.BloggerSpice {width:auto;  height:83px;padding:5px}
.BloggerSpice-BS {float:left;width:75px;height:75px;margin:4px 1px 0px 0px;border-radius:90em;opacity:0.8;border-top:5px solid #005C91;border-right:5px solid #04BDFA;border-bottom:5px solid #005C91;border-left:5px solid #04BDFA}
.BS-AP{width:auto; padding:1%;font-family:arial,sans-serif; margin:-85px 0 0 110px;font-size:15px; color:#000000;text-align:justify;}
.BSfb, .BSgp, .BStw {color:#fff!important; display:block;font-weight: bold; line-height: 14px; height: 14px; width: 14px; border: 3px solid #444;text-align: center;padding:3px;border-radius:15px;font-size: 13px;text-decoration:none!important;margin: 1px;position:relative;margin-right:0px}
.BSfb {background: #3B5998;margin-left:76px}
.BSfb:hover {border-color: #4F77CC; box-shadow: 0 0 3px #4F77CC;}
.BSgp {background: #D34836;font-size:11px;margin-left:86px}
.BSgp:hover {border-color: #EB503C; box-shadow: 0 0 3px #EB503C;}
.BStw {background: #4099FF;margin-left:82px}
.BStw:hover {border-color: #36D0FF; box-shadow: 0 0 3px #36D0FF;}
</style>
<div class="BloggerSpice">
<img alt="Shiva Ardani
" class="BloggerSpice-BS" src="Author Img URL Here" title="Shiva Ardani
" />
<a class="BSfb" href="http://www.facebook.com/detiktempocom" rel="nofollow" target="_blank">f</a>
<a class="BSgp" href="https://plus.google.com/117916637208526693093" rel="nofollow" target="_blank">G</a>
<a class="BStw" href="http://twitter.com/detiktempo" rel="nofollow" target="_blank">t</a>
<br />
<div class="BS-AP">
Hi, Guys <a href="https://plus.google.com/117916637208526693093" rel="nofollow" target="_blank" title="Shiva Ardani
">Shiva Ardani
</a><br />
I'm Shiva Ardani
Bukan bloger pemula, tapi bukan juga seorang bloger master.Shiva hanyalah seorang penganguran yang senang online dan mempelajari hal-hal baru seputar blog,SEO dan internet marketing.Kunjungi blognya di.<a href="http://www.detiktempo.com/" style="color: #04bdfa;" target="_blank"> detiktempo.com »</a>
  </div> </div>

Ganti tulisan yang berwana.
  • Ganti Author Img URL Here dengan gambar Anda.
  • Rubah warna: # 000000 untuk warna font.
  • Mengubah detiktempocom dengan Facebook dan Twitter Nama Penguna atau ID.
  • Ubah 117916637208526693093 dengan Google Plus ID Anda.
  • Ubah nama detiktempo ini dengan nama Anda.
  • Ubah Tentang Penulis Halaman URL Berikut dengan penulis halam Anda.

Jikan Anda menghadapi masalah atau kesulitan untuk memasang wiget ini, Maka silahkan Komentar di bawa ini atau Anda dapat berbagi ulasan Anda tetang wiget ini dengan kami.

Powered by Blogger.