Cara Mudah Membuat Permalink di Blog

Cara Mudah Membuat Permalink Keren di Blog ~ Permalink pada blog memang memiliki banyak model atau variasi, tergantung dari script yang mereka gunakan. Mulai dari permalink yang biasa-biasa saja sampai permalink yang menggunakan foto dan dan auto drag. Jadi pada tutorial saya kali ini saya akan menjelaskan tentang "Bagaimana Membuat Permalink Keren Pada Blog".

Permalink yang akan saya jelaskan kali ini adalah permalink yang sudah dilengkapi dengan author box. Jadi permalink ini bisa kita pasangi foto di dalamnya, selain itu juga ada auto dragnya. Auto drag adalah text area yang apabila kita mengarahkan cursor ke arah text area tersebut maka akan otomatis terblok semua kata yang ada pada text area tersebut. Contoh text area yang otomatis terblok :

coba arahkan mouse ke teks ini !!

Selain ada auto dragnya, seperti yang sudah saya katakan tadi permalink keren saya kali ini ada foto di dalamnya. Foto pada permalink keren ini bisa anda ganti sesuai keinginan anda, sebaiknya anda ganti dengan menggunakan foto yang sama dengan akun blogspot atau google plus sobat. Hal ini agar pengunjung blog tahu bahwa andalah administrator (Admin) sesungguhnya dari blog tersebut.

Jika anda tertarik untuk memasang widget permalink keren ini, silahkan anda ikuti langkah-langkah di bawah ini:

• Login akun blog anda
• Pilih blog yang ingin anda edit
• Masuk ke menu template, lalu klik Edit HTML
• Cari kode ]]></b:skin> dengan melakukan klik pada kolom edit HTML, kemudian tekan Ctrl + F atau bisa juga dengan menekan F3
• Letakan script di bawah ini tepat di atas kode ]]></b:skin>

.admin-tulisan{
width:auto;
background:#f2f2f2;
border:2px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan 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;
}
.admin-tulisan h4 a{color:#000000;}
.admin-tulisan 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;
}

• Kemudian cari kode <data:post.body/>, lalu letakan script di bawah ini tepat di bawah kode <data:post.body/>

<!-- Permalink Tutorial Blog dan SEO -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tips dan Trik Blogspo</h4>
<div class='kontainer'>
<img alt='Riki Junizar' src='URL GAMBAR/FOTO ANDA'/>
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://ngeblog07.blogspot.com/2013/04/cara-membuat-permalink-blog-keren.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Tutorial Blog dan SEO -->

• Simpan template kemudian lihat hasilnya

 Keterangan :

1. Kode yang berwarna merah adalah warna-warna yang akan ada pada permalinknya nanti, sobat bisa menggantinya dengan warna yang anda inginkan. Cari kode HTML-nya di sini "Kode Warna HTML".
2. Ganti kode yang berwarna biru dengan URL foto yang anda inginkan.
3. Sesuikan kode yang berwarna  ungu dengan lebar template saudara
4. Untuk kode yang berwarna hijau, silahkan ganti sesuai keinginan anda
5. Biasanya kode <data:post.body/> lebih dari satu. Jika anda mencoba kode yang pertama tidak berhasil, silahkan lanjutkan ke kode <data:post.body/> selanjutnya sampai permalinknya terlihat di bagian bawah setelah isi artikel.

Jika anda mengikuti langkah-langkah di atas dengan baik dan benar, maka hasilnya akan terlihat seperti gambar di bawah ini:

Demikianlah artikel saya kali ini, tentang "Cara Mudah Membuat Permalink di Blog". Di bawah ini ada beberapa artikel rekomendasi yang mungkin anda suka.

Artikel Rekomendasi :

1. Cara Membuat Permalink Yang SEO Pada Blog
2. Cara Membuat Catatan Kaki Artikel di Blog
3. Cara Menampilkan Foto Di Hasil Pencarian Google

Sekian dan semoga bermanfaat . . .

Tweet

Terima Kasih Atas Kunjungan Anda
Judul: Cara Mudah Membuat Permalink di Blog
Ditulis Oleh Unknown
Artikel ini dipatenkan pada www.myfreecopyright.com, Jika mengutip harap berikan link balik yang menuju artikel Cara Mudah Membuat Permalink di Blog ini. Jika tidak akan diproses secara DMCA Takedown yang tentu saja tidak baik akibatnya bagi blog saudara. Terima kasih atas perhatiannya