Cara membuat permalink di Blog

Permalink dapat dikatakan suatu pesan dari blog kita untuk para pengunjung blog. Kegunaan PERMALINK ini sangat bagus untuk blog/web kita, dimana kita dapat menyampaikan berbagai pesan terhadap para pengunjung blog kita. Permalink yang saya buat kali ini dapat anda andalkan dimana saya menambahkan beberapa fitur penunjang untuk meningkatkanrespons para pengunjung blog anda. Adanya icon social yang saya sematkan di antara element tag HTML Permalink ini selain mempercantik pastinya mempunyai kegunaan yang baik untuk blog maupun situs jejaringan sosial yang anda miliki.



Demo Gambar


Tehnik membuat permalink

Login to blog
Klik " TEMPLATE " (Silahkan download dulu script template anda)
Pilih " EDIT HTML" lalu cari kode ]]></b:skin>
Copy Script CSS dibawah ini dan letakkan diatas code ]]></b:skin>

Spoiler

Code:

.permalink {<br />
margin-top: 8px;<br />
margin-bottom: -10px;<br />
padding: 10px;<br />
border: 2px solid rgb(9, 149, 223); border-style: dashed;<br />
border-radius: 6px 6px 6px 6px;<br />
box-shadow: 2px 4px 4px rgb(204, 204, 204);<br />
font-family: Geneva, Arial, Helvetica, sans-serif;<br />
font-size: 12px;<br />
border-color: #666666;<br />
}<br />
.gambar {border: 2px; border:double;<br />
border-color:#000000;<br />
box-shadow: 2px 4px 4px rgb(131, 129, 129);<br />
margin: 2px 10px 20px 0px;<br />
width:100px;<br />
height:100px;<br />
opacity: .3;<br />
<br />
}<br />
.gambar:hover { opacity: 1; }<br />
.buttonrs_email{<br />
background:#09f;<br />
border: 2px solid rgb(9, 149, 223);<br />
border-radius: 3px 3px 3px 3px;<br />
box-shadow: 2px 4px 4px rgb(113, 112, 112);<br />
color:#fff;<br />
cursor:pointer;<br />
font-family:verdana;<br />
font-size:12px;<br />
padding:0px;<br />
text-shadow:1px 1px 0 rgba(0,0,0,.4);<br />
text-transform:uppercase;<br />
width:100px; height:25px;<br />
background-color: #940A0A;<br />
border-color: #FF0000;<br />
}<br />
.buttonrs_email:hover,.buttonrs_email:focus{<br />
background-color: #CC0000;<br />
color: #000000;<br />
}<br />
.buttonrs_email:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px; background-color:#3E0600;}<br />
<br />
<br />
.kotak_email{<br />
margin:10px 0 0;<br />
background-color: #FFCACA;<br />
}<br />
.kotak_email:hover{background: #f3f3f3 ;}<br />
.kotak_email:focus{outline:none;}<br />
.rivaistyle{/* Rivai Blog  */<br />
list-style-type:none;<br />
margin:5;<br />
padding:0; width:200px; margin-top:5; <br />
}<br />
.rivaistyle li{<br />
display:inline;<br />
width: 60px;<br />
height:60px;<br />
}<br />
.rivaistyle li img{<br />
width: 30px; <br />
height: 30px; <br />
border:0;<br />
margin-right: 4px; <br />
-webkit-transition:-webkit-transform 0.1s ease-in; <br />
-o-transition:-o-transform 0.1s ease-in; <br />
}<br />
.rivaistyle li img:hover{<br />
-moz-transform:scale(1.2); <br />
-webkit-transform:scale(1.2);<br />
-o-transform:scale(1.2);<br />
}

Setelah anda selesai membuat code CSS nya sekarang kita akan membuat struktur HTMLnya. Oke langsung aja masih pada posisi di Template.
Cari kode <dataost.body/> ( gunakan Ctrl + F untuk mempercepat pencarian )
Copy Code tag HTML dibawah dan Pastekan dibawah code <dataost.body/>

Spoiler

Code:

<center><div class='permalink' style='width:550px; height:120px'><a href='#' target='_blank'><img align='left' alt='Saya' border='0' class='gambar' height='100' src=' http://4.bp.blogspot.com/-nSzof69h8JM/UY_SKF9VaBI/AAAAAAAABIc/Ia4K1f4gXbs/s1600/foto.gif ' style='padding: 0px 0px 0px 0px;' width='100'/></a>
<div style='margin-top:-15px; margin-left: 100px; white-space: inherit;' >
<p>Saat ini anda sedang membaca artikel tentang<br/> " 
<b>
<a expr:href='data:post.url'>
<data:post.title/>
</a> </b> "<br/>
Bila anda suka dengan artikel ini silahkan berlangganan geratis Artikel dari blog ini. Pergunakan vasilitas dibawah ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui komentar. </p>

<div class='rivaistyle' style='float:left'> 
<li> <div align='left'><a href='URL G PLOUSE ANDA ' target='_blank'><img alt='Invite G+' height='24' src='http://3.bp.blogspot.com/-Gk3__GFCeqk/UWuBKrfz3QI/AAAAAAAAAnY/9L5AhZDRQWI/s1600/gplus.png' title='Add to G+' width='24'/></a><a href='URL FACEBOOK ANDA ' target='_blank'><img alt='Add to Facebook' height='24' src='http://3.bp.blogspot.com/-Wl0Rw2fqp-w/UWuBIqtCVpI/AAAAAAAAAnM/ZV_FSza-LNI/s1600/facebook.png' title='Add to Facebook' width='24'/></a><a href='URL TWITTER ANDA ' target='_blank'><img alt='Follow' height='24' src='http://3.bp.blogspot.com/-LrS3we3Alg4/UWuBLkJSCMI/AAAAAAAAAng/FOu3YJUJe0o/s1600/twitter.png' title='Add to Twitter' width='24'/></a><a href='URL FEEDBURNER ANDA ' target='_blank'><img alt='Add RSS' height='24' src='http://3.bp.blogspot.com/-BjK-4U2TzBw/UWuBInf3xfI/AAAAAAAAAnI/-k2mhfsPojY/s1600/RSS-icon.png' title='Add RSS Feed' width='24'/></a></div>
</li>
</div>
<div style='float:right; border:1px; border-color:#CCCCCC; margin:-40px 2px 0 0; width:300px; '>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onSubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=ID FEEDBUNER &apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<div align='right'>
<input name='uri' type='hidden' value='ID FEEDBUNER'/>
<input name='loc' type='hidden' value='ID FEEDBUNER'/>
<input class='kotak_email' name='email' onBlur='if (this.value == "") {this.value = "Email anda...";}' onFocus='if (this.value == "Email anda...") {this.value = ""}' type='text' value='Email anda...'/>
<input class='buttonrs_email' title='' type='submit' value='Subscribe '/>
</div>
</form></div>
</div>
</div>
</center> <div style='clear:both;'/><br/>

FITUR

• Facebook
• Twitter
• Google +
• RSS
• Image Admin
• Judul Postingan

Untuk letak yang lebih baik silahkan anda letakkan sesuai dengan selera anda. Yang penting masih di dalam area postingan.
Ganti semua URL sesuai dengan URL sobat

Untuk lebih jelasnya lihat sumber : http://rivai-silaban.blogspot.com/2013/05/cara-membuat-permalink-v1.html

Tehnik pembuatan permalink ini memang tergolong agak sedikit susah buat para sobat sobat yang belum memahami betul tag tag HTML tapi itu bukanlah suatu masalah dengan tutorial kali ini saya akan membantu sobat sobat bloger yang pengen membuatnya. Silahkan kontak saya melalui kotak komentar bila sobat mengalami kesulitan.

 

baru tau kalau itu namanya

baru tau kalau itu namanya permalink ,, saya kira cuma ini yg namanya permalink

Code:

http://namablog.blogspot.com/2014/12/mungkin-ini-permalink-yangsaya-tahu.html

dsb,,,,

 

Jangan gunakan Block untuk

Jangan gunakan Block untuk posting kode tapi gunakan Code.

 

Dan wrote:

nah ini lebih rapi

 

Sama juga bang

sama juga bang heheh, tapi memang banyak juga ragamnya, tapi sepengetahuan saya yang masih belajar ini penyebutan permalink diambil dari permanenlink yang merupakan suatu link permanen dari suatu halaman artikel yang kita posting, Btw any way, linknya pagenya not Found bang..

 

Terimakasih bang dan

yup bang sudah saya update dan saya repisi bang, makasih atas himbauannya.... bang #dan

 

Kalo pake Block bisa tidak

Kalo pake Block bisa tidak rapih sob

 

eh, dikirain permalink itu

eh, dikirain permalink itu membuat link. Ini biasanya diletakkan di bagian footer bukan atau sebagai pengganti footer template blog default.

 

makasih sarannya bang

bukan membuat link tapi menurut saya membuat permanen link suatu postingan sistem kerjanya.. heheh maklum bang anak yang masih baru didunia bloging ini

 

makasih bang atas sarannya

iya bang semalam saya lupa jadi blok yang saya klik, maklum bang masih belajar bang tentang pemprograman ini, dan dengan sigap saya sudah perbaiki bang @Andre

 

Setau saya permalink itu url

Setau saya permalink itu url/alamat link menuju artikel suatu blog. Kalau seperti ini sih menurut saya link biasa. But good share lah.
CMIIW

 

D-dig wrote:

thx bang atas pendapatnya...