Halo Brother ! | Members area : Register | Sign in
About me | Toko OL | Arsip | Terms of Use | Dcma Disclaimer
Powered by Blogger.

Artikel Pilihan

Cari Penghasilan Tambahan, Klik !!!

Chatt. Komentar

:: Get this widget ! ::

Mau Dapat Uang dari Blog ini
Mau buka usaha tanpa modal, mudah, dijamin anda ketagihan dan tidak repot, bisa dilakukan dimana dan darimana saja.Klik!

0 Free Download Murottal Yusuf Mansyur Juz 30

Mp3 Ust YM
RIEFSAZ. Bagi Sobat yang ingin memiliki Murottal Juz Amma dari Ust.Yusuf Mansyur silahkan di download dibawah ini, semoga bermanfaat dunia dan akhirat :

  1. qs-001-al-fatihah-ust.yusuf mansur.mp3 - 614 KB
  2. qs-078-an-naba-ust.yusuf mansur.mp3 - 3.0 MB
  3. qs-079-an-naziat-ust.yusuf mansur.mp3 - 3.5 MB
  4. qs-080-abasa-ust.yusuf mansur.mp3 - 2.4 MB
  5. qs-081-at-takwir-ust.yusuf mansur.mp3 - 1.7 MB
  6. qs-082-al-infithar-ust.yusuf mansur.mp3 - 1.4 MB
  7. qs-083-al-muthaffifin-ust.yusuf mansur.mp3 - 2.7 MB
  8. qs-084-al-insyiqaq-ust.yusuf mansur.mp3 - 1.6 MB
  9. qs-085-al-buruj-ust.yusuf mansur.mp3 - 1.7 MB
  10. qs-086-at-tariq-ust.yusuf mansur.mp3 - 1.0 MB
  11. qs-087-al-ala-ust.yusuf mansur.mp3 - 1.1 MB
  12. qs-088-al-ghasiyah-ust.yusuf mansur.mp3 - 1.4 MB
  13. qs-089-al-fajr-ust.yusuf mansur.mp3 - 1.9 MB
  14. qs-090-al-balad-ust.yusuf mansur.mp3 - 1.1 MB
  15. qs-091-asy-syams-ust.yusuf mansur.mp3 - 864 KB
  16. qs-092-al-lail-ust.yusuf mansur.mp3 - 1.1 MB
  17. qs-093-ad-dhuha-ust.yusuf mansur.mp3 - 3.4 MB
  18. qs-094-nasyrah-ust.yusuf mansur.mp3 - 535 KB
  19. qs-095-at-tin-ust.yusuf mansur.mp3 - 631 KB
  20. qs-096-al-alaq-ust.yusuf mansur.mp3 - 974 KB
  21. qs-097-al-qadar-ust.yusuf mansur.mp3 - 576 KB
  22. qs-098-al-bayinah-ust.yusuf mansur.mp3 - 1.3 MB
  23. qs-099-az-zalzalah-ust.yusuf mansur.mp3 - 644 KB
  24. qs-100-al-adiyat-ust-.yusuf mansur.mp3 - 755 KB
  25. qs-101-al-qariah-ust.yusuf mansur.mp3 - 724
  26. qs-102-at-takasur-ust.yusuf mansur.mp3 - 621 KB
  27. qs-103-al-asr-ust.yusuf mansur.mp3 - 438 KB
  28. qs-104-al-humazah-ust.yusuf mansur.mp3 - 640 KB
  29. qs-105-al-fil-ust.yusuf mansur.mp3 - 493 KB
  30. qs-106-quraisy-ust.yusuf mansur.mp3 - 459 KB
  31. qs-107-al-maun-ust.yusuf mansur.mp3 - 553 KB
  32. qs-108-al-kautsar-ust.yusuf mansur.mp3 - 1.1 MB
  33. qs-109-al-kafirun-ust.yusuf mansur.mp3 - 584 KB
  34. qs-110-an-nasr-ust.yusuf mansur.mp3 - 465 KB
  35. qs-111-al-lahab-ust.yusuf mansur.mp3 - 514 KB
  36. qs-112-al-ikhlas-ust.yusuf mansur.mp3 - 361 KB
  37. qs-113-al-falaq-ust.yusuf mansur.mp3 - 473 KB
  38. qs-114-an-nas-ust.yusuf mansur.mp3 - 583 KB

0 Kisah Uang 100.000 dengan 10.000

