Memasang Author Box Profesional Dibawah Postingan -Assalamu Alaikum WR.WB Hallo sahabat TrikMITOS-blog seputar informasi, islami,kesehatan, kecantikan Tips dan Trik android kord gitar dll, Pada Artikel yang anda baca kali ini dengan judul Memasang Author Box Profesional Dibawah Postingan, saya telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya, yang mungkin bermanfaat buat anda. mudah-mudahan isi postingan Artikel Trik Blog, yang saya tulis ini dapat anda pahami, karna mungkin dari beberapa pengunjung bahasa atau tulisan saya ini agak sulit di mengerti...hehehe benarkah??!!!. baiklah, tanpa panjang lebar dan bertele-tele lagi selamat membaca, jangan lupa baca juga artikel lainnya, karena masih banyak artkel yang menarik lainnya yang menurut saya pribadi sangat bermanfaat

Judul : Memasang Author Box Profesional Dibawah Postingan
link : Memasang Author Box Profesional Dibawah Postingan
Gambar dibawah ini

Memasang Author Box Profesional Dibawah Postingan

Author Box di bawah posting berisikan foto, data author posting dan berisikan sedikit teks serta link postingan, trik ini memang bukan hal baru lagi karena beberapa blog lain juga sudah membahas hal seperti ini Perbedaan Author box ini dengan yang lainnya adalah karena author box ini sangat simple dan sedikit kode sehingga sangat mudah untuk di terapkan oleh kalian semua

Memasang Author Box Profesional Dibawah Postingan

1. Sign in ke akun Blogger kalian

2. Lalu pilih blog yang akan kalian terapkan trik ini

3. Lalu pilih Template dan Edit HTML

4.  Cari kode  ]]></b:skin>     , Lalu Copas kode di bawah ini tepat di atas nya

admin-tulisan{width:auto;background:#ABA3A3;border:1px solid #aaa;margin:30px 0 10px 0;display:block;font-family:"julee";
color:#aaa;}

.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{background:#ABA3A3;border:none;border-bottom:0px solid #000000;color:#000000;font-family:"julee";text-shadow:0 0px 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:0px solid #000000;margin:3px 10px 0 0;float:left;padding:2px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}

5. Lalu cari kode <div class='post-footer'>  , Lalu copas kode di bawah ini tepat di atasnya

<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b></h4>
<div class='kontainer'>
<img alt='Nama Kamu ' src='https://lh3.googleusercontent.com/-SnOKpjlWjag/AAAAAAAAAAI/AAAAAAAABWk/jUchzEckTuA/photo.jpg'/>
Anda sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh<b><data:post.author/></b>, Anda diperbolehkan mengcopy-paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<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><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
</span></p><div style='clear:both;'/></div></div>
</b:if>
<div class='post-footer'>

6. Lakukan pratinjau sebelum di Simpan

Ganti tulisan berwarna merah dengan nama anda
Ganti URL berwarna hijau dengan url foto anda

Tanya-tanya bisa via komentar ya sobat

Demikianlah Artikel Memasang Author Box Profesional Dibawah Postingan

Sekianlah artikel Memasang Author Box Profesional Dibawah Postingan kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya jangan lupa tinggalkan komentar anda dan share yang banyak....heheheh.

Anda sekarang membaca artikel Memasang Author Box Profesional Dibawah Postingan dengan alamat link https://trikmitos.blogspot.com/2013/08/memasang-author-box-profesional-dibawah.html