Skip to main content

Cara Membuat Author Box Dibawah Postingan

Haii Sobat Hendra Surya...

Masih pada puasa ga neh... Pastinya iya donk ..

Nah.. artikel kali ini saya akan membagikan Cara Membuat Author Box Dibawah Postingan.

Seperti kita ketahui bersama, jika kita menulis sebuah artikel pasti harus ada nama penulis dan keterangannya, semisal judul dan sebuah note atau catatan.

Dalam kaidah penulisan disebuah buku atau novel pun juga begitu, harus ada pemilik artikel atau Article Author.

Karena sebuah artikel author adalah suatu macam penanda bahwa kita menulis artikel tersebut dan bisa dipertanggungjawabkan bila suatu saat nanti ada masalah ataupun kendala dalam isi konten yang kita tulis.

Oke... tanpa berlama-lama lagi, silahkan buka dashboard blogger kalian dan masuk ke edit HTML, copy kode CSS dibawah ini :


.myprofil{ font:normal normal 14px/normal Tahoma,Verdana,Arial,Sans-Serif; color:#fff; margin:10px 1px;padding:10px; border-radius:10px; background:linear-gradient(to left,#3379ea,#00fff2);height:100%}
.kiri{width:20%;float:left}
.kanan{width:80%}

Silahkan copy CSS diatas dan taruh dibawah <style> atau jika kalian menggunakan custom AMP copy dibawah <style amp-custom='amp-custom'>

Setelah itu silahkan copy HTML nya di bawah ini :


<div class='myprofil'>
<div class='kiri'>
<amp-img expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='65px' layout='fixed' width='60px'/></div>
<div class='kanan'>
  <b>Penulis   :</b> <data:post.author/><br/>
  <b>Judul     :</b> <a expr:href='data:post.url'><data:post.title/></a><br/>
  <b>Note      :</b> Terima kasih sudah membaca artikel ini. Silahkan  berkomentar dan bagikan.<br/></div>
  </div>

Letakkan dibawah postingan.

Untuk kode yang saya tandai silahkan diganti dengan tulisan yang kalian inginkan.

Ukuran foto bisa kalian sesuaikan sendiri, sesuai dengan tinggi dan lebar foto kalian.

Bagaimana, mudah kan ??!

Ayo dicoba dan setelah kalian berhasil, boleh dibagikan ke teman-teman blogger kalian, karena berbagi itu indah.

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