Pasang Author dibawah Postingan Blog

Pasang Author dibawah Postingan Blog - Haloo juragan ketemu lagi dengan saya admin serbanaturalDOTnet, pada artikel kali ini saya akan membahas bagaimana cara menambah profil author dibawah postingan Blog. Jika agan belum memiliki Blog silahkan baca panduan membuat blog untuk pemula.

Dibawah ini adalah penampakan dari Author yang akan saya bahas :

Untuk cara membuatnya agan ikuti panduan dibawah ini :

• Masuk ke halaman depan Blogger
• Lalu pilih Tema atau Template
• Setelah terbuka kemudian agan cari kode ]]></b:skin> agar lebih cepat dalam pencarian tekan Ctrl + F lalu paste kode dibawah ini tepat diatasnya

/* AUTHOR POST PROFILE */
.author-profile{border:1px solid #ECF1F5;padding:8px;margin:20px 0;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:700;font-size:19px}
.post-body h3{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMi8ZqkIAIj_9j_-np1FgyaX5OcUj467Ed-Vzm9Op-oWzm9rxS_JsPjI63h7_qkt2gTUtKKcLSKnjgykfZ9xBA5prpzCPeZwp1kNSyYorR37AtU6I0wb7ThodF1ESoj7rhol7hOltTvcc/s1600/bottom-line.gif) left bottom no-repeat;font-size:200%;font-weight:400;margin:5px 0;padding-bottom:12px;font-family:Gnuolane,Oswald,Arial,Sans-Serif}
.post-body h3 code{font-size:100%}

• Setelah itu agan cari kode <data:post.body/> dan letakkan kode ini tepat dibawahnya

<div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'>
<img itemprop='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpQrrABDS1NjTq9kVOBB3b38qs9X36yitLcUDCiYGDy4t5PTzTz6i4qjr-jALH833hji7wzWX0UOkXl_QpjslGwxDqnFIjUQREQzYoGUG9bndIinHHYPna09aUqJ2-zrsXTQbfo3JN/s1600/author.png' style='border-radius: 50px; height: 90px;'/>
<div>
<a class='g-profile' data-gapiattached='true' data-gapiscan='true' data-onload='true' href='https://plus.google.com/103058605289983643517' itemprop='url' rel='author' title='author profile'>
<span itemprop='name'>Dwi Wicaksono</span>
</a>
</div>
<span class='tentang' itemprop='description'><font style='font-size:15px'>Saya bukanlah master atau hacker , saya adalah seorang pengangguran yang sedang merintis sebuah blog dan ingin berbagi Informasi yang bermanfaat bagi kalian semua.</font></span>
</div>

• Ganti tulisan warna merah dengan alamat url gambar agan, ganti tulisan warna biru dengan alamat google+ agan, ganti tulisan warna ungu dengan nama agan dan ganti tulisan warna hijau dengan keterangan sesuai keinginan agan.
• Selesai

Demikianlah artikel tentang Pasang Author dibawah Postingan Blog , semoga bermanfaat buat agan dan para master.