Tampilkan postingan dengan label BLOG. Tampilkan semua postingan
Tampilkan postingan dengan label BLOG. Tampilkan semua postingan

Cara Ampuh Blog tidak bisa di Copy Paste dengan Pesan

By  at Rabu, April 08, 2015    No comments
Copas
RIEFSAZ. Bagi sobat yang ingin memprotect blog agar tidak bisa di copy paste bisa mempraktekan cara ini, Selain terbukti Ampuh ada tampilan Alret atau pesan kepada pengunjung yang ingin Mengcopy paste Artikel ataupun Gambar dan yang terpenting tidak memberatkan Loading blog, bila sobat ingin mencoba silahkan ikuti caranya dibawah ini sangat mudah dan tidak ribet 
1.Klik Tata Letak. 
2.Klik Elemen Halaman. 
3.Klik Tambah Gadget. 
4.Kemudian Pilih HTML/Javascript. 
5. Copy paste kode dibawah ini :
NB : sekedar DEMO silahkan klik DISINI !

 
var pesen="GANTI TULISAN INI!";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(pesen);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(pesen);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(pesen);return false")
K O D E

 Atau anda juga bisa pasang (klik) DMCA Protection sebagai Efek Jera ! 
Semoga bermanfaat yahh....

 NB : Ada yang terlewat silahkan tambahkan ini <script> diawal Kode
dan tambahkan </script> diakhir kode ;)

Cara Menghubungkan Instagram ke Blogspot

By  at Rabu, Februari 04, 2015    11 comments
Instanblog
RIEFSAZBLOG. Admin akan membagikan artikel tentang bagaimana cara Connect Instagram ke Blog, di sini kita akan mengunakan pihak ketiga disana anda harus mengisi widget yang disediakan, setelah selesai klik Get Widget lalu Copy Paste kode yang diberikan ke dalam blog anda, diharapkan dengan adanya gadget ini bisa mempercantik tampilan blog dan akan menambah pengikut akun Instagram anda,cara ini juga bisa di pasang di Facebook anda, langsung saja KLIK DISINI ! 

Cara Membuat Ikon Toko Berlangganan

By  at Rabu, Oktober 30, 2013    3 comments
Widget Berlangganan
RIEFSAZ. Dalam memperganteng blog sangatlah banyak caranya diantaranya dengan membuat Ikon Berlanggan, widget ini tampilannya unik, keren dan tidak memberatkan loading blog, langsung saja bagi sobat yang ingin memilikinya silahkan ikuti panduannya dibawah ini :

 1. Login ke blogger Desain> Elemen Halaman.
2. Klik Tambah Gadget dan pilih 'HTML / Javascript
3. kemudian Paste kode dibawah ini

 Kemudian sobat :
* Ganti BANG KAMPLENK dengan Nama feedburner
* Ganti BANG KAMPLENK dengan Nama twitter 
* Ganti BANG KAMPLENK dengan Nama facebook
* Ganti BANG KAMPLENK dengan Nama youtube 
4. Langkah terakhir klik simpan

<a href="http://feeds.feedburner.com/bloggertrix" imageanchor="1" style="margin-left: .5em; margin-right: 1em; float: center;" rel="nofollow" target="blank"><img border="0" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx5GliHQoHMPd95-e7OeNMrDDJrx1lKzPDPS08_zCEo0byriBT8MTIdRXwoXqnS0nxbU3Ae-Y8PyRceHq7v98Y6S9Pf1VqStR3-ORhlTheITUoMWM7_ZcT07zUo5cW3YdMA_emHj64BjF0/s400/Untitled-5.png" width="290" /></a>
<style> 
.mbtips-email{ 
background:Fff no-repeat 0px 12px ; 
width:270px;
float:center;
font-size:1.4em;
font-weight:bold;
margin:2px 20px 0px 35px;
color:#686B6C;
}
.mbtips-emailsubmit{ 
background:#0084CE;
cursor:pointer;  
color:#fff; 
border:none;
padding:3px;
margin:0 0 0px 0;
text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25); 
-moz-border-radius:2px; 
-webkit-border-radius:2px; 
border-radius:2px; 
font:12px sans-serif;
} 
.mbtips-emailsubmit:hover{ 
background:#E98313; 
} 
.textarea{ 
padding:2px; 
margin:0px 2px 0px 2px; 
background:#f9f9f9; 
border:1px solid #ccc; 
resize:none; 
box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); 
-moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); 
-webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px;   
width:170px; 
color:#666;}
</style>
<style class="text/css">
.center 
{
text-align:center;
font-weight:bold;
margin:10px;
}
</style>
<div class="center">
Submit your Email Address to Get Free Blogger Tips Directly to your Inbox
</div>
<div class="mbtips-email"> 
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=BANG KAMPLENK', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> 
<input gtbfieldid="3" class="textarea" name="email" onblur="if undefinedthis.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if undefinedthis.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here..." type="text" /> 
<input type="hidden" value="BANG KAMPLENK" name="uri"/><input type="hidden" name="loc" value="en_US"/> 
<input class="mbtips-emailsubmit" value="Submit" type="submit" /> 
</form> 
</div>
<style class="text/css">
table
{
border-bottom: 0px solid #E6E6E6;
float: center;
width: 300px;
margin:10px 0 0 15px;
}
.subicons
{
border-right: 1px solid #E6E6E6;
}
.Fadeout {
filter:alphaundefinedopacity=100);
opacity: 1.0;
border:0;
}
.Fadeout:hover{
filter:alphaundefinedopacity=80);
opacity: 0.8;
border:0;
}
</style>
<div class="table">
<table>
<tr>
<td><div class="subicons"><a class="Fadeout" href="http://www.facebook.com/pages/BANG KAMPLENK" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRVQoWlbVGcEXdEcT8sQipvcmBcW7nMb2ox7WJ1BuY_TnuNoEScVgCHuqgVK1IwYvMNCN_QKtrnOu_9pKWzMcpcwr6-X1hnrByeIZaV_jx-qJND2O0w9uYy7UsqrjUWpQBB1yJwwRXahg/s1600/bloggertrix.com-Facebook.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="http://twitter.com/BANG KAMPLENK" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwuLtqs_8jfrXfO8-L9I8XYg0bLfrhgm_HFCNWgqjlsNslRtQP3vwO-7FAwi9x7tmcTymDwkQn4MiB3MKl2QI0V8S3vJpmiVCkunDfcUyKg5BgxOAYR5Iv-YH9KM0flUr0Z5KC0N0tIxo/s1600/bloggertrix.com-twitter.png" /></a></div></td>
<td><div class="subicons"><a class="Fadeout" href="http://feeds.feedburner.com/BANG KAMPLENK" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguXxtIC8-59q8wRjM3Dfe599bLN1nLl-hLgCYA0BUdWJAOHzPTxagKdLlVAvsoq5cj75siXFnlieCSEdDhJ8z_Re3BCmMut5a8kyaRStrm5Xz_ZjnqEj-mmbpZ6h5Qf0l_AbqFFFVqDCE/s1600/bloggertrix.com-rss.png" /></a></div></td>
<td><a class="Fadeout" href="https://youtube.com/BANG KAMPLENK" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3sMacF2SyEkQ2MiH5kzAkSS5uWA8Ngdh3IX2tYB6kb8ODraxOp35DXZJyvIybf6NbIb9zqh012oSqcJ9GsQVCPcNaGyoX7-uF0agovWfgHfoa8x3PhOLx0ugpiMrCcgvyjmdnVUawz94/s1600/bloggertrix.com-youtube.png" /></a></td>
</tr></table>
</div>
K O D E

Cara Membuat Menu Navigation penuh Warna

By  at Jumat, September 27, 2013    4 comments
Multi Colour Menu
RIEFSAZBLOG. Pada kesempatan ini Bang Kamplenk akan memposting tentang bagaimana cara membuat Menu Naviagation Bar yang penuh dengan warna, dengan mengunakan CSS3 selain memperganteng blog tampilannya juga sangatlah elegan, langsung saja ikuti tutorialnya :

1. Klik Blogger Dashboard> Template
2. Backup template Anda
3. Klik pada Edit HTML
4. Cari ]]> </ b: skin> dan tambahkan kode berikut tepat di bawahnya

