Sang Newbie ingin berbagi....
Apa kabar sobat blogger !! kali ini saya ingin membagikan bagaimana cara membuat widget permalink.nah ada yang tau apa itu widget permalink ?? saya kasih tau deh simak benar ya sob . Permalink adalah
istilah untuk link aktif permanen pada suatu artikel di halaman posting
yang dibiasanya di letakan di bawah atau sesudah postingan, fungsinya
tidak lain dan tidak bukan yaitu untuk meningkatkan seo on page blog
sobat.
Permalink kali ini saya sudah melengkapi dengan author box dimana di dalamnnya
bisa di pasangi foto / gambar milik sobat, juga di lengkapi dengan url
artikel yang auto drag dan berkedip( otomatis ter blok ), dan juga memakai
background sembaran petir.
Seperti biasanya saya mempostingkan tutorial blog saya akan membantu sobat agar bisa membuat widget permalink.
Langkah - langkah membuat widget Permalink
- Login ke Dashboard Blogger
- Klik rancangan/template --> Edit HTML --> Centang kotak expand template widget
- Cari kode ]]></b:skin> ( gunakan Ctrl + F ) untuk mempermudah pencarian
- dan taruh kode dibawah diatas kode ]]></b:skin>
.admin-tulisan{ display:block; width:auto; background:url(https:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo0pkCId-nikXW_gnKriNBU579hSas6JFj9eWkbC_4RLcF812qMLh3QTOjClNVB9eEh0ZbHK9AduZmzutzLvwN8fHfULpbjMlzID6Bbzz4C0XwDaSFghUoDyea9UAuiQUZ5KCNGQLm3Uw/h120/gastuwi-petir.gif); border:2px solid#00FF00;box-shadow:0 1px 3px#00FF00;-moz-box-shadow:0 1px 3px #00FF00;-webkit-box-shadow:0 1px 3px #00FF00;padding:0;margin:30px 0 10px 0; font:normal 12px Arial, Sans-Serif;color:#FF0000;}.admin-tulisan .kontainer{padding:5px;}.admin-tulisan h4{background:#00FF00;border:none;border-bottom:1px solid #;color:#0000FF; text-transform:normal; text- box-shadow:0 1px 3px #00FF00;-moz-box-shadow:0 1px 3px#00FF00;-webkit-box-shadow:0 1px 3px #00FF00; font:bold 12px Arial,Sans-Serif;padding:5px 10px; margin:0 0 0 0; display:block; }.admin-tulisan h4 a{color:#00FFFF;}.admin-tulisan img{width:110px;height:110px; margin:0 10px 0 0; float:left; border:1px solid#00FF00;padding:2px; background:#00FF00; box-shadow:0 1px 3px #00FF00;-moz-box-shadow:0 1px 3px #00FFFF;-webkit-box-shadow:0 1px 3px #00FF00;} - Cari kode <data:post.body/> biasanya ada dua kode atau lebih yang sama dengan kode tadi, dan letakkan kode dibawah ini tepat di bawah kode yang pertama. Jika misalnya sudah di simpan ternyata widget/gadgetnya tidak berfungsi alias error maka sobat cukup sekedar menindahkannya di bawah kode yang ke dua.
<!-- Permalink --><b:ifcond='data:blog.pageType == "item"'><div class='admin-tulisan'><h4>Ditulis Oleh : <b><data:post.author/></b> Rei - Gamerz</h4><div class='kontainer'><img alt='Hck Ichlas'src='https://lh5.googleusercontent.com/-cNNM8fUC_V8/AAAAAAAAAAI/AAAAAAAAABM/_0tXg2aGpfY/s250-c-k/photo.jpg'/>Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. Dan terimakasih atas kunjungan sobat. 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://rei-gamerz.blogspot.com/2013/01/cara-membuat-widget-permalink.html'target='_blank'>:: Getthiswidget ! ::</a></span></p><div style='clear:both;'/></div></div></b:if><!-- Permalink --> - Tambahan :
- Ganti kode yang berwarna Hijau dengan Nama sobat
- Ganti kode yang berwarna Biru (LINK) dengan URL photo sobat
- Setelah itu save template anda. Widget Permalink sudah ada di Blog sobat.
Sekian Share dari saya, semoga bermanfaat
Ingin Tau lebih banyak ? Klik Disini , Baca Juga Artikel menarik disini
