Rizky Dian Syahputra
Cara Mudah Membuat Author Box Keren Di Bawah Postingan / Artikel - ini adalah cara memperkenalkan identitas kamu di blog / website, kita sebagai penulis blog alangkah baiknya kita tidak merahasiakan identitas kita kepada pengunjung blog, agar supaya kita bisa menjalin hubungan atau komunikasi terhadap pengunjung blog kita. o iya barang kali saja ada yang tidak tahu apa itu author box, author box adalah sebuah widget yang mendeskripsikan riwayat diri seorang penulis blog, sehingga nama kamu terkenal didunia maya heheheh
pada tutorial membuat author box ini kita harus sedikit mengutak - ngatik kode templat blog kita. ok langsung saja kita mulai membuat author box keren dibawah postingan.
5. Setelah itu cari kode <data:post.body/> . Lalu pastekan kode dibawah ini tepat Setelah kode <data:post.body/> [ biasanya kode tersebut lebih dari satu, jadi silahkan dicobain satu per satu ]
pada tutorial membuat author box ini kita harus sedikit mengutak - ngatik kode templat blog kita. ok langsung saja kita mulai membuat author box keren dibawah postingan.
Trik Membuat Widget Author Box Keren Di Bawah Postingan
- seperti biasa pergi ke blogger.com
- Pilih menu " Tema "
- Pilih " Edit Html "
- Selanjutnya cari kode </style> atau ]]></b:skin> . Lalu letakan kode dibawah ini tepatnya diatas kode </style> atau ]]></b:skin>
/* Author Box */.authorboxwrap{background:#fafafa;padding:15px;overflow:hidden;margin-left:-20px;margin-right:-20px;margin-bottom:-21px;border-bottom:5px dotted #e6e6e6;border-top:5px dotted #e6e6e6}.avatar-container {float:left;margin-right:10px;}.avatar-container img{background:#eee;width:120px;height:auto}.author_description_container h4{font-weight:600;font-size:16px;display:block;margin-bottom:10px}.author_description_container h4 a{color:#333}.author_description_container h4 a:hover{color:#111;text-decoration:underline}.author_description_container p{margin:0 0 10px;color:#333;line-height:normal;font-size:95%;font-family:verdana;}
5. Setelah itu cari kode <data:post.body/> . Lalu pastekan kode dibawah ini tepat Setelah kode <data:post.body/> [ biasanya kode tersebut lebih dari satu, jadi silahkan dicobain satu per satu ]
<b:if cond='data:blog.pageType == "item"'>
<div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href=''>
<img class='author_avatar img-circle' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='96' width='96'/>
</a>
</div>
<div class='author_description_container'>
<h4><a href='#' rel='author'><data:post.author/></a></h4>
<p>Perkenalkan nama saya dian dan saya sekolah kelas 2 sma, nama panjang saya Rizky Dian Syahputra. saya adalah blogger pemula yang baru kenal blog tahun 2017 yang lalu, saya sangat senang sekali yang namanya berbagi. dan saya harap teman - teman semua mau menjadi teman saya</p>
</div>
</div>
</div>
<div style='clear:both'/>
</b:if>
6. Lalu klik " Simpan "
Jika sudah selesai nanti tampilannya kurang lebih seperti blog saya, mungkin hanya itu yang dapat saya sampaikan tentang Cara Mudah Membuat Author Box Keren Di Bawah Postingan semoga bermanfaat. Thanks You Udah Mau Mampir Ke Blog Saya
Tidak ada komentar