Fitur
- Email Subcribe
- Sosial media share
- RSS
- Image admin
- Judul Postingan
Cara Install
- Login ke dashboard anda
- Masuk ke "TEMPLATE" lalu klik " Edit HTML "
- Cari code ]]></b:skin>
- Copy Code script CSS dibawah ini, pastekan diatas code ]]></b:skin> tadi
/*****************************************
Name : Permalink with media share
By : Rivai Silaban | Blog Design
Update : 14/05/2013
******************************************/
.permalink {
margin-top: 8px;
margin-bottom: -10px;
padding: 10px;
border: 2px solid rgb(9, 149, 223); border-style: dashed;
border-radius: 6px 6px 6px 6px;
box-shadow: 2px 4px 4px rgb(204, 204, 204);
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
border-color: #666666;
}
.gambar {border: 2px; border:double;
border-color:#000000;
box-shadow: 2px 4px 4px rgb(131, 129, 129);
margin: 2px 10px 20px 0px;
width:100px;
height:100px;
opacity: .3;
}
.gambar:hover { opacity: 1; }
.buttonrs_email{
background:#09f;
border: 2px solid rgb(9, 149, 223);
border-radius: 3px 3px 3px 3px;
box-shadow: 2px 4px 4px rgb(113, 112, 112);
color:#fff;
cursor:pointer;
font-family:verdana;
font-size:12px;
padding:0px;
text-shadow:1px 1px 0 rgba(0,0,0,.4);
text-transform:uppercase;
width:100px; height:25px;
background-color: #940A0A;
border-color: #FF0000;
}
.buttonrs_email:hover,.buttonrs_email:focus{
background-color: #CC0000;
color: #000000;
}
.buttonrs_email:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px; background-color:#3E0600;}
.kotak_email{
margin:10px 0 0;
background-color: #FFCACA;
}
.kotak_email:hover{background: #f3f3f3 ;}
.kotak_email:focus{outline:none;}
.rivaistyle{/* Rivai Blog */
list-style-type:none;
margin:5;
padding:0; width:200px; margin-top:5;
}
.rivaistyle li{
display:inline;
width: 60px;
height:60px;
}
.rivaistyle li img{
width: 30px;
height: 30px;
border:0;
margin-right: 4px;
-webkit-transition:-webkit-transform 0.1s ease-in;
-o-transition:-o-transform 0.1s ease-in;
}
.rivaistyle li img:hover{
-moz-transform:scale(1.2);
-webkit-transform:scale(1.2);
-o-transform:scale(1.2);
}/*** Blog Design CSS and ***/
Install Tag HTML
- Setelah anda sudah memasang CSSnya saatnya anda memasang kode htmlnya.
- Cari code
<div class='post-footer-line post-footer-line-2'>
atau Kode
<div class='post-footer-line post-footer-line-3'> - Copy kode dibawah ini pastekan tepat dibawah code diatas.
Bila anda pastekan dibawah code <div class='post-footer-line post-footer-line-2'> tidak berhasil silahkann ganti dengan code <div class='post-footer-line post-footer-line-3'> - Untuk script post snippet silahkan pastekan kode dibawah ini tepat dibawah kode <data:post.body/>
- Save template anda dan lihat hasilnya, selamat berkreative.
<!-- Rivai Silaban | BLOG DESIGN Permalink start -->Sumber: Rivai Silaban | BLOG DESIGN
<div class='permalink' style='width:550px; height:120px'><a href='#' target='_blank'><img align='left' alt='Saya' border='0' class='gambar' height='100' src=' http://4.bp.blogspot.com/-nSzof69h8JM/UY_SKF9VaBI/AAAAAAAABIc/Ia4K1f4gXbs/s1600/foto.gif ' style='padding: 0px 0px 0px 0px;' width='100'/></a>
<div style='margin-top:-15px; margin-left: 100px; white-space: inherit;' >
<p>Saat ini anda sedang membaca artikel tentang<br/> "
<b>
<a expr:href='data:post.url'>
<data:post.title/>
</a> </b> "<br/>
Bila anda suka dengan artikel ini silahkan berlangganan geratis Artikel dari blog ini. Pergunakan vasilitas dibawah ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui komentar. </p>
<div class='rivaistyle' style='float:left'>
<li> <div align='left'><a href='URL G PLUS ANDA ' target='_blank'><img alt='Invite G+' height='24' src='http://3.bp.blogspot.com/-Gk3__GFCeqk/UWuBKrfz3QI/AAAAAAAAAnY/9L5AhZDRQWI/s1600/gplus.png' title='Add to G+' width='24'/></a><a href='URL FACEBOOK ANDA ' target='_blank'><img alt='Add to Facebook' height='24' src='http://3.bp.blogspot.com/-Wl0Rw2fqp-w/UWuBIqtCVpI/AAAAAAAAAnM/ZV_FSza-LNI/s1600/facebook.png' title='Add to Facebook' width='24'/></a><a href='URL TWITTER ANDA ' target='_blank'><img alt='Follow' height='24' src='http://3.bp.blogspot.com/-LrS3we3Alg4/UWuBLkJSCMI/AAAAAAAAAng/FOu3YJUJe0o/s1600/twitter.png' title='Add to Twitter' width='24'/></a><a href='URL FEEDBURNER ANDA ' target='_blank'><img alt='Add RSS' height='24' src='http://3.bp.blogspot.com/-BjK-4U2TzBw/UWuBInf3xfI/AAAAAAAAAnI/-k2mhfsPojY/s1600/RSS-icon.png' title='Add RSS Feed' width='24'/></a></div>
</li>
</div>
<div style='float:right; border:1px; border-color:#CCCCCC; margin:-40px 2px 0 0; width:300px; '>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onSubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=ID FEEDBUNER ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<div align='right'>
<input name='uri' type='hidden' value='ID FEEDBUNER'/>
<input name='loc' type='hidden' value='ID FEEDBUNER'/>
<input class='kotak_email' name='email' onBlur='if (this.value == "") {this.value = "Email anda...";}' onFocus='if (this.value == "Email anda...") {this.value = ""}' type='text' value='Email anda...'/>
<input class='buttonrs_email' title='' type='submit' value='Subscribe '/>
</div>
</form></div>
</div>
</div><div style='clear:both;'/><br/>
<!-- Rivai Silaban | BLOG DESIGN Permalink end -->
Bagikan
Cara membuat permalink v.1
4/
5
Oleh
Rijal Imnida
1. Kami membutuhkan kritik dan saran anda.
2. Kritik dan saran anda sangat diperlukan oleh kami agar kami bisa lebih baik lagi.
3. Berkomentarlah yang bermanfaat