/* The CSS Code for the menu starts here bloggertrix.com */
.cbdb-menu li {
    display: block;
    float: left;
    line-height: 35px;
    list-style:none;
    margin: 0 5px;}
.cbdb-menu li a {
    /* This generators the gradient on top of the solid color */
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgba(255,255,255,.5)),
        color-stop(1, rgba(0,0,0,.1))
    );
    background-image: -moz-linear-gradient(
        center top,
        rgba(255,255,255,.5) 0%,
        rgba(0,0,0,.1) 100%
    );
    color: #f4f4f4; /* IE */
    color: rgba(255, 255, 255, 0.8);
    display: block;    
    font: bold 18px "Myriad Pro","Lucida Grande",Helvetica,Arial,sans-serif;        
    outline:none;
    padding: 5px 15px;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);    }
    .cbdb-menu li a:active {
        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0,rgba(255,255,255,.5)),
            color-stop(.1,rgba(255,255,255,.2)),
            color-stop(.85, rgba(0,0,0,.2)),
            color-stop(100, rgba(0,0,0,.4))
        );
        background-image: -moz-linear-gradient(
            center bottom,
            rgba(255,255,255,.5) 0%,
            rgba(255,255,255,.2) 10%,
            rgba(0,0,0,.2) 85%,
            rgba(0,0,0,.4) 100%
        );
    }
/* Dark Text */
.cbdb-menu li a.dark {
    color: #333; /* IE */
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
}
/*********** COLORS *************/
/* Create your own class for your own colors */
.red {
    background: #B80202;
    border: #B80202 1px solid}
    .red:hover, .red:focus{
        background-color:#e30606
   }
.green {
    background: #46c431;
    border: #46c431 1px solid}
    .green:hover,.green:focus {
        background-color:#44e329
    }
.yellow {
    background: #D9CE1C;
    border: #D9CE1C 1px solid}
    .yellow:hover,.yellow:focus {
     background-color:#eee117}
.cyan {
    background: #23c6de;
    border: #23c6de 1px solid}
    .cyan:hover,.cyan:focus {
     background-color:#18d8f4
    }
.blue {
    background: #3271d9;
    border: #3271d9 1px solid}
    .blue:hover,.blue:focus {
     background-color:#377ef2
    }
K O D E
5. Pergi ke blogger dan klik Layout 
6. Klik Tambah Gadget dan pilih 'HTML / Javascript 
7. Paste kode di bawah ini 
<ul class="cbdb-menu">
  <li><a href="#" class="red dark">Home</a> </li>
  <li><a href="#" class="green dark">Download</a></li>
  <li><a href="#" class="yellow dark">Design</a></li>
  <li><a href="#" class="cyan dark">About Us</a> </li>
  <li><a href="http://www.riefsazstore.blogspot.com/" class="blue dark">Contact US</a></li>
  </li>
</ul>
K O D E
8. Klik simpan 
oh ya sebelumnya saya juga pernah membuatnya versi yang lain,sobat bisa dilihat disini ...

 Semoga Bermanfaat ;)

Cara Membuat Tombol Demo pada Blog

By  at Jumat, Agustus 30, 2013    3 comments
RIEFSAZBLOG. Pada kesempatan ini Bang Kamplenk akan mengshare tentang bagaimana cara membuat tombol Live Demo, widget ini sangat berguna bagi sobat yang blognya menampilkan tentang tutorial ataupun panduan seputar blog, bila ingin menerpakannya silahkan ikuti triknya dibawah ini :
1. Masuk ke akun blogger dan klik drop down.
blog-post-opsi
2. Sekarang pilih "Template" 
3. Klik EDIT HTML Button "
4. Klik tombol Lanjutkan.
5. Cari tag ]]> </ b: skin> ini dengan menggunakan Ctrl + F
6. Paste kode di bawah ini Sebelum ]]> </ b: skin> 

.button{
font:15px Calibri, Arial, sans-serif;
text-shadow:1px 1px 0 rgba(255,255,255,0.4);
text-decoration:none !important;
white-space:nowrap;
display:inline-block;
vertical-align:baseline;
position:relative;
cursor:pointer;
padding:10px 20px;
background-repeat:no-repeat;
background-position:bottom left;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png');
background-position:bottom left, top right, 0 0, 0 0;
background-clip:border-box;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
-moz-box-shadow:0 0 1px #fff inset;
-webkit-box-shadow:0 0 1px #fff inset;
box-shadow:0 0 1px #fff inset;
-webkit-transition:background-position 1s;
-moz-transition:background-position 1s;
transition:background-position 1s;
}
.button:hover{
background-position:top left;
background-position:top left, bottom right, 0 0, 0 0;
}
.button:active{
bottom:-1px;
}
/* The three buttons sizes */
.button.big { font-size:30px;}
.button.medium { font-size:18px;}
.button.small { font-size:13px;}
/* BlueButton */
.blue.button{
color:#0f4b6d !important;
border:1px solid #84acc3 !important;
background-color: #48b5f2;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'),
-moz-radial-gradient( center bottom, circle,
rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),
-moz-linear-gradient(#4fbbf7, #3faeeb);
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'),
-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,
from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));
}
.blue.button:hover{
background-color:#63c7fe;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'),
-moz-radial-gradient( center bottom, circle,
rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),
-moz-linear-gradient(#63c7fe, #58bef7);
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'),
-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,
from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));
}
/* Green Button */
.green.button{
color:#345903 !important;
border:1px solid #96a37b !important;
background-color: #79be1e;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27, #74b317);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(162,211,30,1)), to(rgba(162,211,30,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#82cc27), to(#74b317));
}
.green.button:hover{
background-color:#89d228;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31, #7fc01e);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(183,229,45,1)), to(rgba(183,229,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#90de31), to(#7fc01e));
}
/* Orange Button */
.orange.button{
color:#693e0a !important;
border:1px solid #bea280 !important;
background-color: #e38d27;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(232,189,45,1) 0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f, #d4821f);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(232,189,45,1)), to(rgba(232,189,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1982f), to(#d4821f));
}
.orange.button:hover{
background-color:#ec9732;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(241,192,52,1) 0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746, #e18f2b);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(241,192,52,1)), to(rgba(241,192,52,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9a746), to(#e18f2b));
}
/* Orange Button */
.gray.button{
color:#525252 !important;
border:1px solid #a5a5a5 !important;
background-color: #a9adb1;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
}
.gray.button:hover{
background-color:#b6bbc0;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KIWWNfcsWVYJNhDhWKcUuCDR6SUSq05i26zGPrnPJu8flujpxUXB5Jr-02H7T0PSAvbxfwXOkZYFbyJ2SDIpIYgwPv8MMFVpT1H9lpJnA7DfJYxgm96oISe_tTqMV88flE402MgVdOrB/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9));
}
K O D E
8. Klik Tambah Gadget dan pilih 'HTML / Javascript 
9. Paste kode di bawah ini. 
 (Sobat dapat menggunakan kode ini di mana saja di posting Anda.) 
<a class="button big blue" href=" Link anda" target="_blank">Live Demo</a>

<a class="button big orange" href="Link anda" target="_blank">Live Demo</a>

<a class="button big green" href="Link anda" target="_blank">Live Demo</a>

<a class="button big gray" href="Link anda" target="_blank">Live Demo</a>
K O D E

Silahkan anda pilih warna yang sobat inginkan
Ganti dengan link Anda
10. Simpan dan lihat hasilnya

 Semoga Bermanfaat ya ;)

Membuat Efek Hover Navigation Bar Terbaru

By  at Kamis, Agustus 29, 2013    No comments
Menu Navigation Bar

RIEFSAZ Blog. Bagi sobat yang belum ada ataupun ingin menambah Navigation Bar pada blognya bisa mengikuti triknya dibawah ini. Navigation Bar ini sangat berbeda dengan kebanyakan yang sudah ada karena penuh dengan warna, Easy, memiliki efek, mudah dalam mengunakannya sangat elegant dan menambah aktarktif blog sobat. Tutorialnya silahkan disimak :