Simulus dan Silecek
RIEFSAZ. Uang Kertas di negara kita nominal paling besar yaitu 100.000 (seratus ribu rupiah) dan uang kertas bernilai kecil yaitu 1.000 (seribu rupiah) sama-sama di cetak di BI (Bank Indonesia), uang ini keluar dari BI di saat bersamaan, berpisah dari bank, lalu beredar di masyarakat. Dalam waktu beberapa bulan mereka bertemu lagi secara tidak sengaja didalam dompet, terjadilah percakapan diantara merka :

  • Si 100.000 : "kenapa badan mu begitu lesu, kotor dan bau amis?"
  • Si 1.000   : "karena begitu keluar dari bank, aku langsung ketangan orang-oran-orang bawahan, dari tukang becak, tukang sayur, penjual ikan hingga ke tangan pengemis. Kalau kamu, kenapa kelihatan begitu baru, rapi dan masih bersih"?
  • Si 100.000 : "karena begitu keluar dari bank, aku langsung disambut wanita cantik dan beredarnya pun di restauran mahal, di bandara, di mall dan hotel berbintang. Keberadaanku selalu dijaga dan jarang keluar dari dompet."
  • Si 1.000    : "Begitukah ?"
  • Si 100.000 : "tentu saja, karena akau lebih baik darimu, nominalku lebih besar, sehingga aku dijaga dan dipelihara orang."
  • Si 1.000     : "tapi pernahkah engkau mampir ke tempat ibadah?''
  • Si 100.000 : (terdiam...) Jarang sih, bahkan banyak diantara kami yang belum pernah mampir kesana."
  • Si 1.000    : "Sayang sekali, ketahuilah, walaupun keadaanku seperti ini, setiap Jum'at aku selalu mapir dimasjid-masjid dan di di tangan anak yatim. Karena itu, aku selalu bersyukur kepada Nya. Aku dipandang manusia bukan sebuah nilai, tapi yang mereka pandang adalah sebuah manfaat..."
Akhirnya menagislah uang 100.000 karena merasa besar, hebat dan tinggi nilainya tetapi tidak begitu bermanfaat selama ini. Ternyata nilai besarnya justru menjadi penghalangnya mampir ketempat ibadah, sementara uang 1.000 walaupun bernilai kecil, dia selalu digunakan orang untuk hal-hal yang bermanfaat.

Sekedar renungan dan intropeksi, semoga kita teramsuk orang yang selalu mensyukuri nikmat dan memberikan manfaat. 

Semoga bermanfaat.

0 Download Video YouTube Terbaru, Cepat dan Mudah

Download Terbaru 2014
Cara mudah download tidak pakai ribet, tidak pakai software dan Ga pake lama :

1. Cari Video yang Anda Inginkan,
2. Copy link di address bar video,
3. Paste link ke dalam kotak dibawah, 
4. Kemudian Klik Download,
5. Pilih Format Video,
6. Selesai.




Keterangan Format Video :
FLV : 
Video Flash, ini digunakan untuk sebagian besar situs-situs video streaming, beban lebih cepat karena ukurannya yang kecil. 
Pemain : VLC, Quicktime. tidak didukung oleh windows media player, real player. Ukuran film 2hr: sekitar 200MB.

MP4 :
Resolusi tinggi dan besar kualitas video tetapi sangat besar dalam ukuran. 
Pemain : VLC, windows media player, real player. 2hr size: 900MB 

WebM
Saya belum pernah menggunakannya tapi katanya Hampir setara dengan MP4 tapi memiliki kualitas lebih tinggi dan ukurannya tidak terlalu besar.

3GP :
Format umum yang mendukung untuk ponsel, Memiliki resolusi gambar dan suara sangat rendah  jika dilihat pada komputer. Memiliki ukuran yang sangat kecil.
Pemain : Quicktime. 2 jam film: 60-70MB. 

Semoga Bermanfaat ;)

3 Cara Membuat Ikon Toko Berlangganan

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="http://3.bp.blogspot.com/-sK94EIzryeg/TiGSrGeLOFI/AAAAAAAAAB4/PPMKclGxbGU/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="http://4.bp.blogspot.com/-6j39---6ijA/UBk8saCpwtI/AAAAAAAABC4/Lo2gOTv8TdU/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="http://3.bp.blogspot.com/-7fDCZ_0D-r0/UBk8t9SbWKI/AAAAAAAABDI/vYB6Phmi6KU/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="http://3.bp.blogspot.com/-CfxYPVDVyi0/UBk8tLVMG5I/AAAAAAAABDA/Lv595wWhu4Y/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="http://3.bp.blogspot.com/-UlYHi6TM8_k/UBk8u2Gof-I/AAAAAAAABDQ/uplI_Tk_uwY/s1600/bloggertrix.com-youtube.png" /></a></td>
</tr></table>
</div>
K O D E

