Cara Membuat Permalink 2 Dengan Icon

Cara Membuat Permalink 2 Dengan Icon
Sebelum membuat permalink dengan icon photo ini di publih,? telah di posting juga cara
Membuat Teks Pesan Permalink Klasik, dan pada ini hari saya akan berbagi juga tentang
Cara Membuat Permalink 2 Dengan Icon, maksud posts judul di atas penjelasanya ialah.?
Membuat tips dan trik, bikin permalink season 2, yang jelas lebih keren dan lebih komplit
Tentunya tutorial ini, sudah banyak tersebar di dimana-mana pada sobat weblogger, mereka
Menggunakan permalink dan memposting, berbagai cara, judul dan variasi pada artikel nya
Pada situs besar dunia seperti, Google, yahoo, bing, alexa-amazon, dan site besar lainya

Permalink

Biasanya letak box permalink ini kebanyakan, di bawah halaman posting, namun sebenarnya
Di letakan di mana pun bisa, pentingnya dari permalink ini mungkin anda sudah dengar sendiri
Dari pakar Weblogger, juga pakar SEO, yang jelas 'terpampang' artikel tentang pembahasan
Masalah oftimasi, seo dan onak - anik dan tek-tek bengek so'al pembahasan di blogger, yang
Kadang komplit.!, namun tak sedikit sobat blogging hanya bisa membaca nya, namun artian
Dari artikel tersebut, tidak di pahami nya apa lagi sambil di bubuhi bahasa asing yang berlebih
Tanpa menerangkan, arti teks artikel ke bahasa? indonesia maka Sobat blogger, yang belum
Mahir dalam bahasa inggris (seperti saya) sangat lah kebingungan. untuk mencerna semuanya
Oke..sobat disini saya akan memberikan tutorial yang real - real saja dengan bahasa tanah air
Tercinta, agar mudah di pahami oleh sobat blogger, pemula newbie (seperti saya) simak disini

Di bawah ini tutorial Cara membuat permalink 2 dengan Icon photo author :
Pertama biasa sobat buka blog anda dan sign in - atau masuk.
Lalu masuk dasbor, juga pilih template, dan pilih edit template
Kemudian anda cari kode ]]></b:skin> gunakan klik Ctrl + f
Untuk memudah kan pencarian kode diatas, kalau sudah ketemu
Copy kode di bawah ini. dan paste kan tepat di atas kode ]]></b:skin>
Di bawah ini kode css yang harus anda copy :
==================================

.admin-tulisan{
width:auto;
background:#ffe4c4;
border:4px solid #31EB14;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#ff1493;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#FF0000;
border:none;
border-bottom:1px solid #31EB14;
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:#ff0000;}
.admin-tulisan img{
background:#EB1487;
width:90px;
height:100px;
border:3px solid #E7F708;
margin:3px 10px 0 0;
float:left;
padding:5px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

Keterangan kode di atas :
Pada warna Merah, contoh : background atau latar belakang.
Ganti warna nya menurut selera warna, yang anda sukai, lalu
Warna Biru contoh : border atau batas, margin atau garis tepi
Ganti dengan ukuran contoh : border4px atau margin30px dan
Edit dengan ukuran yang anda kehendaki seterus pada ukuran
Width:90px; = lebar: 90px
Height:100px; = tinnggi;100px - padding:5px 10px; = lapisan
Ganti dan sesuai kan dengan ukuran template anda.

Save template dulu atau langsung ke tahap cara pemasangan kode berikut
Masih dalam edit template dalam cara ke 2. memasukan kode permalink
Cari kode <data:post.body/> kalau di template anda sudah terpasang read more otomatis
Carilah kode <data:post.body/> di urutan kode yang terakhir atau di posisi paling bawah
Seperti di bawah ini lengkap kode nya. namun pada template bisa berbeda - beda kodenya
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>

Copy kode di bawah ini dan paste kan tepat di bawah kode <data:post.body/>
Pada urutan  yang  terakhir,  seperti  contoh  petunjuk  keterangan  kode  di  atas

<!-- Permalink Junkies --> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='admin-tulisan'> <h4>Author : <b><data:post.author/></b> - Blog Karrysta</h4> <div class='kontainer'> <img alt='@-saud s karrysta' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixstcJ3Gy687haYi5ACWoWwaJB2aDBzH-az0Pd_jyqHNhlrPgLYwKwj0ZQICVMPffC_ERWa32UBN8sB7236l54miEZZb8pRnRQLWon-6bDV6WeUUHb0_Za33mTEJmnMNgevsE4i4qK7woV/s1600/Author+Karrysta.jpg'/>Anda telah membaca
artikel blog Karrysta tentang :<b><a expr:href='data:post.url'><data:post.title/></a></b> Ditulis oleh Saud S Karrysta  Rating Blog 5 dari 5  Anda boleh
mengcopy  menyebarluaskan artikel ini  namun Bantu blog Karrysta dengan 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://karristaent.blogspot.com/2013/05/obyek-wisata-  yang-ada-di-subang.html' target='_blank'>Author : Karrysta</a>  <a href='http://karristaperkasa.wordpress.com/' target='_blank'>Karrysta Perkasa WordPress</a></span></p> <div style='clear:both;'/> </div> </div>
</b:if> <!-- Permalink Junkies -->

Sumber :  Blog Karrysta