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 Karrysta

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 di sini

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 : border 4px atau margin 30px dan
Edit dengan ukuran yang anda kehendaki menurut design anda

Pada ukuran width dan heigth di bawah ini, ini untuk ukuran frame foto
Profil blog anda edit ukuran width:90px; = lebar: 90px
Height:100px; = tinnggi;100px - padding:5px 10px; = lapisan
Ganti dan sesuai kan dengan ukuran pass foto profil blog 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 == "item"'>
<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

<b:if cond='data:blog.pageType == "item"'> <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/AVvXsEhr5FTI6iW1p2suuN8U7nbN0uTAfPGGIo7x72V3WY7QgCYtD8cKxE48l7kHc_XM-03yI32IQHJVo1UZdJDwMF3kuVL3X2XtIVEPQ4KXq9Nc5iytPyC_8gVXP3WwPU2WOJ503G4_cGq_iCNI/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'><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://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>

Keterangan kode di atas :

Yang berwarna Merah. ganti dengan URL, photo anda. atau dengan url halaman artikel
Blog internal atau external anda maksud nya halaman dalam atau halaman luar blog anda
Dan yang berwarna Biru anda ganti dengan, teks-tulisan yang anda ingin kan di permalink

Untuk mengedit warna silahkan buka halaman di bawah ini :
Edit warna buka : Kode Warna

Setelah semua nya terpasnga dengan benar kemudian anda, klik save atau simpan. apabila
Anda melakukan pemasangan kode permalink di atas, memenuhi prosedur dengan benar
Maka akan tercipta kolom permalink, yang keren dan elegant, jika permalink belum muncul
Di bawah postingan anda, baca kembali artikel di atas atau jangan segan-segan bertanya di
Kolom komentar, dan jika ada kekurangan atau kesalahan pada artikel saya di atas semoga
Anda bisa membubuhi pelengkap. artikel saya, pada komentar di bawah ini. happy blogging

Download lainya buka halaman di bawah ini :
Buka halaman : Daftar Isi

Terima kasih atas kunjungan nya Sobat salam sukses.
Author : Karrysta