Cara Membuat Permalink Responsive Di Blog

Cara Membuat Permalink Responsive Di Blog Cara Membuat Permalink Responsive Di Blog - Apakabar sobat bipdworkshop hari ini? Tentunya pada hari ini saya akan posting tutorial blog yaitu cara membuat sebuah permalink agar blog anda tidak seenkanya dicopas oleh orang lain.

Permalink adalah sebuah kontent yang memuat link aktif permanen dan untuk tempat dari permalink ini biasanya diakhir postingan. Untuk fungsi dari permalink ini cukup berfariasi dan diantaranya bisa untuk meningkatkan SEO On Page pada blog.

Permalink yang akan saya share yaitu permalink yang sudah dilengkapi dengan author box atau foto author, dan ada box berupa didalamnya ada link postingan blog anda, dan juga pada bagian ini sudah dilengkapi dengan fitur auto drag. Bagi anda yang minat untuk measangnya, langsung saja ikuti tutorial berikut dengan baik supaya tidak terjadi kesalahan.

Cara pembuatan permalink:

1. Buka dashboard dan pilih blog anda
2. Klik Template dan tekan tombol Edit HTML
3. Selanjutnnya anda cari kata ]]></b:skin> gunakan fitur Ctrl+F untuk memudahkan pencarian, dan silahkan Copy-Paste script berikut tepat diatas kata ]]></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. Setelah itu cari kata <data:post.body/> gunakan lagi fitur Ctrl+F untuk memudahkan pencarian. Dan letakan kode berikut tepat dibawah kode tersebut.
   

   <!-- Permalink anda -->
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div class='admin-tulisan'>
   <h4>Ditulis Oleh : <b><data:post.author/></b> ~ Bipdworkshop</h4>
   <div class='kontainer'>
   <img alt='Christian angkouw' src='Link foto anda'/>
   Anda sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. Anda 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://bipdworkshop.blogspot.com/2014/08/cara-membuat-permalink-responsive-di.html' target='_blank'>:: Get this widget ! ::</a></span></p>
   <div style='clear:both;'/>
   </div>
   </div>
   </b:if>
   <!-- Permalink anda -->

5. Klik simpan pada template

Catatan: Ganti kata berwarna merah dengan url foto anda, dan ganti kata berwarna biru dengan ukuran template blog anda.

Cara Membuat Permalink di Blog

Cara Membuat Permalink Responsive Di Blog