Saturday, February 10, 2018

Cara Memasang Author Profile Keren Dibawah Posting

Cara Memasang Author Profile Keren Dibawah Posting

Tags

Cara Memasang Author Profile  Dibawah Posting
Author Profile

Author profile pada sebuah blog bisa di bilang bagian yang termasuk penting. Tujuanya untuk mengetahui admin dari blog tersebut. Melalui author profile pengunjung bisa melihat identitas admin yang sudah di publikasi. Pada layanan penyedia website atau blog seperti blogger juga sudah menyediakan winget khusus untuk menampilkan author profile dari admin blog.

Winget khusus ini hanya bisa kita tampilkan pada bagian sidebar dari blog kita. Kalau di perhatikan pada banyak template yang beredar pada umumnya juga menyediakan author profile yang sudah di kostumisasi. Tapi terkadang ada juga template yang tidak menyediakan author profile di bawah posting. Kamu pasti pernah melihat suatu blog menampilkan author profile tepat di bawah posting gimana keren bukan.

Jika kamu juga menginginkan hal yang sama kali ini saya akan share cara menampilkan author profile keren di bawah posting. Perlu di ketahui author profile pada blogger sebetulnya ada dua macam. Yang pertama author profile dengan menggunakan akun blogger dan yang kedua author profile dengan menggunakan akun G-plus. Untuk menampilkanya pada sidebar winget kita harus memilih salah satu profile saja yaitu melalui pengaturan pada dashboard blogger.

Ok kembali ke pokok pembahasan cara memasang author profile dibawah artikel silahkan ikuti langkah-langkah berikut ini. Langkah pertama yang harus sobat lakukan adalah dengan login ke dashboard blog sobat kemudian pilih thema dan edit HTML. Jangan lupa backup dulu templatenya setelah itu copy kode di bawah ini dan letakan di atas ]]></b:skin>.

/* author post profile */
.author-profile {border: 1px solid #ECF1F5;padding: 8px;margin: 20px 0px;overflow: hidden;background: #f6f6f6;}
.author-profile img { width:70px;border: 1px solid #ECF1F5;float: left;padding:2px;margin-right: 8px;}
.author-profile a.g-profile {font-family:Open Sans Condensed;font-weight: bold;font-size:19px}
.author-profile {font-size:11px;line-height:1.4}

Langkah selanjutnya copy kode di bawah ini dan letakan tepat di bawah <div class='post-footer'> atau sobat bisa letakan setelah kode HTML dari share button template sobat.

<div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'>
<img class='ripplelink author_avatar' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' expr:title='data:post.author' height='auto' width='auto'/>
<div>
<div class='g-profile'/>
<h4><a href='#' rel='author'><data:post.author/></a> <i class='fa fa-check-circle' style='color:#3e64ad;font-size:16px;margin:0 0 0 3px' title='Verified Author'/></h4>
<p>
<data:post.authorAboutMe/>       
</p>
</div>
<span class='tentang' itemprop='description'>Ilmu pengetahuan tanpa agama lumpuh, agama tanpa ilmu pengetahuan buta. - Albert Einstein </span>
</div>
<div style='clear: both;'/>

Langkah terakhir simpan template sobat dan lihat hasilnya gimana mudah bukan. Sampai di sini seharusnya sobat sudah berhasil memasang author profile di bawah posting. Jika ada masalah silahkan ulangi lagi langkah-langkah di atas barangkali ada yang terlewatkan. Atau sobat juga boleh bertanya pada kolom komentar happy blogging sobat blogger.

Buka Komentar

Comment Policy : Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
EmoticonEmoticon