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 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 == &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/AVvXsEgB1XjOhhZUFNLqOUH9wvJQ0fBHx8F99zzXLaT_UCk7d2AieJKtQLY5C9iVFNmVhqD4v9chd4c0Zd4aHyGJd9YsxvX8dS9erEZ7UXS2Ea8xKDcBfzO0AfDKIs_KtAiylHM9qWDtoiMt4jhJ/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 -->

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