Cara membuat Author box dengan sumber link

setelah kemarin ngepost tentang Cara mudah membuat author box simpel, sekarang saya akan memposting lagi tetntang Author box tapi sekarang dengan tambahan sumber link, contoh punya saya ;

tapi untuk jaga- jaga bila tidak berhasil, sebaiknya anda download template anda terlebih dahulu.

bila sudah langsung saja!
1) Login ke Blog sobat lalu masuk ke dashboard > Template > Edit HTML lalu centang Expand Template Widget

2) kemudian Cari kode ]]></b:skin> dengan bantuan CTRL + F, setelah ketemu paste kode berikut tepat diatas 
]]></b:skin>.
Kode untuk Cara membuat Author box dengan sumber link

.admin-tulisan{ width:auto; background:#ffffff; border:2px solid #000000; margin:30px 0 10px 0; display:block; font-family:"verdana"; color:#000; } .admin-tulisan .kontainer{padding:5px;} .admin-tulisan h4{ background:#000000; border:none; border-bottom:1px solid #000000; color:#fff; font-family:"verdana"; text-shadow:0 1px 0 rgba(0, 0, 0, 0.4); padding:5px 10px; margin:0 0 0 0; display:block; } .admin-tulisan h4 a{color:#000000;} .admin-tulisan img{ background:#000000; width:90px; height:100px; border:1px solid #000000; margin:3px 10px 0 0; float:left; padding:2px; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; }

3) lalu cari kode <data:post.body/>

4) setelah ketemu Paste-kan kode berikut tepat dibawahnya :

<!-- Yuby~Idea Author Box -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Artikel ini ditulis oleh : <b><data:post.author/></b> ~ Official Blog</h4>
<div class='kontainer'>
<img alt='Nama Anda' src='https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-ash3/543239_257294194378912_128782900_n.jpg'/>
Terimakasih sahabat telah membaca :  <b><a expr:href='data:post.url'><data:post.title/></a></b> Tulisan Saya. Anda bisa menyebarluaskan artikel ini, Asalkan meletakkan link dibawah ini sebagai sumbernya
<textarea cols='50' 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><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://yuby-idea.blogspot.com/' target='_blank'>:: Get Plugin Author box ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Yuby~Idea -->

5) sebelum disimpan perhatikan dulu ini ;

• Untuk kode berwarna biru gantilah dengan nama anda.
• untuk kode link berwarna merah silahkan kamu ganti dengan URL foto kamu
• dan untuk kode berwarna ungu dapat kamu rubah sesuai ukuran text area yang kamu inginkan

Sekian dari saya tentang Cara membuat Author box dengan sumber link, #Good Luck#

Baca Juga

var jumlah = 4

Subscribe to receive free email updates: