Iklan

Membuat Permalink ( Widget ) di Bawah Posting Blog KEREN

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 biru dengan judul Blog milik sobat
Ganti kode yang berwarna Hijau dengan URL gambar/foto milik sobat
Sesuaikan angka yang berwarna merah dengan 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..

Next
Prev Post
Previous
Next Post

4 comments:

  1. Menarik juga.. Work ! udah di praktek'in gk da masalah..thanks Gan

    ReplyDelete
  2. saya g work om,maaf bs minta bantuannya om,gimana cara edit background share media sosial di blog sy,makasih om

    ReplyDelete
  3. nice post gan... nambah info nih
    ====================================
    Banyak Pilihan Motif dan warna Kubah enamel gan, disini

    ReplyDelete
  4. makasih mas, udah diterapkan di situs saya :)

    ReplyDelete