Tampilkan Guest Author di Bawah Postingan Blog?

Tampilkan Informasi Admin Blog di Bawah Postingan | setelah saya bahas bagaimana memperindah blog dengan cara membuat link multi warna efek hover pada blog pada postingan sebelumnya, sekarang saya akan bahas bagaimana membuat guest author keren di bawah postingan blog, sebuah informasi pemilik blog adalah penting adanya di blog dengan adanya itu pengunjung akan merasa lebih dekat dan tau siapa sih sebenarnya pemilik blog yang dia kunjungi atau dia kagumi maka dari itu kita harus menyambut pengunjung dengan cara memberikan setidaknya sedikit informasi tentang kita yang perlu pengunjung blog kita ketahui jangan hanya menyambutnya dengan perkataan 'welcome' dan 'selamat datang' atau apalah itu. Nah saya kasih sedikit kode untuk sobat bagaimana membuat guest author di bawah postingan blog dengan sedikit goresan warna. Lihat gambar di bawah.

Nah kurang lebih seperti itu dan itu saya ambil dari blogsaya di bawah, sobat bisa atur sendiri warnanya dengan sedikit perubahan pada kode yang saya berikan nanti.

Menampilkan Guest Author di Bawah Postingan Blog

• Masuk ke akun Blog sobat
• Klik Rancangan => Edit HTML
• Sebelumnya saya sarankan Backup temlate sobat
• Cari kode ]]></b:skin> tekan ctrl+f atau f3 untuk mempercepat pencarian
• Tepat di atasnya simpan kode di bawah ini.

/*----------Guest Poster --------*/

.BUS-gp img {

margin:0;

border:0;

}

.BUS-gp-about {

font-size:12px;

margin:0 auto;

padding:3px;

width:580px;

background:#ff0000;

border:#ff0000 dotted 2px;

min-height:130px;

}

.BUS-gp {

padding-top:10px;

margin:0;

font-size:12px;

float:left;

width:17%;

text-align:center;

border-right:#93C0F9 solid 1px;

}

.BUS-gp-text {

float:right;

width: 80%;

padding:5px;

text-align:left;

font:12px arial,sans-serif;

text-align:justify;

margin:0;

padding:0;

}

• Nah jika sobat ingin warna background sesuai dengan keinginan sobat ganti kode  background:#ff0000  di atas dan jika ingin mengganti warna garis pinggir atau bordernya pada kode  border:#ff0000
• Simpan template sobat dan beralik ke bagian selanjutnya.
• Masuk ke Elemen Laman kemudian Tambag Gadget => HTML/ JavaScript
• Masukan kode di bawah ini.

<div class="BUS-gp-about"> 

  <div class="BUS-gp"><img src="GUEST-AUTHOR-IMAGE-LINK" width="80" height="70" /> GUEST-AUTHOR-NAME </div> 

  <div class="BUS-gp-text"> 

  <p><strong>About the Guest Author:</strong> 

  <br />ADD-DESCRIPTION-ABOUT-AUTHOR-INFO-HERE </p> 

  </div> 

</div>

• Silahkan sobat ganti kode yang saya kasih warna sesuai perintahnya.
• Setelah selesai simpan dan geser gadget yang barusan sobat tambahkan ke bawah gadget postingan, lihat gambar di bawah.

Catatan : Sobat bisa lihat demonya dengan cara mengunjungi HTML Editor BUS dan mengganti warna sesuai keinginan dengan melihat Kode warnanya disini. 

Nah itulah sedikit tutorial dari saya semoga sobat puas, jika sobat bingung dengan pengeditan HTML sobat bisa memesan Blog Professional dan SEO Friendly kepada saya, jangan sungkan untuk memberi saran atau komentarnya. Thanks... 

Theant Budiana

About the Guest Author:
Saya bukanlah orang yang ahli dalam dunia blogger tapi saya mencoba untuk berbagi ilmu dari apa yang saya ketahui dari paman saya, saya sangat suka blogging dan berbagi ilmu, tapi bukan berarti saya master blog salah besar jika sobat anggap saya hebat saya hanya seorang anak kampung yang mencoba untuk tidak kampungan dan tertinggal informasi alias GAPTEK, banyak artikel yang saya tulis di Blog Urang Sunda dan lihat juga blog saya satu lagi di Dunia Maya Saya dan klik disini untuk mengetahui lebih lanjut tentang saya

Kindly Bookmark this Post using your favorite Bookmarking service:

warning

Anda bingung?
Jangan ragu untuk bertanya kepada saya lewat komentar di bawah, saya akan mencoba menjawabnya sesegera mungkin, bahkan jika sobat ada saran untuk saya silahkan jangan ragu untuk memberi saran kepada saya asalkan komentar no spam. Komentar anda, adalah bekal untuk kemajuan blog saya, saya akan kunjungi balik blog sobat jika sobat meninggalkan jejak sobat disini.