Cara Membuat Kotak Subscribe Keren di Blog

Kotak langganan artikel atau subscribe bagi blogger memiliki banyak fungsi. Apalagi bagi blogger yang jumlah pengunjungnya cukup tinggi. Kotak langganan ini bisa membantu sekaligus meningkatkan jumlah pembaca.

Bagi Anda yang belum tahu apa yang dimaksud dengan Subscribe ada baiknya membaca dulu tulisan ini; Mengenal dan Cara Membuat Layanan Subscribe.

Postingan kali ini, kita akan membahas cara pembuatan kotak langganan dengan bentuk yang keren. Sebelumnya, kita pernah juga membuat kotak langganan serupa namun bentuk yang sederhana. Jika Anda tertarik silahkan baca; Cara Mudah Berlangganan Artikel Via Email.

Kotak Subscribe yang akan kita buat kali ini modelnya seperti berikut:


Selain bentuknya lebih terlihat di blog karena berwarna cerah dan punya gambar gif, kotak Subscribe ini juga sekaligus menyertakan tombol RSS, Twitter dan Google Plus. Dengan begitu pengunjung akan lebih dimudahkan berinteraksi dengan kita melalui media sosial.

Tapi sebelum membuatnya, ada baiknya Anda mengenal dulu: Apa Itu FeedBurner dan Bagaimana Membuatnya?. Hal ini penting karena kotak subscribe ini akan bertautan dengan FeedBurner.

Baiklah, untuk memasang kotak subscribe keren ini di blog Anda, ikuti langkah berikut.

•     Login ke akun blogspot Anda dan masuk ke halaman layout/tata letak. 

•     Klik Add a Gadget/Tambahkan Gadget

•     Klik HTML/JavaScript

    Lalu copy paste script berikut dan save.


<style>
    #dgenera-blog {
        border: 0;
        margin-bottom: 10px;
        margin: 0 auto;
            width:300px;
    }

    #email-news-subscribe .email-box{
        padding: 5px 5px;
        font-family: "Arial","Helvetica",sans-serif;
       height:38px;}
    #email-news-subscribe .email-box input.email{
        background:#FFFFFF;
        border: 1px solid #dedede;
        color: #999;
        padding: 7px 10px 8px 10px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        border-image: initial;
        font-family: "Arial","Helvetica",sans-serif;}
    #email-news-subscribe .email-box input.email:focus{color:#333}

