http://metroworldhost.com/partner/sponsor.php?sid=18342

Cara Memasang Author Box di bagian Akhir Postingan Blog

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

Cara Memasang Author Box di bagian Akhir Postingan Blog - Author Box ini selain berfungsi untuk mengenalkan siapa pemilik blog atau penulis artikel, juga dapat membuat blog terlihat lebih profesional karena menampilkan sedikit profil dari penulis itu sendiri.

Sekarang ini sudah banyak sekali para pemilik blog yang memasang kotak penulis di akhir postingan alias author box dan untuk memasang author box sebenarnya mudah saja, silahkan anda ikuti tutorial berikut ini.

Baca juga: Cara Membuat Artikel Jadi Anti Copas Kecuali Pada Blockquote


Langkah-Langkah Cara Memasang Author Box di bagian Akhir Postingan Blog

1.Pertama-tama silahkan login ke akun blogger anda kemudian masuk ke menu Template >> Edit Html 
2. Cari kode ]]></b:skin> den letakan kode di bawah ini tepat di atas kode ]]></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:#f60521;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 */

Catatan : #CFE2E0 adalah warna background teks dan #f60521 adalah warna background pada tulisan creatif by.

3. Kemudian cari kode ini <data:post.body/> jika sudah ketemu silahkan pasang kode di bawah ini tepat di Bawah kode <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> | Cafe Ilmu</h4>
    <div class='kontainer'>
    <img src='https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-ash3/t1/17611_317598061676498_376119275_n.jpg'/>
    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 -->
Catatan :  yang berwarna merah ganti dengan Nama Blog Anda dan Yang berwarna biru ganti dengan Url link Gambar anda, jika authorbox nya tidak muncul itu di sebabkan karena biasanya kode <data:post.body/> terdapat lebih dari satu dan bisa terdapat banyak hal tersebut karena setiap template itu strukturnya berbeda-beda, maka dari itu silahkan coba tempatkan kode diatas dengan mencoba satu-persatu sampai berhasil.

Baca juga: Cara Menghapus Label atau Kategori Di Blogger Sekaligus

Demikianlah Cara Memasang Author Box di bagian Akhir Postingan Blog , selamat mencoba dan salam blogger Indonesia.

» [Apakah artikel ini bermanfaat? tombol sharenya ada di bawah profil penulis] Thanks for reading Cara Memasang Author Box di bagian Akhir Postingan Blog


ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

0 Response to "Cara Memasang Author Box di bagian Akhir Postingan Blog"

Poskan Komentar

Silahkan berkomentar sahabat , berikan saran dan pendapat sahabat , supaya kami dapat memperbaiki di kemudian hari :) .Cek "Notify me" supaya ada pemberithuan balasan via email .