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..

Share this with short URL: Get Short URLloading short url

Nama saya Usman Kurniawan dari Pasuruan - jawa timur dan bukan seorang Blogger Pro, Namun saya akan serius belajar jika menyukai sesuatu hal, termasuk dunia blogging.

Previous
Next Post »

5 comments

Write comments
October 30, 2014 at 7:59 AM delete

Makasih mas Bro tutorialnya... Mantap dan WORKS 100% thank you :)

Reply
avatar
graet wanda
AUTHOR
November 1, 2014 at 8:09 AM delete

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

Reply
avatar
Anonymous
AUTHOR
March 22, 2015 at 12:16 PM delete

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

Reply
avatar
Mahkota Qubah
AUTHOR
May 25, 2015 at 12:42 AM delete

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

Reply
avatar
Lina Kato
AUTHOR
October 20, 2015 at 9:59 PM delete

makasih mas, udah diterapkan di situs saya :)

Reply
avatar