Cara Membuat Author Box Keren

Assalamu'alaikum sobat,kali ini pujangga akan share tentang : Cara Buat Author Di Blog
permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman posting yang di biasanya di letakan di bawah atau sesudah postingan, fungsinya tidak lain dan tidak bukan yaitu untuk meningkatkan SEO on page blog sobat. Biasanya sobat yang newbie menemukan artikel seperti ini dengan keyword cara membuat link tetap atau tambahan detail postingan yang letaknya di bawah artikel, sebelum sobat tahu bahwa namanya adalah permanen link.

Permalink kali ini saya sudah di lengkapi dengan author box dimana di dalamnnya bisa di pasangi foto / gambar milik sobat, juga di lengkapi dengan url artikel yang auto drag ( otomatis ter blok ) . Contohnya bisa sobat lihat tepat di bawah artikel.

Cara Membuat Author Box Keren

 

nah kalau tertarik silahkan ikuti TUTOR INI:
1. Login ke akun blog sobat.
2. Klik rancangan --> Edit HTML --> klo ada Centang kotak expand template widget
3. Copy kode berikut di bawah ini dan paste di atas kode ]]></b:skin
.admin-tulisan{ width:auto; background:#f2f2f2; border:2px solid #000000; margin:30px 0 10px 0; display:block; font-family:"julee"; color:#000; } .admin-tulisan .kontainer{padding:5px;} .admin-tulisan h4{ background:#FF0000; border:none; border-bottom:1px solid #000000; color:#fff; font-family:"julee"; 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; } 
Sobat bisa ganti juga background:#FF0000 silahkan ganti kode yang warna merah sesuka hati sobat.
4. Cari kode <div class='post-footer-line post-footer-line-3'> ( gunakan Ctrl + F ) dan letakkan kode berikut di bawah ini tepat di atasnya.<!-- Permalink pujangga --> <b:if cond='data:blog.pageType == "item"'> <div class='admin-tulisan'> <h4> Ditulis Oleh : <b><data:post.author/></b> ~ Informasi Dan Komunikasi</h4> <div class='kontainer'> <img alt='Riszqi Pujangga' src=' http://i1248.photobucket.com/albums/hh496/Riszqi_Pujangga/cc_zps94275ec4.jpg'/> Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <textarea cols='30' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a>
:: Get this widget ! ::

Catatan : Gantikan url gambar http://i1248.photobucket.com/albums/hh496/Riszqi_Pujangga/cc_zps94275ec4.jpg dengan url gambar sobat ,
Nah selesai deh ^_^ , Semoga Berhasil ia sob .....

Berita Terlaris :

Terlaris:

Tweet