5 Cara Membuat Menu Navigation penuh Warna

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 ;)

1 Sejarah dan Maskot Piala Dunia

Maskot World Cup


SEJARAH PIALA DUNIA

RIEFSAZBLOG. Piala Dunia Sepak bola atau sering disingkat sebagai Piala Dunia saja (nama resmi: Piala Dunia FIFA) adalah kompetisi terpenting dalam dunia sepak bola internasional. Diselenggarakan oleh Fédération Internationale de Football Association, pengatur cabang olahraga ini, turnamen babak final Piala Dunia adalah ajang olahraga yang paling banyak ditonton di dunia, bahkan melebihi Olimpiade.

Babak final turnamen (merujuk kepada bagian turnamen setelah kualifikasi) ini diselenggarakan empat tahun sekali namun kejuaraan ini mengambil masa dua tahun secara keseluruhan. Lebih dari 160 tim nasional bertarung dalam turnamen kualifikasi regional untuk meraih tempat dalam babak final. Babak finalnya kini melibatkan 32 tim (peningkatan dari 24 tim pada tahun 1998) yang berkompetisi selama 4 minggu di negara yang ditunjuk sebagai tuan rumah. Inovasi yang dilakukan baru-baru ini memperbolehkan lebih dari satu negara menjadi tuan rumah. bagi sahabat yang ingin memiliki kaos Piala Dunia 2014 bisa klik disini !

NAMA-NAMA MASKOT PIALA DUNIA
  • Piala Dunia 1966 di Inggris adalah Willie, seekor singa yang merupakan khas simbol Inggris. Pada jaket tertulis "Piala Dunia".
  • Piala Dunia 1970 di Meksiko: Juanito, seorang anak berpakaian Meksiko bertuliskan "Mexico 70". "Juan" merupakan sebuah nama umum dalam bahasa Spanyol.
  • Piala Dunia 1974 di Jerman Barat: Tip en Tap, menggambarkan dua anak laki-laki dalam kit sepakbola Jerman dengan teks WM, singkatan dari Weltmeisterschaft, artinya "Piala Dunia" dan nomor 74.
  • Piala Dunia 1978 di Argentina: Gauchito, seorang anak bernama Gauchito. Dia mengenakan topi dengan teks "Argentina ’78".
  • Piala Dunia 1982 di Spanyol: Naranjito, sebuah jeruk yang merupakan buah khas Spanyol. Dia mengenakan jersey dari tim sepakbola nasional Spanyol.
  • Piala Dunia 1986 di Meksiko: Pique, masakan khas Meksiko. Memiliki kumis dan mengenakan sombrero. Nama ini berasal dari kata "picante", yang berarti pedas.
  • Piala Dunia 1990 di Italia: Ciao, pemain sepak bola dalam bentuk tongkat dengan warna tradisional Italia merah, hijau dan putih juga disebut "Tricolore Italia".
  • Piala Dunia 1994 di Amerika Serikat: Striker, seekor anjing yang merupakan hewan peliharaan umum di Amerika. Striker mengenakan baju sepakbola merah, putih dan biru dengan kata-kata "USA 94".
  • Piala Dunia 1998 di Prancis: Footix, ayam yang juga merupakan simbol nasional Perancis, dengan kata-kata "France 98" di dada.
  • Piala Dunia 2002 di Korea Selatan & Jepang: Ato, Kaz en Nik (The Spheriks), artinya oranye, ungu dan biru dengan bentuk makhluk futuristik.
  • Piala Dunia 2006 di Jerman: Goleo & Pille. Goleo adalah singa jantan mengenakan kemeja sepak bola Jerman dengan angka 06. Ia sedang bermain sepakbola dengan Pille. Goleo adalah nama kombinasi, "Go" artinya tujuan dan "leo", kata Latin untuk singa. Sedangkan Pille merupakan istilah informal untuk "sepak bola".
  • Piala Dunia 2010 di Afrika Selatan: Zakumi, macan tutul yang ditemukan di Afrika Selatan. Maskot itu berambut hijau dan memakai baju dengan kata-kata "Afrika Selatan 2010".
  • Piala Dunia 2014 berupa Armadillo, hewan yang terancam punah, dan saat ini hanya hidup di daerah timur laut Brasil. Jika armadillo diserang musuh, ia menggelinding menjadi bola. Nama untuk maskot ini dipilih melalui voting masyarakat Brasil, Ada 3 nama yang diajukan: Amijubi, Fuleco dan Zuzeco.
