Hai Sobat setia
Aku Kuat Blog's , pada kesempatan ini atau pada kali ini saya selaku admin dan penulis blog ini dan pembuat blog ini
, saya akan membagikan satu cara atau satu tutorial tentang Cara membuat Permalink / Kotak Admin di blog . Pernahkan anda mendengar satu cara ini ?? Pasti pernah , Jika belum saya akan memberi tahu sedikit tentang Cara membuat Permalink / Kotak Admin di blog ini , Permalink / Kotak admin di blog ini bertujuan agar mempercantik tampilan blog / tampilan akhir postingan . Oke langsung saja menuju tutorial nya
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.
Sobat yang tertarik dengan
widget yang satu ini, silahkan ikuti
tutorial berikut.
Cara Membuat Permanen Link di Blog
1. Login ke akun blog sobat.
2. Klik rancangan --> Edit HTML --> Centang kotak expand template widget
3. Letakkan kode berikut 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;
}
4. Cari kode
<data:post.body/> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya.
<!-- Permalink Aku Kuat Blog's -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Aku Kuat Blog's</h4>
<div class='kontainer'>
<img alt='Erik Supriatna' src='https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-xfa1/t1.0-9/10154122_1425879637664474_8999375732532758690_n.png'/>
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></textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://aku-kuat.blogspot.com/2014/06/cara-membuat-permalink-kotak-admin-di_12.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Aku Kuat Blog's -->
5. Klik save dan lihat hasilnya.
Tambahan :
- Ganti kode yang berwarna biru dengan Url foto / gambar milik sobat
- Sesuaikan angka yang berwarna merah dengan ukuran template blog sobat ( ukuran textarea )