#email-news-subscribe .email-box input.subscribe{
        background: -moz-linear-gradient(center top,#666 0,#333 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(1,#333));

        font-family: "Arial","Helvetica",sans-serif;
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #333;
        color:white;
 
        padding:7px 14px;
        margin-left:3px;
        font-weight:bold;
        font-size:12px;
        cursor:pointer;
        border-image: initial;}

    #email-news-subscribe .email-box input.subscribe:hover{

        background-image:-moz-linear-gradient(top,#333,#666);
        background-image:-webkit-gradient(linear,left top,left bottom,from(#333),to(#666));
        filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
        outline:0;-moz-box-shadow:0 0 3px #999;
        -webkit-box-shadow:0 0 3px #999;
        box-shadow:0 0 3px #999

        -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #333;
        color:#FFFFFF;
     }

    #other-social-bar {
        padding: 0px;
        overflow: hidden;
           height:37px;
         margin-top:-8px;
    }
    #other-social-bar ul {list-style: none outside none; padding-left: 4px;}

    #other-social-bar .other-follow {
        float: left;
        overflow: hidden;
        padding:5px;
        width: 270px;}
    #other-social-bar .other-follow ul {
        list-style: none outside none;
        padding-left: 4px;}
    #other-social-bar .other-follow li {

        display:inline;
        border:0;
      }

    #other-social-bar .other-follow li a {
        font-size: 12px;
        color:#666;
        font-weight: bold; font-family:arial;
        display:inline;
        }
    #other-social-bar .other-follow li.my-rss {
        background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpOjXupR2r9AhIHjtB99TwjYzdvhsCARugSxBbMTCbhvzULc2vokMoEYpVQZZnMVzbadtKq8hmMr4Z8_P6Ai7KBxk4_hmyDe-63HoW4pi0hW8P3TqLa4gv6qGD4dyTuPCc7L0cCIlv-0M/s400/rss-16x16.png') no-repeat transparent;
        line-height: 1;
        padding: 0px 3px 1px 20px;
        width: 60px;
        margin-bottom:0px;
            margin-left:5px;}

    #other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-twitter a, #other-social-bar .other-follow li.my-gplus a{
    text-decoration:none;
    }
    #other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-twitter a:hover, #other-social-bar .other-follow li.my-gplus a:hover{
    text-decoration:underline;
    }
    #other-social-bar .other-follow li.my-twitter {
        background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUAJ5t1zqGb1r7_ztQnZ4RqoKwDjAITMBgc_1zPSc7Lc9TlOilGIjNT8V0hwyuKPVSrpNhooHcWLfDpo0raK24QCxJH7iHpcJnaHuaYMx6snP_ozNoJnXBeVPznxHo_kpCLv_tMW05nkY/s400/twitter%2527.png') no-repeat transparent;
        line-height: 1;
        padding: 0px 3px 1px 20px;
        width: 60px;
        margin-bottom:0px;}
    #other-social-bar .other-follow li.my-gplus {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhf3z8U0oQHbChM1OfdVdMJoik2QNZFP8Eey8S4JYEpjPF20snCGKG_ythgbGs8Z5JHLJzSJJBcCDfwyILJgQ2FeU-DeTTBZKTMUozO7j9mJr5AQB4s5NG5ZcRyUUG_YgbVaDGLYzLg6Q/s400/gplus-16x16.png) no-repeat transparent;
        line-height: 1;
        width: 60px;
        padding: 0px 3px 1px 20px;
        margin-bottom:0px;}

.emailicon {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgYQ2CCD4T10fydm040oU352-EH111ZCrIVvumx9K2H_sxiTK_PqKYyZyfJJFzlCE3uhFITcEcbM3rXF0qtB3fT9HtjtBKn-urdSLOf__YfnOflC0fkTr1YkMRswcxc0BzoppGbtmhFVL0/s400/MBT-RSS-FEED.gif") no-repeat scroll 0px 2px transparent;
     padding: 0px 20px 0px 95px;
    min-height:100px;
    margin: 0px;
    width: 183px;
    line-height: 20px;
    vertical-align: middle;
    font-size: 14px;
    color: rgb(51, 51, 51);
}

.emailicon p {
color:#FF8604;
font-size: 20px;
font-weight: normal;
font-family:  impact;
padding:40 0px 10px 0px;
margin:0;
padding-top: 20px;
line-height: 25px;
text-shadow: 0px 1px 0px #fff, 0px 2px 0px #C6C6C6;
}
    </style>
    <!--[if IE]>
    <style>
    #email-news-subscribe .email-box input.subscribe{
        background: #333;
        }
    </style>
    <![endif]-->

<div id="Blogoooblok-blog" >

<div class="emailicon"><p>Dapatkan Update Artikel Gratis! </p></div>
<div id="email-news-subscribe">
<div class="email-box"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=Blogoooblok', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="10" class="email" type="text" style="width: 160px; font-size: 12px;" id="email" name="email"value="Enter Email Anda Disini..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" />

<input type="hidden" value="Blogoooblok" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input class="subscribe" name="commit" type="submit" value="Subscribe" /> </form> </div> </div>
<div id="other-social-bar">
<ul class="other-follow">
<li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/Blogoooblok" target="_blank">RSS Feed</a> </li>
<li class="my-twitter"> <a rel="nofollow" title="twitter" rel="author" href="https://twitter.com/blogoooblok"  target="_blank">Twitter</a> </li>
<li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href=https://plus.google.com/u/0/+wisarahardi1/posts target="_blank">Google Plus</a> </li>
</ul>
</div>
</div>


    Pada script diatas, perhatikan yang ditandai warna merah. Ganti dengan alamat FeedBurner Anda.
    Tulisan yang ditandai Kuning ganti dengan alamat Twitter dan Google Plus Anda.
    Tulisan yang dicetak tebal bisa Anda ganti dengan kata-kata Anda sendiri.


