Cara membuat Permalink di blog

Apa kabar sobat blogger !! kali ini saya ingin membagikan bagaimana cara membuat widget permalink.nah ada yang tau apa itu widget permalink ?? saya kasih tau deh simak benar ya sob . Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman postingan yang dibiasanya di letakan di bawah atau sesudah postingan, fungsinya tidak lain dan tidak bukan yaitu untuk meningkatkan seo on page blog sobat.

Permalink kali ini saya sudah melengkapi dengan author box dimana di dalamnnya bisa di pasangi foto / gambar milik sobat, juga di lengkapi dengan url artikel yang auto drag dan berkedip( otomatis ter blok ), dan juga memakai background sembaran petir.

Seperti biasanya saya mempostingkan tutorial blog saya akan membantu sobat agar bisa membuat widget permalink.

Langkah - langkah membuat widget Permalink

1. Login ke Dashboard Blogger
2. Klik rancangan/template --> Edit HTML --> Centang kotak expand template widget
3. Cari kode ]]></b:skin> ( gunakan Ctrl + F ) untuk mempermudah pencarian
4. dan taruh kode dibawah diatas kode ]]></b:skin>
   

   .admin-tulisan{ display:block; width:auto; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqgz84uKdaV10C5wnD7YYl0u32intrH6PapVIxLiNDMP_nNGioZYagcMuXNa17CcurceaVAJqu9k_BuJrExtUEvSBAyfEZl4AVdO6HfyXKZXC1NZk76f3aaHbH5GgCmsX8bKx312ZbcXQ/h120/gastuwi-petir.gif); border:2px solid#00FF00;
       box-shadow:0 1px 3px #00FF00;-moz-box-shadow:0 1px 3px #00FF00;-webkit-box-shadow:0 1px 3px #00FF00;
       padding:0;margin:30px 0 10px 0; font:normal 12px Arial, Sans-Serif;color: #FF0000;}
       .admin-tulisan .kontainer{padding:5px;}
       .admin-tulisan h4{background:#00FF00;border:none;border-bottom:1px solid #;color:#0000FF; text-transform:normal; text-  box-shadow:0 1px 3px #00FF00;-moz-box-shadow:0 1px 3px#00FF00;-webkit-box-shadow:0 1px 3px #00FF00; font:bold 12px Arial,Sans-Serif;padding:5px 10px; margin:0 0 0 0; display:block; }
       .admin-tulisan h4 a{color:#00FFFF;}
       .admin-tulisan img{width:110px;height:110px; margin:0 10px 0 0; float:left; border:1px solid #00FF00;padding:2px; background:#00FF00;   box-shadow:0 1px 3px #00FF00;-moz-box-shadow:0 1px 3px #00FFFF;-webkit-box-shadow:0 1px 3px #00FF00;}

5. Cari kode <data:post.body/> biasanya ada dua kode atau lebih yang sama dengan kode tadi, dan letakkan kode dibawah ini tepat di bawah kode yang pertama. Jika misalnya sudah di simpan ternyata widget/gadgetnya tidak berfungsi alias error maka sobat cukup sekedar menindahkannya di bawah kode yang ke dua.
   

   <!-- Permalink  -->
   <b:if cond='data:blog.pageType == &quot;item&quot;'><div class='admin-tulisan'><h4>Ditulis Oleh : <b><data:post.author/></b> ~ Gastuwi Blogs</h4><div class='kontainer'><img alt='Fernando Next Master' src='https://lh5.googleusercontent.com/-cNNM8fUC_V8/AAAAAAAAAAI/AAAAAAAAABM/_0tXg2aGpfY/s250-c-k/photo.jpg'/>
   Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Dan terimakasih atas kunjungan sobat. Oleh Admin :  Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk 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='1'>&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://gastuwi.blogspot.com/2013/01/cara-membuat-widget-permalink.html' target='_blank'>:: Get this widget ! ::</a></span></p>
   <div style='clear:both;'/>

   </div>

   </div>

   </b:if>
   <!-- Permalink  -->

6. Tambahan :
   
   •  Ganti kode yang berwarna Hijau dengan Nama sobat
   • Ganti kode yang berwarna Kuning dengan URL photo sobat
   • Sesuaikan angka yang berwarna Putih dengan ukuran template blog sobat ( ukuran textarea )
7. Setelah itu save template anda. Widget Permalink sudah ada di Blog sobat.