Cara Mudah Membuat Permalink di Blog

|| || || 4 komentar
Cara Mudah Membuat Permalink Keren 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 :
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:

Contoh Permalink Keren Tutorial Blog dan SEO

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 . . .
Terima Kasih Atas Kunjungan Anda
Judul: Cara Mudah Membuat Permalink di Blog
Ditulis Oleh Riki Junizar
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

/[4 komentar Untuk Artikel Cara Mudah Membuat Permalink di Blog]\
oke-reload mengatakan...

Yang namanya permalink dengan disertai foto kita pasti keren, mas bro seperti halnya contoh di atas dan juga seperti di blog saya. Sukses selalu buat mas bro.

jocker-id mengatakan...

Untuk seni2 blog emang perlu dicoba supaya membuktikan bahwa blog kita profesional dengan seni seperti permalink ini. Tapi setiap orang punya seni tersendiri hehe.. Good share sob, lanjutkan kreativitasnya :)

Leo ibnu mengatakan...

kok gk work gan?

Al-Qur'an e-Pen mengatakan...

saya belum bisa membuat permalink di Blog saya, saya tdk menemukan code yang diminta di Posting agan di atas... gmn ya??

Posting Komentar

Terima kasih telah membaca artikel di atas, kalau boleh dibantu tolong berikan komentar yang relevan sesuai dengan topik pembahasan artikel di atas. Anda diperbolehkan berkomentar dengan memperhatikan hal-hal berikut:
1. Komentar jangan mengandung SARA dan PORNO.
2. Jangan berkomentar dengan menggunakan LINK MATI apalagi LINK AKTIF.
3. Jika anda orang Indonesia yang cinta tanah air, maka berkomentarlah dengan bahasa baku dan sopan.
Jika komentar anda melanggar syarat di atas, maka komentar anda tidak akan saya publish dan akan saya tandai sebagai SPAMER.

Terima kasih atas kunjunganya ^_&