1. Pergi ke Blogger Dashboard> Template
2. Backup template Anda
3. Klik pada Edit HTML
4. Cari ]]> </ b: skin> dan tambahkan kode berikut tepat di atasnya
/* The CSS Code for the menu starts here bloggertrix.com */ #btrix-nav {margin: 100px auto;list-style: none;width: 632px;height: 87px;overflow-y: hidden;} 
#btrix-nav li {float: left;} 
#btrix-nav li a {display: block;color: white;width: 120px;height: 61px;margin-top: 24px;text-decoration: none;text-align: center;border-top: 1px solid #bbb;border-bottom: 1px solid #555;} 
#btrix-nav li a span.aname {font: bold 17px/61px "Arial";color: #fff;text-transform: uppercase;cursor: pointer;position: relative;top: 0;transition: top .5s ease;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);} 
#btrix-nav li a img {position: relative;top: 0;transition: top .5s ease;} 
#btrix-nav li a:hover {cursor: pointer;} 
#btrix-nav li a:hover img {top: -85px;} 
#btrix-nav li a:hover .aname {top: 85px;} 
#btrix-nav li:nth-child(1) a {background: #3eb006;border-radius: 5px 0 0 5px;border-left: 1px solid #bbb;} 
#btrix-nav li:nth-child(2) a {background: #9bc704;} 
#btrix-nav li:nth-child(3) a {background: #0dc3ff;} 
#btrix-nav li:nth-child(4) a {background: #51a2ec;} 
#btrix-nav li:nth-child(5) a {background: #6e3cab;border-radius: 0 5px 5px 0;border-right: 1px solid #555;}
C O D E
5. Pergi ke blogger Tata Letak 
6. Klik Tambah Gadget dan pilih 'HTML / Javascript' 
7. Paste kode di bawah ini. 
<div id="btrix-nav"> 
<li> <a href="#"><span class="aname">Homes</span> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcEWCeDdFpJtxO22zO-60d8J-EravCYqKqaiCS1xGjkmpws-9VvkLoChxAah8Hy5jj7My3MDBeYhB4uPqmsP4B8_7zCfLQBrtk1Yn2p-YOSQK7q2h4QfdayMXE2DexeFyZxCSJ204FCeg/s1600/btrix-home.png" /> </a> </li>
<li> <a href="#"> <span class="aname">Download</span> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitGpKdCz79FkoHyf_zElMIY_1jGplUnCBeHHnm8uspmL6xQkP2zSUJdLg0udon-Y-Ps2jtNOqY2oOqyTkB2sCebUvsvo1_D7BjNdzMzQQP4hnk70gYcSJ7BwpCLk4NVKrw7XZYf2RyDc4/s1600/btrix-download.png" /> </a> </li>
<li> <a href="#"> <span class="aname"> MySql</span> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy4hu24C_4gSjWbQNsFTn_mvvqyyHiBd7mEtl3DbSWoLkESDNx-u-OAFuU64evOw3mD2rvkVuwHgV50LCWicomOesmuiApY10RQK76W-yGrY8LzF3OUFJexjAb9KkUxFaFs1zZG2kjwIE/s1600/btrix-mysql.png" /> </a> </li>
<li> <a href="#"> <span class="aname"> Html</span> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJvwRo2uyUh43nMAKI7NA6scU1A_sEV1SJUCijbVPGYcba-yrqplu_wlFFLFAPhSzz2MY9lIsiThyphenhyphensiHHZkolfowoeNIb0RICqLh9ak4AGezmluy7_bWzM4k6Fyc8cIyoAE7snb-k1x9g/s1600/Btrix-html.png" /> </a> </li>
<li> <a href="#"> <span class="aname">Contact</span> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu-5sKrM3Q6w-y7IK98R7CfujN0fyI6NbE8NU5TK36hdlCdYDq0Q58LzMJj71w6iNdNDAxh2SREjCI1ZGBHa0dWrMQwZtQhZ3WvHR_ZHpw6jUQHoy581w7fTVSeJFWSPjCuJAkoinpEEA/s1600/btrix-contact.png" /> </a> </li> </div>
C O D E
Ganti # dengan link Anda. 
 8. Simpan dan lihat 

 Semoga bermanfaat yee ;)

Koleksi Widget RSS Feed Subcription Terbaru

By  at Kamis, Agustus 15, 2013    7 comments
7 Pilihan RSS
Salam Blogger.
RIEFSAZBLOG. Assalamualaikum...Sebelumnya saya ucapkan Met Lebaran ya...Mohon Maaf kalau masih banyak kekurangan dan komentar yang belum saya jawab, maklum masih belajar.
Dalam memperganteng Blog banyak sekali cara yang dapat dilakukan diantarannya dengan menambah Widget RSS Feed Subcription, manfaat dari widget ini adalah untuk mempermudah pembaca setia blog anda agar selalu update dengan postingan terbaru yang sobat share, bagi anda yang ingin memasang Bang Kamplenk akan membagikan koleksi-koleksi terbaru ada  7 pilihan Widget RSS Feed Subcription, anda bisa memilihnya sesuai hati nurani anda hee...Widget ini mudah dalam pemasangannnya karena tanpa edit HTML dan tidak memberatkan Loading Blog . Ayo ikuti panduannya dibawah ini :
1.Klik Tata Letak.
2.Klik Elemen Halaman.
3.Klik Tambah Gadget.
4.Kemudian Pilih HTML/Javascript.
5.Copy paste kode dibawah ini,

KOLEKSI KE 1

<style>
#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}
 .sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgshyphenhyphenaWY780BjihnCagXG6tXEcZGLpXCbEt2dnv3GLPOxg23poFe-hGKSz160LrzPXhasJ_cpF8QygmO0Xpp1N02Az4s3PO_GTkOx2lSwHwQ_ZNSRwjXaEAuVhNsDOZJlMH3Q0P7IQyCM4/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}
 .sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}
 .sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_FDwzOE0z8I-QrS94XJzBTbHo4llfi4n8aaKctOLx3hog6RhNkt09f70c8D4dMjPP38Kl-hMR8pnfatBzVQ6QljxSf5cZI-1_lTllE5nMKPr1bFj8LISAITveBhzdytIpYF5oD-NTFvc/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}
 .sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}
 .sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}
 .sidebar-subscribe-box-email-button: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}
 #footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}
a.social-icons{margin-right: 5px;height:45px;width:45px;}
a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}
</style>

<div id="sidebar-subscribe-box">
<div class="sidebar-subscribe-box-wrapper">
    <br/>