Mungkin itu saja yang bisa yang bisa saya share, kalau saya pribadi menjagokan timnas Indonesia tapi sayang tidak termasuk menjadi peserta (tidak lolos) jadi saya memilih Argentina menjadi juaranya ;), sahabat menjagokan negara mana untuk menjadi pemenangnya ???


Refrensi : dari berbagai sumber
Semoga Bermanfaat.

3 Cara Membuat Tombol Demo pada Blog

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://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/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://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/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://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/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://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/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://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/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://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/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://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/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://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/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://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/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://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/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://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/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://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/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://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/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://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/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://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/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://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/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://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/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 ;)

0 Membuat Efek Hover Navigation Bar Terbaru

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="http://2.bp.blogspot.com/-vcR6lUGsroY/Ug5ATZk8oZI/AAAAAAAAA00/XENkFMaBgv0/s1600/btrix-home.png" /> </a> </li>
<li> <a href="#"> <span class="aname">Download</span> <img src="http://2.bp.blogspot.com/-TcXder58ssQ/Ug5ASx8pT0I/AAAAAAAAA0o/5UdA4_gLnV8/s1600/btrix-download.png" /> </a> </li>
<li> <a href="#"> <span class="aname"> MySql</span> <img src="http://2.bp.blogspot.com/-umlQ7fKXobk/Ug5AT2bLnnI/AAAAAAAAA08/yrQHl6qPMH8/s1600/btrix-mysql.png" /> </a> </li>
<li> <a href="#"> <span class="aname"> Html</span> <img src="http://2.bp.blogspot.com/-2-iy8RJ92V8/Ug5ASDCru-I/AAAAAAAAA0c/GOBCPpZlA04/s1600/Btrix-html.png" /> </a> </li>
<li> <a href="#"> <span class="aname">Contact</span> <img src="http://4.bp.blogspot.com/-vsm9s0yQr9I/Ug5ASjqawnI/AAAAAAAAA0k/rqb01AbGaFw/s1600/btrix-contact.png" /> </a> </li> </div>
C O D E
Ganti # dengan link Anda. 
 8. Simpan dan lihat 

Semoga bermanfaat yee ;)

