Cara Membuat Kotak Penulis Di Bawah Tulisan Blog

Kali ini saya akan membagikan Tutorial Cara Membuat Kotak Penulis/Author Blog di bawah Postingan. Biasanya cara ini digunakan para blogger untuk memberitahukan tentang profil admin , pemberitahuan tentang dilarang copas, dan lain-lain nya. Mungkin cara ini sudah banyak sekali yang mempublishnya, namun saya akan mencoba untuk membagikannya lagi secara detail. Berikut ini Cara Mudah untuk Membuat Kotak Penulis/Author Blogger di Bawah Postingan:

1. Silahkan masuk ke akun Blogger anda, pilih blog anda. Lalu masuk ke tab Template dan klik Edit HTML. Sebelumnya backup dulu template sobat blogger, untuk mengantisipasi error nya template.

2. Silahkan cari kode ]]></b:skin> Lalu Copy dan pastekan Script CSS di bawah ini tepat di Atas Kode ]]></b:skin>

Klik show untuk melihat

.admin-tulisan{display:block;width:auto;background:#e6e1e1;border:2px solid ##e6e1e1;box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;font:normal 12px Arial, Sans-Serif;color:#222;margin:30px 0 10px;padding:0} .admin-tulisan .kontainer{padding:5px} .admin-tulisan h4{background:#bbb8b8;border:none;border-bottom:1px solid #D3D3D3;color:#fff;text-transform:normal;text-shadow:0 1px 0 rgba(0,0,0,0.4);font:bold 12px Arial,Sans-Serif;display:block;margin:0;padding:5px 10px} .admin-tulisan h4 a{color:#FF100%0} .admin-tulisan img{width:70px;height:70px;float:left;border:1px solid #17d6ed;background:#17d6ed;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;margin:0 10px 0 0;padding:2px}

Keterangan: Jika tidak ditemukan kode  ]]></b:skin> coba cari kode </style> 

3. Sekarang Cari <div class='post-footer'> . Jika ditemukan kode lebih dari satu, cari kode yang terakhir. lalu Copy Pastekan kode ini tepat Diatas kode di bawah ini.

<!-- Kotak Admin erdie-blog.blogspot.com--><b:if cond='data:blog.pageType == &quot;item&quot;'><div class='admin-tulisan'><h4>Penulis : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> - Contact Me at <a href='http://twitter.com/die_ardiansyah' rel='nofollow' target='_blank'>Twitter</a> | <a href='www.fb.com/erdie.ardiansyah' rel='nofollow' target='_blank'>Facebook</a></h4><div class='kontainer'><img alt='author ' src='URL FOTO ANDA'/>  Terimakasih telah membaca Artikel <b><a expr:href='data:post.url'><data:post.title/></a></b> yang di Tulis oleh <b><data:post.author/></b> pada hari <b><data:post.dateHeader/></b>. Semoga bermanfaat bagi semua pembaca. dofollow: <b><a expr:href='data:post.url'><data:post.url/></a></b>.<p><span style='float:right;font:italic 8px Arial, Sans-Serif;'><a href=' http://erdie-blog.blogspot.com/2014/04/cara-membuat-kotak-penulis-di-bawah.html ' target='_blank'>:: Get this widget ! ::</a></span></p><div style='clear:both;'/></div></div></b:if><!-- Kotak Admin erdie-blog.blogspot.com-->

Keterangan: 

• Ganti Tulisan berwarna MERAH dengan URL Foto anda.
• Ganti Tulisan Berwarna PINK dengan URL Twitter anda
• ganti Tulisan Berwarna BIRU dengan URL Facebook Anda
• Jika tidak ditemukan kode <div class='post-footer'> silahkan cari kode <data:post.body/>

4. Untuk proses akhir dari Pembuatan Kotak Penulis/Author Di bawah Tulisan Blog silahkan klik 

SAVE TEMPLATE.

Setiap template mempunyai kode - kode yang berbeda, jadi silahkan sesuaikan saja dengan yang ada di template blog anda. 

Ok sekian dulu ya, terimakasih telah berkunjung di Blog pribadi saya.