<a class="social-icons" href="https://facebook.com/riefsazblog"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpRusm-8j9M3klArjucGIk2x1gKyO3rm8_K8S0QPRgw_9UQRQx8YAWqI8djCx_6smmj1PhOgOZL349BVR0GSFdqbxXRScr-2j0_EU7l_us9aagykR4vce1Tkpxdnc86yVABM55mTWxoayx/s1600/riefsazblog-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/riefsazblog"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf6Gxfqna8CBiGCY8zKyMl1uaaK6BLvrpds0qEP_6YvTWF-pBLpMk9HMdO2JKZz-KFygxOrxTv96LhAj3U1egUDEUGwrYio_GdpVtPoo51Jhau3XJfUMb0G3DN6Sd985VXxDQ0olMYPA3-/s1600/riefsazblog-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/userId"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9mV9TxJMiETYukPq_pBVcRgCxYKnwv3hH-BshuOmHEaFyGX4LCtDF9QhjYmgTWDSTuafBHWfe7j_amEpcQUL1SZJNRulvUG42k77a0kUooK8E-UYhNwbZBwv2HMSLsLcGYXKCkFxRq-lQ/s1600/riefsazblog-Googleplus.png" /></a>
<a class="social-icons" href="http://www.feedburner.com/riefsazblog"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8qkeBIjPeERUHqP3C38mDWUMGfO93vyMqDlveC9mP5XYGl9t-NWOY35p-joKtNw0iBEEFPR4KGkDQAlxIv1lfmVsUFGycLEW-52sQhOdX2CG_YPVy2cFHkGmBa6nrKOWjnCryezPGG99G/s1600/riefsazblog-Rss.png" /></a>
<p>Subscribe To Our Email Newsletter & Receive Updates Free</p>
<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=riefsazblog" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=riefsazblog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="riefsazblog" />
<input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address here"/>
<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form>
</div></div></div>
C O D E
KOLEKSI KE 2
<style>
.subscribebtrix {
border: 2px solid #000000;
padding: 8px;
width: 310px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.subscribebtrix:hover {
-moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
-webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
}
.tbimailbox {
border: 1px solid #D3D3D3;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
color: #666;
font: 14px "trebuchet ms", sans-serif;
padding: 7px 15px;
width: 160px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbimailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.btrixsubmit {
font: bold 12px Tahoma, Geneva, sans-serif;
font-style: normal;
color: #ffffff;
background: #ff5714;
border: 0px solid #ffffff;
text-shadow: 0px -1px 1px #222222;
box-shadow: 2px 2px 5px #000000;
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
padding: 8px 15px;
cursor: pointer;
margin: 0 auto;
}
.btrixsubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.btrixsubmit::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
</style>

<br />
<div class="subscribebtrix">
<div style="color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;">
Free Updates to your Inbox</div>
<div style="margin: 10px 0 0 6px;">
<form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="bloggertrix" />
<input name="loc" type="hidden" value="en_US" />
<input class="tbimailbox" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" type="text" value="Enter your email..." />
<input alt="" class="btrixsubmit" title="" type="submit" value="Subscribe" />
</form>
</div>
<div style="border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;">
Follow us:</div>
<div style="margin: -32px 0 0 120px;">
<a href="http://www.facebook.com/riefsazblog" target="_blank" title="Join us on Facebook"><img alt="facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKbh6BqqUwKE-B839WYsjzt3w69Pk6J1pawpoSZ2MFVJxK8cabuW3e8OeT49WnQEiZ8T-EQlG2y9xYVCIa0YvzoI0kUuGAICARS9qsHYMPFj4ICtdL8clVU3uQyOOEU06GlRe9QO9CwBw/s1600/facebook_btrix.png" /></a>
<a href="http://www.twitter.com/riefsazblog" rel="nofollow" target="_blank" title="Follow us on Twitter"><img alt="twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwR0VacyV399Y5PykTMssEKqHj58AeEDSPf2kyjqPnMCnPk62R3jsYSZFUkl06XnrZqCeRzlENatVF6pZx_ZwEIOQBcmisHRnlUoRLQGuLlHpOMvOuYE9Ecf6TJt7kyrwjABnuBtKy4Z0/s1600/twitter_btrix.png" /></a>
<a href="https://plus.google.com/UserId" rel="nofollow" target="_blank" title="Follow us on Google+"><img alt="gplus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXl6dB8K6Vkrxx_rH1r1puyPC-0JnrB9O3k7G5ngbSnXRKJFlPpll5bcG_4i3iJv8vvzyhB0fJTPajwAIY36cXQzbBTVtdEW_b-V-qspvHKZ84yYoCIn2BF7P9wD9675QPHmeEFXPZwjw/s1600/googleplus_btrix.png" /></a>
<a href="http://www.pinterest.com/riefsazblog" rel="nofollow" target="_blank" title="Follow us on Pinterest"><img alt="pinterest" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQePNNbNOV4gB7aqbJiPN6TjJCMhikV_n14Y58gT6UNlhjkL6QhO_FJVUfJH_jv0qwb5iKZHkZIjfFbVXvsiYxYwtK7Oz2wiRz2MlBtT-o20n2KW1_JP0rZeWfYbvM-pX_wIkUOwRlcaI/s1600/pinterest_btrix.png" /></a>
<a href="http://feeds2.feedburner.com/riefsazblog" rel="nofollow" target="_blank" title="Subscribe to RSS"><img alt="rss" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBzN3RT-Ukrs7THVGPrGlz3D955fcC8YODBF9u6avge4vXPbg-jQmd4s4PlffdYKypN39qgXfRQGHHXnPPVuXk-fpft1SQX-O2OSSDvOH8lW211RqSjmCQmeCJEK0kM2qRqjKijkHLpR8/s1600/rss_btrix.png" /></a>
</div>
<div align="center">
<a href="http://feeds.feedburner.com/bloggertrix"><img alt="" height="26" src="http://feeds.feedburner.com/~fc/bloggertrix?bg=FF9900&amp;fg=444444&amp;anim=1" style="border: 0;" width="88" /></a></div>
</div>
C O D E

KOLEKSI KE 3
<center>
<div align="center" id="bloggertrix1-Subscribe-wrapper">
<div id="ig-subscription-optin" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 250px;">
<h3 id="bloggertrix1-title-text" style="color: white; font-size: 20px;">
GET FREE EMAIL UPDATES</h3>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=riefsazblog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<a class="social-icons" href="https://facebook.com/riefsazblog"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpRusm-8j9M3klArjucGIk2x1gKyO3rm8_K8S0QPRgw_9UQRQx8YAWqI8djCx_6smmj1PhOgOZL349BVR0GSFdqbxXRScr-2j0_EU7l_us9aagykR4vce1Tkpxdnc86yVABM55mTWxoayx/s1600/Bloggertrix-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/riefsazblog"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf6Gxfqna8CBiGCY8zKyMl1uaaK6BLvrpds0qEP_6YvTWF-pBLpMk9HMdO2JKZz-KFygxOrxTv96LhAj3U1egUDEUGwrYio_GdpVtPoo51Jhau3XJfUMb0G3DN6Sd985VXxDQ0olMYPA3-/s1600/bloggertrix-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/userId"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9mV9TxJMiETYukPq_pBVcRgCxYKnwv3hH-BshuOmHEaFyGX4LCtDF9QhjYmgTWDSTuafBHWfe7j_amEpcQUL1SZJNRulvUG42k77a0kUooK8E-UYhNwbZBwv2HMSLsLcGYXKCkFxRq-lQ/s1600/Bloggertrix-Googleplus.png" /></a>
<a class="social-icons" href="http://www.feedburner.com/riefsazblog"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8qkeBIjPeERUHqP3C38mDWUMGfO93vyMqDlveC9mP5XYGl9t-NWOY35p-joKtNw0iBEEFPR4KGkDQAlxIv1lfmVsUFGycLEW-52sQhOdX2CG_YPVy2cFHkGmBa6nrKOWjnCryezPGG99G/s1600/Bloggertrix-Rss.png" /></a>

<input class="email" id="bloggertrix_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="Enter Email Address" /><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<input name="uri" type="hidden" value="riefsazblog" /><input name="loc" type="hidden" value="en_US" /> <input id="digitalhubinc_Submit_Text" style="height: auto; padding: 5px 0;" type="submit" value="Get Access Today!" /></form>
</div>
</div>
</center>
<style>
a.social-icons {margin-right: 5px; height:40px;width:40px;}
a.social-icons:hover {opacity: .7;filter:alpha(opacity=70); }
#ig-subscription-optin {margin: 0px;padding: 10px;background: #2A6DA9;
background: -moz-linear-gradient(top, #5AE, #036);background: -webkit-gradient(linear, left top, left bottom, from(#5AE), to(#036));height: auto!important;color: white !important;padding: 20px 15px !important;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px;
margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;
padding: 5px;border: none;}#ig-subscription-optin input.name {
background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggUAoZBdun5gnNQPRb7L_TdW5uVL4RDUBWJUuwzwJXx-cZvJ7ir7wNX9v_jSWJvxqDcDz2rXIvDjpR8oMBgySpQ0hmPKhfHnZ5sUe4ys_ynIdxHGOqpkcSHgzIwAbxTu16l2Uho1QFBIcG/s1600/subscribe-name.png) no-repeat center right;}
#ig-subscription-optin input[type="text"] {border: 1px solid #111 !important;
font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;}
#ig-subscription-optin input.email {background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5KNnKAVKvLh6TSz9f9w6eZ2ECPKXeD8X6pRZNXxTZUOuigMNfXvip6d3QTJl1VNmzIYkqXKMf42YJEeZIEHzb8fsZqH_xEGfvOl8JfujNdQYETo9xP9oZNWMNTsnmAKOFhwDGUndot8GS/s1600/subscribe-email.png) no-repeat center right;}#ig-subscription-optin input {
font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#ig-subscription-optin h3 {margin-top: 10px !important;margin-bottom: 8px !important;margin-left: 10px !important;margin-right: 10px !important;
font-weight: bold !important;line-height: 26px !important;letter-spacing: normal;
text-transform: none;text-decoration: none;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif;
border: none;padding: 0px !important;float: none;}input:hover[type="submit"] {
background-color: #0094D2;border: 1px solid #0094D2;color: white;text-decoration: none;}input[type="submit"] {background-color: #00A7ED;border: 1px solid #0094D2;
color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input {
color: #333;font-family: 'Droid Sans', sans-serif;}#ig-subscription-optin input[type="submit"] {background: #960E17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZXkEZDSlt1u2B6W6vWU1ItCCgEG07GrFzFwthvNocffz6GsKK53W0EjznOfXdTGEgrr9aYT-MnYkuXICmkvc9zOPNisn4pV7YpdLDyML_7RYOI_DG_zEUur_dMP1xwzN6-i2twIby6iHE/s1600/subscribe-red.png) repeat-x top;border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important;
padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;}
#ig-subscription-optin input[type="submit"]:hover {color: #FFA5A5;}</style>
C O D E
KOLEKSI KE 4
<style>
#btrix-newsletter{ width:290px;background:#2e3639; color:#fff; padding:20px; font-size:14px;  margin-bottom:20px;  -moz-box-shadow: 2px 2px 2px #000000;-webkit-box-shadow: 5px 5px 5px #000000;box-shadow: 5px 5px 5px  #000000;border:double 5px #000000;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}

#btrix-newsletter .btrix-title {  margin-bottom:10px;margin-top:-10px; }
.btrix-title{margin-left: 8px;font-size:25px; font-weight:bold; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:1px 8px 2px 8px;text-align:center;border:1px solid #151819;color:#fff;background:#222729;display:inline-block;}

#footer-subscribe-btn {width:116px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
position:relative;left:135px;}
.footer-submit-btn {margin-left:50px;margin-top:-5px;margin-bottom:-50px;border: none;color: #fff;text-transform: uppercase; font-size: 13px;padding: 5px 18px 5px;background: #e93a30;border-radius: 30px;-webkit-border-radius: 30px; 
-moz-border-radius: 30px;font-weight: bold;-webkit-transition: background .2s linear;
-moz-transition: background .2s linear;-ms-transition: background .2s linear;-o-transition: background .2s linear;transition: background .2s linear;cursor: pointer;
}
.footer-submit-btn:hover { background:#e51111;}

#fastsearch ,#footer-subscribe-email{background:#62686b;color:#fff;font-size:14px;border:none;
box-sizing:border-box;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;outline:none;padding:0px 15px; height:30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#fastsearch.inactive ,
#footer-subscribe-email.inactive {color:#b5b7b8;}
#footer-subscribe-email {width:100%;}
#sb-nl-members-count {  font-size:12px; font-weight:bold;text-align:center;width:150px;margin:0 0 -36px 0 ;display:inline-block;
</style>


<br />
<div id="btrix-newsletter">
<div class="btrix-title">
Get Email Updates</div>
<div class="btrix-nl-text">
<center>
Subscribe to Get Latest Updates Free</center>
</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=riefsazblog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="inactive footer-text-field" id="footer-subscribe-email" name="EMAIL" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Your email address" />
<input name="uri" type="hidden" value="riefsazblog" />
<input name="loc" type="hidden" value="en_US" />
<br />
<div id="sb-nl-members-count">
<table border="0">
<tbody>
<tr>
<td style="padding-right: 4px;"><a href="http://twitter.com/riefsazblog" target="_blank" title="Follow Me On Twitter">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikoQZtddkIMAG-WtlinvE8I_jyZkJCnf2-tn1fWwd7DZaSF1oc_3PU36wIjyl-blmlgM3GE0lYI-cuQtsHCv2bdBc8YBNQFF_ee1PQIwDXsDfObDbUvOorYJXmjHnoFfv56ADFacDqUIM/s1600/bloggertrix.com-twitter-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://feeds.feedburner.com/riefsazblog" target="_blank" title="Subscribe Via RSS">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVg2VGiLtXVaTXz11BVg9ydw67nQuhlEX0gHsEHyFPZwEzQ0tP7OwFib2M8jR2qmmik_cJ6_gDg6JinMSb0IXgMnGHPr9Gbs5YnImXTUZ4QWBeSrJ21Neb65Wxn9HXW6Y0L07HuxODRm0/s1600/bloggertrix.com-rss-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://www.facebook.com/riefsazblog" target="_blank" title="Find Us On Facebook">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_WRXoFYMMrBQSx0PrxytkQfeJlc8QVoiZmXk1kzsimzD3z_9wCNfd1XUvicBi7hqL5GHrJqaFC_3KTJJYrjYKIKHpCn3stunymEensFX23ooWr6LA0YLh9TT93aUB3tSqxlH5xpV6_aw/s1600/bloggertrix.com-facebook-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="https://plus.google.com/107955298793879602013" target="_blank" title="Add me on Google+">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwo-NHk5NTki9Icr9hXsSdNiAoFMB_GSpixk3ZaMoZqf805ivsRY6Fnuoo7yZZ7zB9EauEPdj39kjm9Zfe_kezAfG3kJT2pHgm0xFQQ0Q_2ICKhTZk6J3z2MWgXMKrEc2M7WeHZoYJQ_4/s1600/bloggertrix.com-google-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://youtube.com/UserId" target="_blank" title="youtubr subscribe">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggKqrwI0Y6Ry22xKL0Phc0S2MDwAZnJ8Q11IO6YgANQxF6MpjKfXrsYY5Lh8p94FFiKGmjLXglqcmbtWRSiukSYIQGAB2aquWRwyUEsQHDmfVkPezZV2EidE5B0lZw5_r7ltHsr28qlvk/s1600/bloggertrix.com-youtube-icon.png" style="height: 25px; width: 25px;" /></a>
</td></tr>
</tbody></table>
</div>
<input class="footer-submit-btn" id="footer-subscribe-btn" type="submit" value="Subscribe" />

<div class="clr">
</div>
</form>
</div>
C O D E
KOLEKSI KE 5
<div id='ypg-socialsub'>
    <div class="strip">
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE13YkwBk80sY5Xx4NHu8RGwR_BI0lG60qizvnGaVcKwu8TCqaeNjDEbsEKwvSajmzbTWWrL5w-L_UAoVtkXuDUAwXBF03mkcu8s_LhfoLDZthDXOfS586xKh8hURjXLFbQm_zedh8dew/s1600/strip.png"  height="5" width="100%"/>
</div>
  <div class='ypg-socialsub-title'>
    Sign Up In Seconds
  </div>
<div class='ypg-socialemailsub'>
   
    <form action='http://feedburner.google.com/fb/a/mailverify?uri=pcgenieland' class='ypg-subsbox-form' method='post' target='_new'>
      <input class='ypg-socialemailsubname' name='name' placeholder='Your Name' type='text'/>
      <input class='ypg-socialemailsubemail' name='email' placeholder='Your Email Address' type='text'/>
        <br/> <br/>
      <input class='social89button' type='submit' value='Sign Me Up!'/>
    </form>
  </div>
    <br/>
    <div id="flipboard_btrix">
<div class="text5">
   <font size="2"> <font color="#bdc3c7"> .or you can connect through our social sites </font></font>
        </div>
<br />
        <center>
<ul class="flipboard_btrix">
<li><a href="http://www.pinteresr/shipsocker"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP5RUPLv2UCs2Ml_IT171qm0VIPfpmpLCeZFxttcRdkmgxYD4QY8bsqHTFo-ObxhcK5Q4AGUYMqSGK1yrXaJj7L2zweASvcYas8iRAb_ATnNfEatf0kY_xHnhoF0KN0Onf70QknRgxRLcV/s1600/btrix_pinterest.png" title="Pinterest" /></a></li>
<li><a href="http://www.facebook.com/riesazblog"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvKwudYxr1VhtNRMbXko4q_v69GX4z40EQSD4wIzg1zryjDAysi-UzFwpLMSsm9OCh3aJ4ziyEnjwM9YyrVI5RSJQ7Zcox19l_pbDUGvJxdEatd6qjeuqPp2kuBQf29Yxa0rUpt3aMKW7j/s1600/btrix_facebook.png" title="Add to Facebook" /></a></li>
<li><a href="https://plus.google.com/https://plus.google.com/107955298793879602013"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmmkF5XrRO90zATjxU5VqO_cVG54BGdUASTGr7S18bBbWZmiVDUH1WNyL1rg2vIZnNubStiYK3wo9ygUL28FfIjv2Fzqs2uAsVuoRcCLrjhrycmI7iG4w4Ol_o8rkq-j7qtTo9a7reXk9H/s1600/btrix_google+.png" title="Google plus" /></a></li>
<li><a href="http://www.twitter/riefsaz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHcQiaM5FMSQBCSuaX7p1zFlaurNsuzrA-6YGfaLO33TuKvocVPey6_pcUATHeo7w_k9gkrynzy65Pc4j_PrVX9OmTjsMDf9OtkPTCpZJMrB90rlX8IIIbFjUrUkdOf9vdQEuEV4DdZ9M_/s1600/btrix_twitter.png" title="Add to Twitter" /></a></li>
<li><a href="http://feeds2.feedburner.riefsazblog"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXEhNRUBR3_lnoyEXEiMcBSotxPKZyJ14gUpU611kk1mdeCJ17zYhkfkB2KZLHSuN0Ppzyj85o7HE052l3h3FALvpoUiSEu41S8m-9rz_Uaop1ec1C0DmqmQBX_J5LsoJAcoVWFxyFoWNV/s1600/btrix_rss.png" title="Add RSS Feed" /></a></li>
</ul>
        </center>
    </div>
</div>

<style>
 .strip{
    margin-top:-12px;
    width:100%;
    margin-bottom:-6px;
 }
#ypg-socialsub {
    width:300px;
    padding-bottom:10px;
    background:#f9f9f9;
    border:1px solid #eaeaea;
    -webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
  }
  .ypg-socialsub-title { 
       font-family: Verdana;
    font-size:25px;
    background:#16a085;
    padding-top:10px;
    padding-bottom:14px;
    color:#fff;
    text-align:center;
    margin-bottom:5px;
  }
 
  .ypg-socialemailsub {
    font-size:14px;
    padding:5px;
    color:#444;
    font-family: Arial;
    font-family:bold;
  }
  .ypg-socialemailsubname {
    background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_LcknVbouK6Cn7y6FKiLEfglSxirce8fx-IdztyL5ddo1FazVq-sOXG_ULsGEJl2g4qzSMuF-JUZYPlj7kSEoK9C41rWjOafTOlAZZawhWPPUSgqUr-M9V2yYMRtHQSOZtSY-LXvB8Gs/s320/name.png) no-repeat 7px 8px;
    border:2px solid #dbdad9;
    font-family:Arial,sans-serif;
    font-size:13px;
    font-weight:bold;
    color:#dbdad9;
    width:225px;
    height:25px;
    padding:5px 15px 5px 28px;
    margin-left:10px;
    display:inline-block;
    transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
 
    -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
 
    -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
 
    -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
  moz-box-shadow: 1px 1px 3px 0 #ddd;
-webkit-box-shadow: 1px 1px 3px 0 #ddd;
box-shadow: 1px 1px 3px 0 #ddd;
 
  }
  .ypg-socialemailsubemail {
    background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvBLjYHQTWz8Pv6bGJ1Vr-ZLkSNRbY4nqRs6vjFtchyphenhyphenZWWoLPtvI3IHMIBKcQYABLhf6GoljGzJIeU8QWB6_cZ20xBp_829u8S2KW-rzSQEL-VmfNXOJza32SF424QyffrvjokKgNDI9k/s320/email.png) no-repeat 7px 10px;
    border:2px solid #ddd;
    font-family:Arial,sans-serif;
    font-size:13px;
    font-weight:bold;
    color:#ddd;
    width:225px;
    height:25px;
    margin-top:10px;
    padding:5px 15px 5px 28px;
    margin-left:10px;
    display:inline-block;
    transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
     -moz-box-shadow: 1px 1px 3px 0 #ddd;
