Sunday, 26 October 2014

Membuat Permalink ( Widget ) di Bawah Posting Blog KEREN

Posted by on Sunday, 26 October 2014
Membuat Permalink ( Widget ) di Bawah Posting Blog KEREN

Salam Blogger, Artikel kali ini dari bloggingpasuruan Cara Membuat Permalink di Bawah Posting Blog. Lebih jauh tentang apa itu Permalink ? 

Silahkan baca selengkapnya Fungsi dan manfaat Permalink untuk Blog

Cara Membuat Permalink di bawah Posting Blog

1. Login ke Akun Blogger
2. Klik Template  >>  Edit HTML >>Centang kotak expand template widget
3. Letakkan kode berikut di atas kode ]]></b:skin>


.bloggingpasuruan-permalink{
width:auto;
background:#f2f2f2;
border:2px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
}
.bloggingpasuruan-permalink .kontainer{padding:5px;}
.bloggingpasuruan-permalink 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;
}
.bloggingpasuruan-permalink h4 a{color:#000000;}
.bloggingpasuruan-permalink 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 by Bloggingpasuruan -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='bloggingpasuruan-permalink'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Judul blog Anda</h4>
<div class='kontainer'>
<img alt='bloggingpasuruan' src='http://i1108.photobucket.com/albums/ 100000257112719_900053_7432574_n.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='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://bloggingpasuruan.blogspot.com/2014/10/membuat-permalink-widget-di-bawah.html' target='_blank'>:: Dapatkan widget ini, disini ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink by Bloggingpasuruan -->

5. Klik save dan lihat hasilnya.


Catatan :

Ganti kode yang berwarna birudengan judul Blog milik sobat
Ganti kode yang berwarna Hijaudengan URL gambar/foto milik sobat
Sesuaikan angka yang berwarna merahdengan ukuran blog sobat (ukuran textarea)

Selesai

Saya akan sangat berterima kasih jika sobat Blogger berkenan meninggalkan komentar, saran atau tambahan informasi serta pertanyaan seputar artikel Membuat Permalink di Bawah Posting Blog Semoga bermanfaat dan terima kasih..

close