Just another Information

Saturday, April 20, 2013

Cara Membuat Permalink keren di Blog | blogger

Permalink adalah link permanen yang tidak bisa hilang dan selalu muncul disemua postingan blog. Biasanya permalink ini berada diakhir postingan untuk memberikan sebuah pernyataan dari sebuah artikel atau postingan yang sedang dibaca. Permalink ini dipercaya mampu membantu menaikan pagerank dan SEO kita sehingga tidak jarang orang orang untuk menggunakan permalink pada blog nya.
sesuai dengan tema diatas, maka  permalink yang akan kita buat disini adalah permalink yang bisa dibilang keren karena kita akan membuat dengan menampilkan gambar profil kita.
seperti ini screen shotnya :
gimana??
apakah sobat tertarik untuk membuatnya?
jika iya, maka langsung saja ikuti tutorial dibawah ini :
  •  login dashboard blogger sobat
  •  karena sudah tampilan baru tidak ada "expand template" maka langsung saja sobat ketik ctrl+f dan search pada kotak pencarian lalu isi dengan kode ]]></b:skin> lalu letakkan kode css berikut ini tepat diatas 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; }


  • keterangan: css diatas bisa sobat ubah sendiri warna nya
  • setelah itu cari kode html yang seperti ini :
    <data:post.body/>
  • jika kode  <data:post.body/> lebih dari satu, maka sobat pilih yang kedua,
  • setelah ketemu kode yang kedua lalu letakkan kode dibawah ini tepat dibawah <data:post.body/>

<!-- Permalink -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Game, Software, Blogging, Information</h4>
<div class='kontainer'>
<img alt='RegiBrader' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiabxCVxrLx5VALmvEDjKbX_o2WC7allPveSiDngfY2-ff4VAYYr2-9GkZM0wtcE9tWVpo9Q0CYlzIdmmcNQJ656l6McK_w4LMh_vMvXMa6YzTNKbSFDzAjeHHnHGBbvxri01EblGTz1UU/s1600/168557_615786695102730_1951750680_n.jpg'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Saling menghargai kreatifitas sobat Blogger.
<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://dhanicyx.blogspot.com/2013/04/cara-membuat-permalink-keren-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink -->

  • keterangan : untuk kode yang berwarna merah ganti dengan deskripsi blog sobat, warna kuning ganti dengan judul Alt image sobat, warna hijau ganti dengan url gambar yang akan sobat jadikan image, dan yang warna biru ganti dengan kata kata sobat.
  • klik pratinjau atau preview dulu, jika tidak ada yang eror berarti berhasil 
  • terakhir simpan template dan lihat salah satu postingan sobat.
nb: jika tidak ada, teliti kembali pada bagian kode <data:post.body/> ,pilih yang kedua.

oke,,itu saja cara membuat permalink keren di blog, semoga bermanfaat dan semoga berhasil sob!!!
Categories:


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat volutpat nibh nec posuere. Donec auctor arcut pretium consequat. Contact me 123@abc.com

0 comments:

Post a Comment