-webkit-box-shadow: 1px 1px 3px 0 #ddd;
box-shadow: 1px 1px 3px 0 #ddd;
 
    -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
 
    -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
 
    -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
 
 
  }
  .ypg-socialemailsubname:hover,.byard-socialemailsubemail:hover {
    border:2px solid #bebebe;
    box-shadow:0.5px 1.5px 2px #ddd;
     moz-box-shadow: 1px 1px 3px 0 #ddd;
-webkit-box-shadow: 1px 1px 3px 0 #ddd;
box-shadow: 1px 1px 3px 0 #ddd;
  }
 
  .social89button {
      box-shadow:none;
   background:#e74c3c;
    color:#ffffff;
    font-family:arial;
    font-size:20px;
    font-weight:bold;
    padding:10px 0px;
    text-decoration:none;
    margin-top:15px;
    margin-left:6px;
  width:280px;
border-radius: 8px;
  }
  .ypg-socialemailsubbutton:hover {
  opacity:0.9;
  }
  .ypg-socialemailsubbutton:active {
    position:relative;
    top:1px;
  }
.text5{
    margin-top:8px;
    color:#ddd !important;
    font-size:12px;
    padding-right:2px;
    padding-left:2px;
    font-family:verdana;
}
#flipboard_btrix{ width:300px;}
ul.flipboard_btrix{
margin:0;
padding:0;
list-style:none;
-webkit-perspective: 10000px;
-moz-perspective: 10000px;
-o-perspective: 10000px;
perspective: 10000px;
}
ul.flipboard_btrix li{
display: inline-block;
width: 55px;
height: 50px;
margin-right: -px;
background: white;
font: bold 36px Arial;
text-transform: uppercase;
text-align: center;
cursor: pointer;
}
ul.flipboard_btrix li a{
display:block;
width: 100%;
height: 100%;
color: black;
text-decoration: none;
outline: none;
-webkit-transition:all 300ms ease-out 0.1s;
-moz-transition:all 300ms ease-out 0.1s;
-o-transition:all 300ms ease-out 0.1s;
transition:all 300ms ease-out 0.1s;
}
ul.flipboard_btrix li a span{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 5px;
display:block;
width: 100%;
height: 100%;
-webkit-transition:all 300ms ease-out 0.1s;
-moz-transition:all 300ms ease-out 0.1s;
-o-transition:all 300ms ease-out 0.1s;
transition:all 300ms ease-out 0.1s;
}
ul.flipboard_btrix li a img{
border-width: 0;
}
ul.flipboard_btrix li:hover a{
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
ul.flipboard_btrix li:hover a span{
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
form#btrix-searchform {
    display: block;
    padding: 7px 16px;
    margin: 0;
}
form#btrix-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 198px;
    font-size: 16px;
    font-family: georgia;
    font-style: italic;
    color: #666666;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
C O D E

KOLEKSI KE 6 
Silahkan Klik disini ! 

 KOLEKSI KE 7
Silahkan Klik disini !

 KETERANGAN : 

  • Ganti riefsazblog dengan Feedburner ID 
  • Ganti riefsazblog dengan nama pengguna Facebook Anda 
  • Ganti riefsazblog dengan nama pengguna Twitter Anda 
  • Ganti 107955298793879602013 dengan Google Anda ditambah Userid 
Refrensi : dari berbagai sumber
Semoga Bermanfaat, Happy Blogging ;)

