Cara Membuat Permalink Ala NE-Gen Blog

Karena Banyak Teman FB Yang Nanya Kayak Mana Cara Buat Permalink NE-Gen Blog,Maka Akan Saya Share Caranya.

1. Aktifkan Terlebih Dahulu Rating Bintang Di Blog.Pergi Ke http://draft.blogger.com/ >> Tata Letak >> Dan Klik Edit Di Widget Posting Blog.Lalu Centang Rating Bintangnya.

2. Masuk Ke Menu Edit HTML,Cari Kode ]]></B:SKIN>
3. Masukkan Kode Dibawah

.NEGen-Permalink{
    display:block;
    width:auto;
    height:135px;
    background:#ffffff;
    border:5px solid #1c6beb;
    box-shadow:0 1px 3px none;-moz-box-shadow:0 1px 3px none;-webkit-box-shadow:0 1px 3px none;
    padding:0;
    margin:30px 0 10px 0;
    font:normal 12px Arial, Sans-Serif;
    color:#000;
    }
    .NEGen-Permalink .kontainer{padding:5px;}
    .NEGen-Permalink h4{
    background:#ffffff;
    border:none;
    border-bottom:5px solid #1c6beb;
    color:#000000;
    text-transform:normal;
    text-shadow:none;
    font:bold 12px Arial,Sans-Serif;
    padding:5px 10px;
    margin:0 0 0 0;
    display:block;
    }
    .NEGen-Permalink h4 a{color:#1c6beb;}
    .NEGen-Permalink img{
    width:86px;
    height:86px;
    margin:0 10px 0 0;
    float:left;
    border:1px solid #1c6beb;
    padding:2px;
    background:#1c6beb;
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;

4. Cari Kode <data:post.body/>
5. Letakkan Kode Dibawah Setelah Kode Tadi.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='NEGen-Permalink'>
<h4>Penulis: Latief NE-Gen | About This Article: </h4>
<div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicI-2EsqMNUdhxM5T6Qt9SctRp5zFrmjb1q85l_T-vTBTfcMTdMeTETx2rxUhKTYgyPkhj_pDhrj3QpIKbFYlN_WPfDBIHUhfmT0SljfcLKENwWXzwa0Wqr_t_Xcwttpb2HVYiT__cvLlc/s220/untitled122.PNG'/>
Viewed Article: <script src='http://amitjain.in/pageviews.php' type='text/javascript'/>.<br/>Posting Name: <strong><a expr:href='data:post.url'><data:post.title/></a></strong>.<br/>Url:<strong><data:post.url/></strong>.<br/><b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='40' g:type='RatingPanel' g:width='200'/>
</b:if>
<div style='clear:both;'/>
</div>
</div>
</b:if> 

6. Sesuaikan Warna Dan Kata2nya Dengan Yang Kalian Suka.
7. Ubah Kode Merah Dengan Gambar Kalian
8.Selesai.

COPAS sertakan Sumbernya!!!

Sumber Artikel Dari: http://ne-gen.blogspot.com/2012/10/cara-membuat-permalink-ala-ne-gen-blog.html#ixzz28sZssw6G

Artikel Terkait