Notification texts go here Contact Us Buy Now!

Cara Pasang Permalink di bawah Postingan

SALAM SEJAHTERA !!!Kali ini saya akan posting buat sobat blogger pemula, tentang cara memasang permalink di blogspot sama persis dengan permanen link yang ada di bawah halaman postingan ini. Sebelum kita ke TKP ada baiknya saya jelaskan sedikit dulu tentang Permalink ( permanen link).

Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman posting yang di biasanya di letakan di bawah atau sesudah postingan, fungsinya adalah untuk meningkatkan seo on page blog anda. Biasanya anda yang newbie menemukan artikel seperti ini dengan keyword cara membuat link tetap atau tambahan detail postingan yang letaknya di bawah artikel adalah namanya adalah permanen link.

Permalink kali ini saya sudah lengkapi dengan author box dimana di dalamnnya bisa di pasangi foto / gambar milik anda, juga di lengkapi dengan url artikel yang auto drag ( otomatis ter blok ) . Contohnya bisa sobat lihat tepat di bawah postingan ini.



Apa anda tertarik dengan widget yang satu ini, silahkan ikuti tutorial sbb.

Cara Membuat Permanen Link di Blog

1. Login ke akun blogger.
2. Klik rancangan --> Edit HTML --> Centang kotak expand template widget
3. Letakkan kode berikut di atas kode ]]></b:skin>
/* Kotak Admin TB Permalink*/
.admin-TBpermalink{width:auto;background:#f2f2f2;border:2px solid #000000;margin:30px 0 10px 0;display:block;font-family:"julee";color:#000;}
.admin-TBpermalink
.kontainer{padding:5px;} 
.admin-TBpermalink h4{background:#8A0808 ;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-TBpermalink h4 a{color:#000000;} 
.admin-TBpermalink img{background:#000000;width:95px;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 Tutorialines -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-TBpermalink'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tutorial Blog</h4>
<div class='kontainer'>
<img alt='Heber' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhza-3dtVr6cpJUfHK2XDpghBuGznZDTEmgJUvl5qfey85n277xSesFv5vOGttx5KWHAy5xHKVF7sQ6PW2pas93O4QiTwU2RLCn5NOqcJ1UPFAH8YbVLlqdNc5pRZIiZj9cetzfSYB6I8Y/s1600/logo-tb.gif'/>
Anda sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh Admin, Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya<br/><textarea cols='55' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2' style='margin-top:3px;width:auto;'>&lt;a href=&quot;<data:post.url/>&quot;&gt;<data:post.title/>&lt;/a&gt;</textarea><br/><p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://tutorialines.blogspot.com/2013/08/cara-pasang-permalink-di-bawah-postingan.html' target='_blank'>:: Mau widget ini? ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Tutorialines -->

5. Klik save dan lihat hasilnya.

Tambahan :
  • Ganti kode yang berwarna biru dengan Url foto / gambar milik anda
  • Sesuaikan angka yang berwarna merah dengan ukuran template blog anda ( ukuran textarea )
Selamat Mencoba... Happy Blogging


About the Author

Sebagai seorang blogger yang selalu ingin belajar dan belajar tentang blog, template dan coding yang memerlukan konsistensi kesabaran dalam trial & Error.

إرسال تعليق

Mohon maaf komentar pada blog ini kami moderasi dan tidak akan langsung ditampilkan. Silahkan berikan komentar sesuai judul dan isi artikel. Komentar yang mengandung link aktif / live link, iklan, pornografi, dan semacamnya akan dihapus atau kami masukan pada kategori SPAM.


Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.