Cara Membuat Komentar Terbaru Bergaya Datar

By  at Rabu, Juli 31, 2013    2 comments
Recent Comments Terbaru
Salam Blogger !
Pada kesempatan ini Bang Kamplenk akan mengshare cara membuat Recent Comments Terbaru, pada artikel sebelumnya saya juga pernah membagikan cara Membuat Recent Comment Bergaya Windows delapan. Bagi sobat yang ingin memperganteng blognya widget ini bisa dijadikan pilihan, tampilannya bergaya, simple, keren dan tidak memberatkan loading blog anda, bagi sobat ingin memiliki silahkan ikuti panduannya dibawah ini : 
1.Klik Tata Letak.
2.Klik Elemen Halaman.
3.Klik Tambah Gadget.
4.Kemudian Pilih HTML/Javascript.
5.Copy paste kode dibawah ini :

NB : Silahkan sobat ganti kata Feed id dengan Feed Burner blog anda
Semoga Bermanfaat.
 <script type='text/javascript'>//<![CDATA[
    function latest_recent_comments(e){var t;t='<ul class="latest_recent_comments">';for(var n=0;n<numComments;n++){var r,i,s,o;if(n==e.feed.entry.length)break;t+="<li>";var u=e.feed.entry[n];for(var a=0;a<u.link.length;a++){if(u.link[a].rel=="alternate"){r=u.link[a].href}}for(var f=0;f<u.author.length;f++){i=u.author[f].name.$t;s=u.author[f].gd$image.src}if(s.indexOf("/s1600/")!=-1){s=s.replace("/s1600/","/s"+avatarSize+"-c/")}else if(s.indexOf("/s220/")!=-1){s=s.replace("/s220/","/s"+avatarSize+"-c/")}else if(s.indexOf("/s512-c/")!=-1&&s.indexOf("http:")!=0){s="http:"+s.replace("/s512-c/","/s"+avatarSize+"-c/")}else if(s.indexOf("blogblog.com/img/b16-rounded.gif")!=-1){s="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvOZjk-zEmtyt-R9hxsVNXzbC-y0NI-RD0RdRTEPEQNOenWhxz_iYFcuV7Dq40nV7CEalUMVuH4FXY-G11eEdyMYq0aN-AdHKP8rWdeZq6jVAOe1B5Cfj40077sutH7szSnq4pqZBKWjij//"+avatarSize+"/md_blogger_logo.png"}else if(s.indexOf("blogblog.com/img/openid16-rounded.gif")!=-1){s="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVWUAD1KYR9BP5-H6y2y3aKK_VtX7f0tOFOYGthR7aaBs0gGftwRkG4459TLtt0fKzOv_ZM10CmfCbudmHXEVzArANJW3GlzMe7sVH-290ljbNMta29DlliPAsvkjbz8B3o80NyXKv9wfN//"+avatarSize+"/md_openid_logo.png"}else if(s.indexOf("blogblog.com/img/blank.gif")!=-1){if(defaultAvatar.indexOf("gravatar.com")!=-1){s=defaultAvatar+"&s="+avatarSize}else{s=defaultAvatar}}else{s=s}if(showAvatar==true){if(roundAvatar==true){o="avatarRound"}else{o=""}t+='<div class="avatarImage '+o+'"><img class="'+o+'" src="'+s+'" alt="'+i+'" width="'+avatarSize+'" height="'+avatarSize+'"/></div>'}t+="<span>"+i+"</span>";var l=u.content.$t;var c=l.replace(/(<([^>]+)>)/ig,"");if(c!=""&&c.length>characters){c=c.substring(0,characters);c+="&#8230;"}else{c=c}t+='<a href="'+r+'">'+c+"</a>";t+="</li>"}t+="";document.write(t)}var numComments=numComments||8,avatarSize=avatarSize||34,characters=characters||26,defaultAvatar=defaultAvatar||"https://lh5.googleusercontent.com/-5YeC_6-32nw/UPb7SL-uGXI/AAAAAAAABWE/QJRpUV7G9bc/s80/personal.png",showAvatar="undefined"===typeof showAvatar?!0:showAvatar,roundAvatar="undefined"===typeof roundAvatar?!0:roundAvatar,hideCredits="undefined"===typeof hideCredits?!1:roundAvatar
    //]]></script>
    <script type="text/javascript" src="http://FEED ID/feeds/comments/default?alt=json&callback=latest_recent_comments&max-results=7"></script>
    <link type="text/css" rel="stylesheet" href="https://dl.dropboxusercontent.com/s/exxk700dfe4kqiu/metro-style-recent-comments-v2.css"/>