4 Koleksi Widget RSS Feed Subcription Terbaru

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(http://2.bp.blogspot.com/-Y3hbgki8hXE/UXZE9IlUi4I/AAAAAAAAAgI/gIGB-L-HKHo/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(http://3.bp.blogspot.com/-DfHJzP9Mlh4/UXZE9ONhVnI/AAAAAAAAAgM/5xtMqb9biR4/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="http://2.bp.blogspot.com/-0UOzHUdczG4/USDjuyJCndI/AAAAAAAAAY8/5nN8AcBcvHs/s1600/riefsazblog-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/riefsazblog"><img src="http://2.bp.blogspot.com/-H-E4Ll7i2-0/USDjw3bxgVI/AAAAAAAAAZc/a2kMp8rGRVU/s1600/riefsazblog-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/userId"><img src="http://3.bp.blogspot.com/--KlnPhT6pRA/USDjvgwOluI/AAAAAAAAAZM/_O8TI0WivQk/s1600/riefsazblog-Googleplus.png" /></a>
<a class="social-icons" href="http://www.feedburner.com/riefsazblog"><img src="http://2.bp.blogspot.com/-kXhnrJzlA_A/USDju5hXjPI/AAAAAAAAAZA/x6NdMR0JFhQ/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="http://1.bp.blogspot.com/-dWQ4WAgFEd4/UaOIdmxIstI/AAAAAAAAHow/1ER9XAAtr9s/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="http://3.bp.blogspot.com/-iRgGtzjfUOo/UaOIe0vICII/AAAAAAAAHpM/yq0OufsX_Q0/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="http://4.bp.blogspot.com/-rhZjMQqQSwc/UaOId555AQI/AAAAAAAAHo0/v9qrnoB9LRU/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="http://3.bp.blogspot.com/-MiOHuehf8Uo/UaOId1J8tjI/AAAAAAAAHo4/kCciO2il8R0/s1600/pinterest_btrix.png" /></a>
<a href="http://feeds2.feedburner.com/riefsazblog" rel="nofollow" target="_blank" title="Subscribe to RSS"><img alt="rss" src="http://1.bp.blogspot.com/--Oc6zcT_s9Y/UaOIen7YBwI/AAAAAAAAHpI/S8ut7PyNJHc/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="http://2.bp.blogspot.com/-0UOzHUdczG4/USDjuyJCndI/AAAAAAAAAY8/5nN8AcBcvHs/s1600/Bloggertrix-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/riefsazblog"><img src="http://2.bp.blogspot.com/-H-E4Ll7i2-0/USDjw3bxgVI/AAAAAAAAAZc/a2kMp8rGRVU/s1600/bloggertrix-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/userId"><img src="http://3.bp.blogspot.com/--KlnPhT6pRA/USDjvgwOluI/AAAAAAAAAZM/_O8TI0WivQk/s1600/Bloggertrix-Googleplus.png" /></a>
<a class="social-icons" href="http://www.feedburner.com/riefsazblog"><img src="http://2.bp.blogspot.com/-kXhnrJzlA_A/USDju5hXjPI/AAAAAAAAAZA/x6NdMR0JFhQ/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(http://3.bp.blogspot.com/-Jl2lcnXe42Y/UOb49YMFH8I/AAAAAAAAAiA/hOnOANR83gc/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(http://2.bp.blogspot.com/-dcien5QLnB8/UOb4N7eNU1I/AAAAAAAAAhw/NxzO8UXjgG4/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(http://2.bp.blogspot.com/-nmlWGnTX5y4/UOb44zqKGBI/AAAAAAAAAh4/Aaa-E2D0Umk/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="http://1.bp.blogspot.com/-Q4L6phRaHaA/UOKc13ilEwI/AAAAAAAAGLM/qZrVGXriT2s/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="http://2.bp.blogspot.com/-Y0dHt53dw40/UOKc1B3zfJI/AAAAAAAAGLE/QZzG4hMqUNU/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="http://4.bp.blogspot.com/-xELUzYYkYY0/UOKcz34EO2I/AAAAAAAAGK0/AZz0lNN6Sos/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="http://3.bp.blogspot.com/-bWbBG7yV2dQ/UOKc0ohrt1I/AAAAAAAAGK8/6m2c4idvyBc/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="http://1.bp.blogspot.com/-eZFb46_b9RQ/UOKc2hK48BI/AAAAAAAAGLU/pwTmG2--j4o/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="http://1.bp.blogspot.com/-VCbv8dkpYgA/Ud0cJJi6YpI/AAAAAAAAIy0/i2SSV-YmTdE/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="http://4.bp.blogspot.com/-RFXNOXNvtlM/UbSS0UFHh-I/AAAAAAAAAlg/5RweJEBrw3c/s1600/btrix_pinterest.png" title="Pinterest" /></a></li>
<li><a href="http://www.facebook.com/riesazblog"><img src="http://2.bp.blogspot.com/-X-AzrrLMUmU/UbSS0BXsreI/AAAAAAAAAlY/2p0Q547x6V4/s1600/btrix_facebook.png" title="Add to Facebook" /></a></li>
<li><a href="https://plus.google.com/https://plus.google.com/107955298793879602013"><img src="http://2.bp.blogspot.com/-dkXrjHjFx6s/UbSS0P8YPaI/AAAAAAAAAlc/tSvC9X75cpw/s1600/btrix_google+.png" title="Google plus" /></a></li>
<li><a href="http://www.twitter/riefsaz"><img src="http://1.bp.blogspot.com/-jQG7qXLQeG4/UbSS1J2680I/AAAAAAAAAl4/8rm8quxTSWs/s1600/btrix_twitter.png" title="Add to Twitter" /></a></li>
<li><a href="http://feeds2.feedburner.riefsazblog"><img src="http://1.bp.blogspot.com/-5gm3I3l6uLI/UbSS04dF7NI/AAAAAAAAAlw/5LPPDF8wM68/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(http://2.bp.blogspot.com/-bNZePDihTPU/UZ-lhWAHXqI/AAAAAAAAJuo/aSVVE_A6HpE/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(http://3.bp.blogspot.com/-Wf_IBW4cEts/UZ-li4SsnvI/AAAAAAAAJuw/qYAi9lghY1E/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 ;)
 
To Top Page Up Page Down To Bottom Auto Scroll Stop Scroll