Jika telah di simpan maka, hasilnya akan nampak seperti gambar diatas. Mudah bukan!
Sumber Script : Blogooblok

Read More

Generasi Playstation

Nah, kali ini saya akan membahas tentang playstation, pernahkah anda memainkan salah satu dari game yang ada pada playstation? taukah anda siapa penemu playstation? simak dibawah ini selengkapnya ya.

Playstation One

Playstation adalah konsol permainan dari era 32-bit, diproduksi pertama kali oleh Sonny sekitar tahun 1990. Playstation diluncurkan dan pertama di Jepang pada 3 Desember 1994, di Amerika Serikat pada 9 September 1995, dan Eropa pada 29 September 1995. Playstation menjadi sangat terkenal sehingga membentuk "Generasi Playstation". Pada thaun 2004, Sony telah memproduksi 100 juta Playstation dan PSOne ke seluruh dunia, pada tahun tersebut juga, ia telah menyediakan sebanyak 7.300 judul permainan. 

Playstation 2

Sony sukses pada saat merilis Playstation 2, yang juga kompatibel dengan pendahulunya yang memungkinkan penggunaan permainan ini tanpa perlu adanya perubahan. Playstation 2 memiliki prosesor khusus yang dikenal dengan  Emotion Engine yang juga dikembangkan oleh Sony. Pada tahun 2005 di Eropa telah dipasarkan Playstation Portable (PSP), yaitu Playstation genggam untuk pertama kalinya yang dapat dibawa kemana-mana. PSP ini juga di pasarkan di Jepang pada tahun 2004, dan di Amerika pada tanggal 24 maret 2005.
Playstation mempunyai kelemahan utama yaitu pada mata optik yang lemah jika Playstation tersebut telah lama digunakan. Karena masalah ini, banyak yang memilih membeli baru daripada membetulkan PSnya yang rusak, karena biaya perbaikan yang hampir setara dengan membeli yang baru. 

Playstation 3 

Playstation 3 dirilis di Jepang pada bulan November tahun 2006, di Amerika Utara tepatnya Amerika Serikat dan Kanada, dirilis pada tanggal 17 november 2006, dan di wilayah lainnya. Dirilis dengan 2 tipe yaitu Basic dan Premium (platinum). Playstation 3 mulai mencatatkan namanya pada sejarah sejak tanggal 16 mei 2005 di E3. Dengan teknologi terbaru yang dipergunakan, yaitu ell processornya, tipe prosesor yang sangat dioptimalkan untuk melakukan operasi floating point. Berbeda dengan prosesor dekstop pada umumnya, kemampuan cell processor Playstation 3 untuk melakukan operasi floating sangat baik, karena cell proessor  merupakan arsitektur vector processor. Bahkan, processor yang digunakan pada Playstation 3 ini merupakan prosesor yang tercanggih saat ini. Selain itu, GPU dibuat sendiri oleh Sony dengan bekerja sama dengan NVidia. Kapasitas RAMnya pun bervarian, mulai dari 20GB - 320GB, dan tentunya dengan harga yang terjangkau. 
Playstation 4 merupakan konsol permainan buatan Sony Computer Entertainment. Konsol permainan ini adalah penerus dari Playstation 3 yang dikonferensikan pada tanggal 20 februari 2013 ini dirilis di Amerika Utara pada tanggal 15 november 2013, di Eropa dan Australia pada bulan noember 2013, serta dihadirkan di Indonesia pada 9 Februari 2014 yang lebih dulu dihadirkan dibanding Jepang yaitu pada 22 februari 2014. 

Playstation 4

Dibekali dengan prosesor APU x86-64 AMD dengan harapan agar dapat menarik  minat lebih banyak pengembang dan dukungan bagi konsol tersebut. Prosesor grafis konsol ini mampu memproses 1,843 teraflop yang merupakan tercepat di generasi ini. Dengan spesifikasi yang sangat paten, serta dengan harga yang lumayan mahal. Nah, sekian informasi seputar Playstation, tunggu artikel menarik lainnya yaa, 

Read More