C O D E

Cara Membuat Artikel Terbaru, Terbaru Tanpa Edit HTML

By  at Jumat, Juni 14, 2013    4 comments
Update Article
Salam Blogger.
Bagi sobat yang ingin memperganteng Blognya dengan cara menambahkan Artikel Paling Baru bisa ikuti panduannya dibawah ini, Fungsi dan kegunanya yaitu mengetahui dan memudahkan pembaca dan pengunjung apa saja yang baru saja ditambahkan oleh Admin Blog tersebut,  Tutorial ini juga masih bisa di kostumasi sesuai selera sobat ;) silahkan di coba :
1.Klik Tata Letak.
2.Klik Elemen Halaman.
3.Klik Tambah Gadget.
4.Kemudian Pilih HTML/Javascript.
5.Copy paste kode dibawah ini :

Semoga Bermanfaat.

<style type='text/css'>
#mas-terbaru{border:1px solid #ffffff;width:100%;margin:0 auto}
#terbaru{margin:0px}
.mas-elemen{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px}
.mas-elemen img{background:#ffffff;padding:4px;float:left;height:70px;margin-right:8px;width:70px}
.mas-elemen h6,.mas-elemen h6 a{font-size:12px!important;font-weight:700!important;margin:0;color:#111}
.mas-elemen:hover{background-color:#c3c3c3}
.mas-elemen p{font:14px Terbuchet MS;text-align:justify;color:#555;line-height:14px;margin:5px 0}
#mas-loading{color:#888;font-family:Terbuchet MS;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu0ozsJ0tNUHsydiU7m2F2YCkzs27mQouI6csR63rt0bqQi6CR5pBNO-JhcR-iBxfyNPqdE5QuSyNwZmXq0F0-RkFOg9gtKUup9tH6wyKQQqbb8F99HeV5VJ8sToTKO32xp5BUxS7-dSc/s1600/loading.gif) no-repeat 50% 50%;height:470px;border:1px solid #c3c3c3}
#mas-navigasifeed{border:1px solid #c3c3c3;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0px}
#mas-navigasifeed:hover{background-color:#c3c3c3}
#mas-navigasifeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
#mas-navigasifeed span{padding:5px 10px}
#mas-navigasifeed .next{float:right}
#mas-navigasifeed .previous{float:left}
#mas-navigasifeed .home{text-align:center}
#mas-navigasifeed a:hover,#mas-navigasifeed span.noactived{color:transparant!important}
</style>
<script type='text/javascript'>
/*
* Author:    Huda Ahmad
* Url:    http://giga-watt.blogspot.com/
*/
//<![CDATA[
var numfeed = 3;
var startfeed = 0;
var urlblog = "http://riefsaz.blogspot.com/";
var charac = 70;
var urlprevious, urlnext;

function maskolisfeed(johny,banget){
var showfeed = johny.split("<");
for(var i=0;i<showfeed.length;i++){
if(showfeed[i].indexOf(">")!=-1){
showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(">")+1,showfeed[i].length);
}
}
showfeed =  showfeed.join("");
showfeed = showfeed.substring(0,banget-1);
return showfeed;
}
function showterbaru(json) {
var entry, posttitle, posturl, postimg, postcontent;
var showblogfeed = "";
urlprevious = "";
urlnext = "";
for (var k = 0; k < json.feed.link.length; k++) {
if (json.feed.link[k].rel == 'previous') {
urlprevious = json.feed.link[k].href;
}
if (json.feed.link[k].rel == 'next') {
urlnext = json.feed.link[k].href;
}
}
for (var i = 0; i < numfeed; i++) {
if (i == json.feed.entry.length) { break; }
entry = json.feed.entry[i];
posttitle = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
if ("content" in entry) {
postcontent = entry.content.$t;
} else if ("summary" in entry) {
postcontent = entry.summary.$t;
} else {
postcontent = "";
}
if ("media$thumbnail" in entry) {
postimg = entry.media$thumbnail.url;
} else {
postimg = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgRzDlwSmZFtUQ9JXwkBBEV-JBvwikVabCuq2eIUnYT8vtZrTIw1ZgJn5SxOnMgQMMxoiOGFkTgzSzGe9pIFmVma-uXHtVHnJ277jvvixcjPLicx6TuRYrGn1VrQqegRDVwiC_81FdUxc/s1600/no+image.jpg";
}
showblogfeed += "<div class='mas-elemen'>";
showblogfeed += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";
showblogfeed += "<h6><a href='" + posturl + "'>" + posttitle + "</a></h6>";
showblogfeed += "<p>" + maskolisfeed(postcontent,charac) + "...</p>";
showblogfeed += "</div>";
}
document.getElementById("terbaru").innerHTML = showblogfeed;
showblogfeed = "";
if(urlprevious) {
showblogfeed += "<a href='javascript:navigasifeed(-1);' class='previous'>&#9668; Previous</a>";
} else {
showblogfeed += "<span class='noactived previous'>&#9668; Previous</span>";
}
if(urlnext) {
showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>Next &#9658;</a>";
} else {
showblogfeed += "<span class='noactived next'>Next &#9658;</span>";
}
showblogfeed += "<a href='javascript:navigasifeed(0);' class='home'>Home</a>";
document.getElementById("mas-navigasifeed").innerHTML = showblogfeed;
}

function navigasifeed(url){
var p, parameter;
if(url==-1) {
p = urlprevious.indexOf("?");
parameter = urlprevious.substring(p);
} else if (url==1) {
p = urlnext.indexOf("?");
parameter = urlnext.substring(p);
} else {
parameter = "?start-index=1&max-results=" + numfeed + "&orderby=published&alt=json-in-script"
}
parameter += "&callback=showterbaru";
incluirscript(parameter);
}
function incluirscript(parameter) {
if(startfeed==1) {removerscript();}
document.getElementById("terbaru").innerHTML = "<div id='mas-loading'></div>";
document.getElementById("mas-navigasifeed").innerHTML = "";
var archievefeed = urlblog + "/feeds/posts/default"+ parameter;
var terbaru = document.createElement('script');
terbaru.setAttribute('type', 'text/javascript');
terbaru.setAttribute('src', archievefeed);
terbaru.setAttribute('id', 'MASLABEL');
document.getElementsByTagName('head')[0].appendChild(terbaru);
startfeed = 1;
}
function removerscript() {
var elemen = document.getElementById("MASLABEL");
var parent = elemen.parentNode;
parent.removeChild(elemen);
}
onload=function() { navigasifeed(0); }
//]]>
</script>
<div id="terbaru"></div>
<div id="mas-navigasifeed"></div>
C O D E

Membuat Dynamic Social Bar tanpa Edit HTML

By  at Kamis, Mei 16, 2013    2 comments
Social Bar
Salam Blogger! Pada kesempatan ini Bang Kamplenk akan mengshare tentang cara Membuat Widget Dynamic Social Bar keren, unik dan mudah digunakan, dalam penerapannya tidak perlu Edit HTML,dan tidak memberatkan loading blog anda. Bila ingin mencoba langsung saja ikuti tutorialnya dibawah ini : 
D E M O

1.Klik Tata Letak.
2.Klik Elemen Halaman.
3.Klik Tambah Gadget.
4.Kemudian Pilih HTML/Javascript.
5.Copy paste kode dibawah ini :

Semoga Bermanfaat.

<style>
.sosmed-kananblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVN4P3xvHyTP0pNeu1P6ZlLLFwWj54Fb7wBHJsYrHSmtA9JyYmU1m4z6dAfCtgjFS1WS_lQjoBY3p-XhxTD5cIj0rRmDV1bGFiXBKWqyoS210FAOBx5GmB1aS0jQJMt3ZHCpMzrj4zvZbV/s1600/FB.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}
.sosmed-kananbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihn71SbQU1k56pUGY49QxqTfTkAD83vHyiny_lDp3udLfWK3pbj8I41ynm9yfIxkFRss_mU2jWLxxK3525ORmTp04EtRVVf1W2UXlhlTguXPNBKB0XJzrHDLzx26y-Hjz1X-YdwrH0tjW2/s1600/FB-open.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}
.sosmed-isiblogger{margin:0px 0 0 43px}
.sosmed-kanantwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfMspOzE3KhakY5zavOUTHOBfDrN7jdmAG-1j8JVxgOSX9WtgBVbzReP6jh-7rccVmYKXEtvPujtn2Cpa9zy2KVl1oFIb__TLk14EnoKnDG430Gln5vbJ6SXip4mDq5WdY5oJARQfk40QT/s1600/TW.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}
.sosmed-kanantwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUH9jkUKPFpUfZbI3gF2dCIQhSIMJDmp697LkmoplLMXx45TY6Yta9i6fXjux5SawUp70_eqcVRBM2l0adPNdCOuXflEFQ9SbRi9atUB5oTYXDALneCQusdF_kWkU7hYuBZpesDYSoeN3J/s1600/TW-open.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}
.sosmed-isitwitter{margin:0px 0 0 43px}
.sosmed-kananfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO6yPtOHBxwIhyPtz3vcDAP7GsIS4x7g4_rOnT-DeVclWeg2quWiMmHKmb_aRuGD1Vy22ZFLNZKdxxRJmo6L6i3PshfrNOs3NcLVO1ckpJJA99GgsaTlsCq9QC_l71NBNsAQ0H8vU-RKIp/s1600/G+.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}
.sosmed-kananfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWyxI8ZtjuCYdKpzuE_9_4MbwyQDH9e8bs6ivv-u9_06_xc_0P1o3-V8siE018yyqEFQdXDYWCWG9wA_LEDvqLNRBNcqenZPHxrlRZsKz1F0Tf5_jtG-kWShyphenhyphenIyVYIm4rK1ObNL67sRR_7/s1600/G+-open.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}
.sosmed-isifacebook{margin:0px 0 0 43px}
.sosmed-kananrss{background:url('http://2.bp.blogspot.com/-A2gUy4WF8l8/UUa2igFbIZI/AAAAAAAAAiM/2ck6-Wot2yM/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}
.sosmed-kananrssc{background:url('http://1.bp.blogspot.com/-RZyN5DznuUY/UUa9Uc04tFI/AAAAAAAAAi8/okz_LnBFNS4/s1600/RSSjoss.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}
.sosmed-isirss{margin:0px 0 0 43px}
</style>
<div class='sosmed-kananblogger' onmouseout='this.className=&apos;sosmed-kananblogger&apos;' onmouseover='this.className=&apos;sosmed-kananbloggerc&apos;'><div class='sosmed-isiblogger'><a href='https://www.facebook.com/XXX' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsr7mwMMG-cAaQe5_acPnKB6OAc-y5sQcUjwM8OqlGNAnLUzzNONxC7OLP4LOnUYo9YUrYnmhu3unKzinxIVw3cMW4SjA5lkdjDSawTAzMUclJn2-dAYyUpNmOMPmfObGJvyQhjA7ITXz_/s1600/FB-open-new.png' title='Like us on Facebook'/></a><br/>
</div></div><div class='sosmed-kanantwitter' onmouseout='this.className=&apos;sosmed-kanantwitter&apos;' onmouseover='this.className=&apos;sosmed-kanantwitterc&apos;'><div class='sosmed-isitwitter'><a href='https://twitter.com/XXX' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpwSHi1F2vHDPLYuO9KlkM9OCtNYY1xzupFrrWcVZUgpay-16mfwpBPcXBPaY552sh63c1XhLjOAfInfFBUXf7tRwQ6bMNHigXbobjPMnyRxHJpELb0xkllj4zAsfqAj68Y7LJXJxvSPxH/s1600/TW-open-new.png' title='Follow us on Twitter'/></a><br/>
</div></div><div class='sosmed-kananfacebook' onmouseout='this.className=&apos;sosmed-kananfacebook&apos;' onmouseover='this.className=&apos;sosmed-kananfacebookc&apos;'><div class='sosmed-isifacebook'><a href='https://plus.google.com/your googleplus/posts' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmzocUJvErUUmSBb5ox_xl5Qyzn1AccVEFAiPA-0OD6H1ZvUrx7jRMp8lS_iuisXwqWtUl_CKPJchhPnicBOU1fdXijI4OcEzlCgeJrUoqcx9CYiggIOITTECjwdL7a11mAavH0PIE9ueY/s1600/G+-open-new.png' title='Recommend us on Google Plus'/></a><br/>
</div></div><div class='sosmed-kananrss' onmouseout='this.className=&apos;sosmed-kananrss&apos;' onmouseover='this.className=&apos;sosmed-kananrssc&apos;'><div class='sosmed-isirss'><a href='http://feeds.feedburner.com/XXX' target='_blank'><img alt='Subscribe me on RSS' src='http://3.bp.blogspot.com/-MDAVOH3vOYU/UUa9UYMZCJI/AAAAAAAAAjA/YicU-mlZMrY/s1600/RSSjosspendek.png' title='Subscribe me'/></a><br/>
</div></div>
C O D E