Cara membuat Permalink ini tidak terlalu sulit dan tidak begitu memakan waktu yang lama. baik langsung saja
Langkah pertama ;
- Log In Blog, Menu template -> Edit HTML -> Kasih tanda centang pada menu "expand widget tempate".
- kemudian Copas CSS dibawah ini di atas kode script ]]></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:#000000;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;}
Note :
- kode yang berwarna biru adalah lebar dari permalink
- Kode warna hijau adalah tinggi dari permalink
- Kemudian cari kode <data:post.body/>
- Jika sudah masukkan kode dibawah ini tepat dibawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tips dan Trik Blogspot</h4>
<div class='kontainer'>
<img alt='Christian angkouw' src='http://i1247.photobucket.com/albums/gg623/Gaptek32/photo.jpg'/>
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'><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://gaptek32.blogspot.com/' target='_blank'>:: Like this widget ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
Note :
- Kode yang berwarna merah adalah URL gambar sobat.
- Bila sobat menggunaka Auto readmore, taruh permalink ini dibawah <data:post.body/> pada kode auto readmore yang sobat gunakan.
betul sekali penjelsan diatas tentang PERMALINK BLOG
BalasHapussaya juga sudah memasangnya....nice share sob
sukses selalu buat anda
Ijin pasang di blog gue gan..
BalasHapusartikel yg menarik dan bagus mas, saya pikir cukup menarik dan juga bagus dan salam kenal ya dari mico nie. Dan sekalian bagi teman2 yg suka dengan film box office terbaru silakan kunjungi situs film gue, karena banyak film gratis baru tiap harinya. thanks juga buat admin ini loe, gbu
BalasHapusInfo yg menarik...
BalasHapus1 follow telah tertancap!
follow back ya bro..
http://riefsaz.blogspot.com
Thx U
Just mampir ... ^____^"
BalasHapusBlog yang keren, menarik & sangat manfaat.
Thanks atas Semua info yang uda dikasi
mampir juga ke blog gw ya...
Tutorial Menjadi Alpha Male
wah bermanfaat banget gan terimakasih.
BalasHapusvisit gan : Cara membuat webserver di debian
http://novanpeace.blogspot.com/2012/10/membuat-web-server-di-linux-debian.html
sama sama gan.
Hapusoia barusan ane udah berkunjung ke blog juragan novan. ane sempet mo kirim pesan, tapi kotak verifikasi katanya kaga bisa diisi gara" kaga bisa di scroll. oia gini rincian pesan ane di Cara membuat webserver di debian
kunjungan balik...
Wah artikel yang bagus beserta screenshootnya jadi jelas penjelasannya. yang tau kegunaannya pasti langsung ngarti nih gan, sayangnya ane kaga punya basic jadi ngeblank deh :D .
ane masih pemula gan kalo soal SEO. tapi sekarang mau mulai belajar dengan cara buat blog tentang SEO juga.. hha :D
BalasHapuskunjungi balik yaa gan.
http://mkzhackers.blogspot.com/
gan, saya kok gak ada "]]>" ni gan ?
BalasHapusminat banget dah, tolong dong gan :-d
oh ia, maaf sob. maksud dari artikel di atas cari kode
Hapus]]></b:skin> dan taruh di atasnya bukan
]]></b:script>
sekarang bisa di coba :-bd
selamat malam muhamad nurarif, aku pingin pakai kode gambar maupun kode teks, tapi aku masih belum paham benar pasangnya gimana... mohon petunjuknya....
BalasHapusadalagi, aku cari ]]> di Expand Template Widget sudah dapat, tapi yang saya sudah cari secara teliti namun ngak dapat.... mohon petunjuknya bro...
tanks sebelumnya, saya tunggu ya....
Sudah saya betulkan sob. Bisa dicoba lagi dari ulang
HapusUntuk mempermudah dalam pencarian elemen yang ada ditubuh template, silahkan manfaatkan ctrl+f atau f3, lalu masukkan kode yang ingin kita cari. sebagai contoh yaitu ]]></b:skin>
http://1.bp.blogspot.com/-MLBB8e28stM/UQapMGAMc4I/AAAAAAAABWE/a2O4adezbdQ/s320/Capture.PNG
Terima kasih muhamad nurarif, nanum yang saya cari untuk data post body tidak ada di dalam template... saya sudah buat seperti muhamad nurarif contohin, tapi tetap tidak ada, alias tidak mucul dalam pencarian... bantu dong.... tanks....
BalasHapusSetiap template blog pasti memiliki <data:post.body/> , jika tidak ada, maka isi kontent/posting akan blank.
HapusKemungkinan besar sobat belum mencentang kotak Expand Template Widget yang berada disamping atas kiri Edit HTML. (saya tidak dapat menjelaskan secara pasti mengapa kita diharuskan mencentak kotak tersebut, tapi yang pasti bila kita tidak mencentangnya, maka seluruh elemen penting akan tertutup/hidden tidak terkecuali <data:post.body/> :vocalist: )
http://2.bp.blogspot.com/-tAwlJJufSeY/UQfKQKemmrI/AAAAAAAABWU/HuPvpM82G7k/s320/expand.PNG
Semoga dengan screenshot diatas sedikit membantu :)
Terima Kasih Gan, Izin Terapkan ya
BalasHapussip numpang yoba di http://puji-share.blogspot.com
BalasHapusmantap artikelnya patut dicoba dan dipelajari
BalasHapusDari demo nya aja udah kelihatan keren, mantab nih. :D
BalasHapuswah ternyata cara ini menunhang seo juga yah...? thanks infonya.... :)
BalasHapusTititp artikel... arep di waca ya monggo Obat wasir
BalasHapus