Info Toko Surya62: Membuat Permalink Pengunjung Meningkat

Membuat Permalink Pengunjung Meningkat

Sahabatku, berikut ini akan saya share bagaimana membuat permalink blog kita dapat tampil menarik agar dapat meningkatkan pengunjung sekaligus meningkatkan rank. Template blog kita mungkin berbeda-beda, untuk itu saya share dengan template yang mungkin senada dengan template yang saya gunakan. Bagi Anda yang memiliki template berbeda silahkan untuk menyesuaikan. Adapun contohnya seperti gambar berikut ini.

Secara umum permalink dipasang dengan tag CSS seperti berikut ini :

Silahkan login ke blogger Anda;
Masuklah ke dashboard blogger;
Klik Rancangan >> edit HTML >>Klik download template untuk backup;
Aktifkan expand template widget dengan memberi tanda centang (klik sekali saja)
Carilah tag berikut ini ]]></b:skin> dengan menekan CTRL + F pada keyboard Anda;
Jika sudah ketemu silahkan pindahkan tag css berikut diatas ]]></b:skin>;
Sebelumnya editlah dahulu di notepad atau wordpad agar sempurna sebelum dimasukkan ke template Anda;
.permalinkblogspot{border: 0px solid #EFF0F1;padding: 5px;background: #ffffff;-moz-border-radius:5px;}
.permalinkblogspot a{background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}
Selanjutnya carilah tag HTML berikut ini : <data:post.body/>, dengan menekan CTRL + F agar cepat ditemukan;
Jika sudah ditemukan copy tag HTML berikut ini untuk mengganti tag HTML <data:post.body/>;
<b:if cond='data:blog.pageType == "item"'> <p><data:post.body/></p> <div class='permalinkblogspot'> <center> <div style='border: 1px solid rgb(204, 204, 204);
margin: 10px 0px; padding: 10px; width: auto; height: auto;
background-color: rgb(221, 242, 252); text-align: left;'>
<img align='absmiddle' height='30px'
src='http://img685.imageshack.us/img685/3018/satpam.gif'
width='30px'/> <b><medium>Tolong dibaca kapten !
</medium></b><br/><br/><small>
<div style='text-align: justify;'>
Kapten sedang membaca artikel tentang <strong><u>
<data:blog.pageName/></u></strong>
dan kapten bisa menemukan artikel <data:blog.pageName/>
ini dengan url <strong><data:post.url/></strong>,
Kapten boleh menyebar luaskannya atau mengcopy paste-nya jika artikel
<strong><data:blog.pageName/></strong>
ini sangat bermanfaat bagi teman-teman kapten, namun jangan lupa untuk meletakkan link
<u><a expr:href='data:post.url'><
data:blog.pageName/></a></u> sebagai sumbernya.
</div></small></div></center></div>
<b:else/>
<p><data:post.body/></p>
</b:if>
Editlah tag tersebut diatas dengan notepad atau wordpad Anda agar sempurna;
Kalimat yang ada bisa disempurnakan sesuai keinginan Anda, tapi coba terlebih dahulu sesuai aslinya, kalau jadi silahkan diedit;
Pada template saya ini terdapat beberapa permalink, untuk hal ini silahkan simak dibawah permalink bookmark milik saya berada dibawah konten ini sebelum comment post;
Silahkan perhatikan permalink yang saya maksud agar Anda mempunyai gambaran tentang konten saya ini;
Adapun cara pemasangannya adalah sebagai berikut;
Cari tag HTML berikut ini : <p><data:post.body/></p>;
Jika sudah ditemukan dengan bantuan CTRL + F silahkan copy tag HTML berikut sehingga menjadi seperti berikut ini :
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<div class='permalinkblogspot'>
<center>
<div style='border: 1px solid rgb(204, 204, 204);
margin: 10px 0px; padding: 10px; width: auto; height: auto;
background-color: rgb(221, 242, 252); text-align: left;'>
<img align='absmiddle' height='30px'
src='http://img685.imageshack.us/img685/3018/satpam.gif'
width='30px'/> <b><medium>Tolong dibaca kapten
!</medium></b><br/><br/><small>
<div style='text-align: justify;'>Kapten sedang membaca
artikel tentang <strong><u><data:blog.pageName/>
</u></strong> dan kapten bisa menemukan artikel
<data:blog.pageName/> ini dengan url <strong>
<data:post.url/></strong>, Kapten boleh menyebar luaskannya
atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/>
</strong> ini sangat bermanfaat bagi teman-teman kapten, namun jangan lupa
untuk meletakkan link <u><a expr:href='data:post.url'>
<data:blog.pageName/></a></u> sebagai sumbernya.
</div></small></div></center></div>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'><strong>Read more...
</strong></a></p>
</b:if>
Jadi tag tersebut diatas dapat disesuaikan dengan template Anda karena Anda menggunakan readmore seperti milik saya;
Anda juga bisa menempatkan tag permalink diatas setelah link terkait milik Anda;
Anda cukup memindahkan tag seperti berikut ini :
<div class='permalinkblogspot'>
<center>
<div style='border: 1px solid rgb(204, 204, 204);
margin: 10px 0px; padding: 10px; width: auto; height: auto;
background-color: rgb(221, 242, 252); text-align: left;'>
<img align='absmiddle' height='30px'
src='http://img685.imageshack.us/img685/3018/satpam.gif'
width='30px'/> <b><medium>
Tolong dibaca kapten !</medium></b><br/><br/>
<small><div style='text-align: justify;'>
Kapten sedang membaca artikel tentang <strong><u>
<data:blog.pageName/></u></strong> dan kapten bisa
menemukan artikel <data:blog.pageName/> ini dengan url <strong>
<data:post.url/></strong>, Kapten boleh menyebar luaskannya atau
mengcopy paste-nya jika artikel <strong><data:blog.pageName/>
</strong> ini sangat bermanfaat bagi teman-teman kapten, namun jangan
lupa untuk meletakkan link <u><a expr:href='
data:post.url'><data:blog.pageName/></a></u>
sebagai sumbernya.</div></small></div>
</center></div>
Setelah selesai silahkan simpan template dan lihatlah hasil perubahannya;

Demikian konten saya kali ini yang cukup simple, semoga dapat menjadikan khasanah bagi Anda dan mudah untuk Anda praktekkan. Semoga Sukses !!! Terima kasih atas kunjungannya dan berikan koment yang terbaik agar kita dapat lebih meningkatkan persahabatan.
Wassalamu'alaikum wa Rakhmatullahi wa Barakatuh.

Sumber : http://keluarga-madinah.blogspot.com