Cara Membuat Author Box di Bawah Postingan Blogger - Tempat Blogging

Cara Membuat Author Box di Bawah Postingan Blogger

Hay semunya..?? maaf jarang update soalnya lagi ujian, kali ini saya akan update Cara Membuat Author Box di Bawah Postingan Blogger. kenapa saya update tutorial ini..?? tutorial ini saya update karna ada sobat blogger yang minta tutorial ini. jadi saya langsung update totorial Cara Membuat Author Box di Bawah Postingan Blogger. Fungsi Author ini adalah untuk mempercatntik tampilan posting dan juga membuat pengunjung blog tahu tentang profil singkat si penulis blog, fungsi utama dari widget author box adalah menampilkan secara singkat biografi sang penulis atau profil singkat penulis pada bagian bawah posting agar bisa dibaca oleh pengunjung yang ingin tahu tentang si penulis blog istilah anak gaulnya si keppo, jika sobat ingin melihat contohnya seperti apa silakan lihat dibagian bawah posting ini, langsung aja nih praktekin tutorial Cara Membuat Author Box di Bawah Postingan Blogger.


  • login ke blogger.com
  • pilh template >> edit html
  • cari kode ]]></b:skin> untuk mempermudah gunakan ctrl+f
  • copy paste kode dibawah ini tepat diatas ]]></b:skin>

/* kotak author tempat blogging */
.admin-tulisan{display:block;width:auto;background:#CFE2E0;border:2px solid #fff;box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;padding:0;margin:30px 0 10px 0;font:normal 12px Arial, Sans-Serif;color:#222;}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{background:#8A9C04;border:none;border-bottom:1px solid #699019;color:#fff;text-transform:normal;text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);font:bold 12px Arial,Sans-Serif;padding:5px 10px;margin:0 0 0 0;display:block;}
.admin-tulisan h4 a{color:#FEEA83;}
.admin-tulisan img{width:70px;height:70px;margin:0 10px 0 0;float:left;border:1px solid #954B02;padding:2px;background:#C36702;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;margin: 0px;border: 5px solid #eee;-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);box-shadow: 4px 4px 4px rgba(0,0,0,0.2);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transform: rotate(-7deg);-moz-transform: rotate(-7deg);-o-transform: rotate(-7deg);}
/* kotak author tempat blogging */

  • Cari kode <data:post.body/> untuk mempermudah gunakan ctrl+f , akan muncul lebih dari satu kode <data:post.body/> jadi pilih kode yang kedua kalau masih belum berhasil paste dibawah kode yang pertama
  • Copy paste kode berikut dibawah <data:post.body/>

<!-- Kotak Admin Tempat Blogging -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='admin-tulisan'>
    <h4>Creatif By : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> | Tempat Tutorial Blogging</h4>
    <div class='kontainer'>
    <img src='https://lh6.googleusercontent.com/-98MOaKYBq50/UaHeazKfaiI/AAAAAAAABw8/0Inrkp2Toro/w329-h311-no/Tempat+Blogging.png'/>
    Terimah Kasih telah membaca artikel<a expr:href='data:post.url'><data:post.title/></a>. Yang ditulis oleh  <data:post.author/> .Pada hari<data:post.dateHeader/>. Jika anda ingin sebarluaskan artikel ini, mohon sertakan <strong>sumber link asli.</strong> Kritik dan saran dapat anda sampaikan melalui kotak komentar. Trimakasih
    <p>
<textarea cols='75' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea></p>
    <div style='clear:both;'/>
    </div>
    </div>
    </b:if>
    <!-- Kotak Admin Tempat Blogging -->
NOTE:
ganti tulisan berwarna MERAH dengan nama blog sobat
ganti tulisan berwarna BIRU dengan foto profil sobat
untuk kata-kata yang lainya bisa di ganti dengan creatif anda sendiri

oke itu saja yang bisa saya sampikan dalam tutorial Cara Membuat Author Box di Bawah Postingan Blogger kurang lebihnya mohon maaf,
Show comments
Hide comments

36 Responses to "Cara Membuat Author Box di Bawah Postingan Blogger"

  1. Replies
    1. mung sala menempatkan...
      coba aja tempatkan di bawah yang lain

      Delete
  2. wah ilmu baru ni kunjungi blog ku juga ya sob www.mshareart.blogspot.com

    ReplyDelete
  3. Langkah-langkahnya udah cukup jelas dan tinggal dipraktekkan saja, makasih Bos..!!!Saat ini Blog bisa jadi sumber uang

    ReplyDelete
  4. Terimakasih atas tutorialnya. :)

    Kalo mau mengganti kode warna boksnya dimana? Soalnya warna yang ini kurang serasi sama template blog saya.

    ReplyDelete
  5. thanks ya atas infonya. sangat membantu banget. :>)

    ReplyDelete
  6. kok nggak bisa di pasang di blog gue
    http://comeon-moveon.blogspot.com/
    mohon bantuan please

    ReplyDelete
    Replies
    1. taruh kode yang terakhir dibawah kode <data:post.body/> body sob, kalo kode <data:post.body/> banyak coba satu" sob

      Delete
  7. terima kasih infonya mas , sudah saya follow , di tunggu kunjungan baliknya http://gieproject-course.blogspot.com/

    ReplyDelete
  8. Saya belum berhasil gan... padahal prosesnya saya rasa uda benar.. @@,

    ReplyDelete
    Replies
    1. kemungkinan penempatan kode HTML Anda salah..
      Coba Cari kode <data:post.blody> yang lain, dan taruh di bawahnya

      Delete
  9. thanks gan atas infonya...
    klau ada waktu mampir juga di blog ane, hehehe...

    ReplyDelete
  10. thanks ya buat tips'a

    ditunggu kunjugannya di hamidah-21.blogspot.com

    ReplyDelete
  11. thank's gan..
    di tunggu kunjungannya yaa. kaida16.blogspot.com

    ReplyDelete
  12. gan template blognya bagus ? ini free apa bayar gan ? ada tempalte keren-keren lagi ga gan ?

    ReplyDelete
  13. Gan, ane pasang di bawah yang ke dua tapi gagal, trus nyoba di bawah yang ke 3 baru muncul. pada HTML blog ane muncul 4 yang kayak gini ... Lihat saja di sini, udah ane pasang http://royadisaja.blogspot.com/2013/10/pegertian-puisi.html
    Terima kasih infonya....

    ReplyDelete
  14. makasih banyak info nya mas basir sudah dijelaskan lengkap cara membuat author pada blog,salam kenal, di tunggu kunbalnya,salam blogger ya

    ReplyDelete
  15. http://afdhalilahi.blogspot.com/2015/04/tempat-kursus-website-seo-desain-grafis.html

    ReplyDelete
  16. terima kasih mas tutorialnya

    ReplyDelete
  17. keren gan,,,kebetulan saya lagi nyari yang simple dan sederhana...
    terima kasih

    ReplyDelete
  18. kalo untuk multi author gimana gan?

    ReplyDelete
  19. Alham dulilah Sukses Dalam memperaktek Kan Cara Di Atas Sangat Mudah Di Pahami Cara Membuat Author Box di Bawah Postingan Blogger Trimakasih Atas Totorial Nya

    ReplyDelete

Blog ini merupakan Blog Dofollow, karena beberapa alasan tertentu, sobat bisa mencari backlink di blog ini dengan syarat :
1. Tidak mengandung SARA
2. Komentar SPAM dan JUNK akan dihapus
3. Tidak diperbolehkan menyertakan link aktif
4. Berkomentar dengan format (Name/URL)

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Klik subscribe by email agar Anda segera tahu balasan komentar Anda

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

close