Kode Kotak Berlangganan untuk Blogspot Keren dan Responsive

Kode Kotak Berlangganan untuk Blogspot Keren dan Responsive

Widget berlangganan email adalah formulir langganan untuk sidebar blogger yang disediakan oleh feedburner dan alternative feed lainnya, widget ini membantu pengunjung yang tertarik untuk mendapatkan pembaruan terbaru dari blog yang di sudah ikut berlangganan melalui email. 




Orang yang ingin berlangganan cukup memasukkan alamat email saja dan kemudian klik tombol " Berlangganan " dan saat ada update artikel terbaru atau pembaruan blog akan mendapatkan notifikasi pembaruan langsung di Kotak Masuk email si pelanggan. Widget ini tidak hanya meningkatkan lalu lintas traffic blog tetapi juga membantu menumbuhkan komunitas pembaca setia.

Manfaat Fitur Sidebar Widget Berlangganan
Kotak Widget berlangganan Email juga dianggap sebagai cara terbaik untuk mempromosikan situs web atau blog. Lebih banyak lalu lintas jadi Lebih banyak penghasilan AdSense, jika blog dikaitkan dengan jaringan pengiklanan. 

Widget ini membantu mengirim pesan terbaru ke si pelanggan secara instan melalui Email, dan yang terbaik dari widget ini adalah sobat akan mendapatkan tautan media sosial gratis di dalamnya yang akan membantu terhubungnya juga dengan si pelanggan melalui saluran media sosial.



Cara Menambahkan Widget Langganan Email Ke Blogger

Bahkan blogger menyediakan widget berlangganan Email untuk blogger namun dari default blogger kurang begitu menarik sebagai kotak langganan email bergaya kustom dengan integrasi media sosial . Widget langganan email kustom menyediakan layanan berlangganan email serta layanan media sosial. Berikut di bawah ini saya bagikan ada empat widget langganan dengan tampilan keren untuk blogger , jadi pilihlah sesuai dengan desain blog Anda dan ikuti langkah-langkah berikut:

Letakan Kode kode script di bawah ini ke Tata Letak ;


<style type="text/css">
.signup-form {
    background: transparent url("https://1.bp.blogspot.com/-Y_e_B9KzB-c/Vr6fNXna_BI/AAAAAAAAALo/dk3TFDW2-4I/s1600/Email-bg.jpg") no-repeat scroll center center / 250px 150px;
    height: 150px;
    width: 250px;
    margin: 10px auto 60px auto;
}
.form-inner p {
    text-align: center;
    color: #fff;
    padding: 10px;
    font: bold 18px "trebuchet MS","Tahoma";
}
.emailform {
    margin: 120px auto 5px;
    width: 215px;
}
#emailbox {
    background: #FEFEFE none repeat scroll 0% 0%;
    border: medium none;
    font: 12px/12px "HelveticaNeue",Helvetica,Arial,sans-serif;
    margin-right: 5px;
    box-shadow: 0px 0px 4px rgb(207, 207, 207) inset, 1px 1px 1px rgb(186, 186, 186);
    padding: 7px;
    box-sizing: content-box;
    height: 12px;
    vertical-align: top;
    display: inline-block;
}
#emailbutton {
    background: transparent linear-gradient(to bottom, rgb(202, 48, 40) 0%, rgb(235, 88, 78) 100%) repeat scroll 0% 0%;
    box-shadow: 0px 0px 2px rgb(182, 37, 32) inset;
    border: medium none;
    color: #FFF;
    cursor: pointer;
    font: 13px/13px "HelveticaNeue",Helvetica,Arial,sans-serif;
    padding: 6px;
    border-radius: 5px;
    height: 27px;
    display: inline-block;
}
#emailbutton:hover {
    background: transparent linear-gradient(to bottom, #CA3028 0%, #B72420 100%) repeat scroll 0% 0%;
}

.social-icons {
    margin: 20px 0 0;
    overflow: hidden;
    display: block;
    text-align: center;
}
.social-icons ul {
    display: inline-block;
    margin: 0 auto !important;
    text-align: center;
    padding: 0px

.social-icons ul li {
    background: transparent !important;
    border: none !important;
    float: left;
    list-style-type: none !important;
    margin: 0 4px 10px !important;
    padding: 0 !important;
}
.social-icons ul li::before,
.social-icons ul li::after {
    display: none !important;
}
.social-icons ul li a, .social-icons ul li a:hover {
    background: url("http://3.bp.blogspot.com/-qXV1qRPIjHY/UbqjmHPAHzI/AAAAAAAACUE/7_sAZf8tHLY/s1600/sprite_32x32.png") no-repeat scroll 0 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 38px;
    overflow: hidden;
    text-indent: -999px;
    transition: all 0.25s linear 0s; width: 38px;
}
.social-icons ul li.social-facebook a {
    background-color: #3b5998;
    background-position: -60px 3px;
}
.social-icons ul li.social-twitter a {
    background-color: #00aced;
    background-position: -253px 3px;
}
.social-icons ul li.social-gplus a {
    background-color: #dd4b39;
    background-position: -93px 3px;
}
.social-icons ul li.social-pinterest a {
    background-color: #cb2027;
    background-position: -157px 3px;
}
.social-icons ul li.social-rss a {
    background-color: #F87E12;
    background-position: -189px 3px;
}
.social-icons ul li a:hover {
    background-color: #333; 
}
.social-like {
    display: block;
    text-align: center;
}
.social-like tbody, .social-like tbody tr {
    display: block;
}

.fb-likes {
    display: inline-block;
    padding-bottom: 15px;
    margin-right: 5px;
}
.tw-follow {
    display: inline
}
</style>

<div>
 <div class='signup-form'>
  <div class='form-inner'>
   <p>Sign Up for Email Updates</p>
  </div>
  <div class='emailform'>
   <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=URL BLOG ANDA &apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
    <input name='uri' type='hidden' value='URL BLOG ANDA'/>
    <input name='loc' type='hidden' value='en_US'/>
    <input id='emailbox' name='email' required='' type='text' placeholder='Enter your email...'/>
    <input id='emailbutton' title='' type='submit' value='Sign up'/>
   </form>
  </div>
 </div>

 <div class="social-icons">
  <ul>
   <li class="social-facebook"><a href="URL FB ANDA" target="_blank" title="Facebook">Facebook</a></li>
   <li class="social-twitter"><a href="URL Twitter ANDA" target="_blank" title="Twitter">Twitter</a></li>
   <li class="social-gplus"><a href="URL Google+ ANDA" target="_blank" title="Google+">Google+</a></li>
   <li class="social-pinterest"><a href="URL Pinterest ANDA" target="_blank" title="Pinterest">Pinterest</a></li>
   <li class="social-rss"><a href=" URL RSS ANDA " target="_blank" title="RSS">RSS</a></li>
  </ul>
 </div>

 <table class='social-like'>
  <tbody>
   <tr>
    <td class='fb-likes'>
     <div id="fb-root">
     </div>
     <script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
     </script>
     <div class="fb-like" data-href="URL FB ANDA" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false">
     </div>
    </td>
    <td class='twitter-follow'>
     <a href="USERNAME Twitter ANDA" class="twitter-follow-button" data-show-count="true" data-show-screen-name="false" data-dnt="true">Follow @ #USERNAME TWITTER ANDA</a>
     <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
     </script>
    </td>
   </tr>
  <tbody>
 </table>
</div> 

Akan muncul tampilannya seperti gambar di bawah.




Script Kotak Berlangganan Keren


<style type="text/css">
.sub {
    background-color: #1E293B;
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 10px rgb(30, 41, 59);
}
.emailform {
    width: 239px;
    margin: 10px auto;
}
.form-inner h4 {
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 10px;
    font: bold 18px/40px "trebuchet MS","Tahoma";
}
#emailbox {
    background-color: #FFF;
    border: 1px solid #FFF;
    border-radius: 7px 0px 0px 7px;
    height: 20px;
    padding: 6px;
    box-sizing: content-box;
}
#emailbutton {
    background-color: #F0553B;
    border: 1px solid #F0553B;
    color: #FFF;
    height: 34px;
    border-radius: 0px 7px 7px 0px;
    margin-left: -4px;
    font-weight: 600;
    cursor: pointer;
}
#emailbutton:hover {
    background-color: #1E293B;
    border: 1px solid #FFF;
    box-shadow: 0 0 5px #ddd;
}
.social-like {
    background: transparent url("https://3.bp.blogspot.com/-2hqsqwGQg2M/VsCLsiFb2sI/AAAAAAAAAMY/7jkBsN8tVIg/s1600/Facebook-twitter-rectangle.png") no-repeat scroll center center / 250px 157px;
    width: 250px;
    height: 120px;
    margin: 10px auto;
}
.fb-likes {
    margin-top: 90px;
    margin-left: 20px;
    position: absolute;
    display: block;
    box-shadow: 0px 0px 10px rgba(9, 42, 87, 0.73);
}
.tw-follow {
    display: block;
    margin-left: 152px;
    position: absolute;
    margin-top: 89px;
    box-shadow: 0 0 10px rgba(2, 81, 173, 0.59);
    height: 20px;
}
</style>
<div class="sub">
 <div class='signup-form'>
  <div class='form-inner'>
   <h4>Get Posts In Your Inbox</h4>
  </div>
  <div class='emailform'>
   <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=[Your Blog uri]&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
    <input name='uri' type='hidden' value='[Your Blog uri]'/>
    <input name='loc' type='hidden' value='en_US'/>
    <input id='emailbox' name='email' required='' type='text' placeholder='Enter Your Email Here...'/>
    <input id='emailbutton' title='' type='submit' value='Subscribe'/>
   </form>
  </div>
 </div>
<table class='social-like'>
  <tbody>
   <tr>
    <td class='fb-likes'>
     <div id="fb-root">
     </div>
     <script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
     </script>
     <div class="fb-like" data-href="[Fb url]" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false">
     </div>
    </td>
    <td class='tw-follow'>
     <a href="URL TWITTER ANDA" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false" data-dnt="true">Follow @[Twitter Username]</a>
     <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
     </script>
    </td>
   </tr>
  </tbody>
 </table>
</div> 






<style type="text/css">
.sub {
    background-color: rgb(87, 98, 105);
    width: 100%;
    height: 100%;
    padding: 5px;
    box-shadow: 0px 0px 5px rgb(87, 98, 105);
}
.form-inner {
    text-align: center;
    color: rgb(255, 255, 255);
    font: bold 16px "trebuchet MS","Tahoma";
}
.emailform {
    width: 240px;
    margin: 10px auto;
}
#emailbox {
    background-color: #798187;
    color: #FFF;
    width: 208px;
    border: 1px solid #697780;
    padding: 15px;
    text-align: center;
    height: 18px;
    box-sizing: content-box;
}
#emailbutton {
    background-color: rgb(243, 93, 92);
    border: 1px solid rgb(215, 84, 83);
    color: rgb(255, 255, 255);
    width: 240px;
    font: bold 16px "trebuchet MS","Tahoma";
    padding: 15px;
    text-align: center;
    height: 50px;
    margin: 10px auto;
    cursor: pointer;
}
#emailbutton:hover {
    background-color: #E64C4B;
    border: 1px solid #BF4A49;
}
.signup-form {
    margin-top: 15px;
}
.social-icons {
    overflow: hidden;
    text-align: center;
    border-bottom: 1px solid rgb(133, 133, 133);
    width: 230px;
    display: block;
    margin: 20px auto;
}
.social-icons ul {
    margin: 0px auto !important;
    text-align: center;
    padding: 0px !important;
    display: inline-block;
}
.social-icons ul li {
    background: transparent none repeat scroll 0% 0% !important;
    border: medium none !important;
    float: left;
    list-style-type: none !important;
    padding: 0px !important;
    margin: 0px 2px !important;
}
.social-icons ul li::before,
.hbzsocial-icons ul li::after {
    display: none !important;
}
.social-icons ul li a, .social-icons ul li a:hover {
    background: url("http://3.bp.blogspot.com/-qXV1qRPIjHY/UbqjmHPAHzI/AAAAAAAACUE/7_sAZf8tHLY/s1600/sprite_32x32.png") no-repeat scroll 0 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 34px;
    overflow: hidden;
    text-indent: -999px;
    transition: all 0.25s linear 0s;
    width: 34px;
}
.social-icons ul li.social-facebook a {
    background-position: -62px 1px;
}
.social-icons ul li.social-facebook a:hover {
    background-color: #3b5998; 
}
.social-icons ul li.social-twitter a {
    background-position: -254px 1px;
}
.social-icons ul li.social-twitter a:hover {
    background-color: #00aced; 
}
.social-icons ul li.social-gplus a {
    background-position: -95px 0px;
}
.social-icons ul li.social-gplus a:hover {
    background-color: #dd4b39; 
}
.social-icons ul li.social-pinterest a {
    background-position: -159px 1px;
}
.social-icons ul li.social-pinterest a:hover {
    background-color: #cb2027; 
}
.social-icons ul li.social-rss a {
    background-position: -190px 0px;
}
.social-icons ul li.social-rss a:hover {
    background-color: #F87E12; 
}
</style>
<div class="sub">
<div class="social-icons">
  <ul>
   <li class="social-facebook"><a href="[Fb url]" target="_blank" title="Facebook">Facebook</a></li>
   <li class="social-twitter"><a href="[Twitter url]" target="_blank" title="Twitter">Twitter</a></li>
   <li class="social-gplus"><a href="[Google+ url]" target="_blank" title="Google+">Google+</a></li>
   <li class="social-pinterest"><a href="[Pinterest url]" target="_blank" title="Pinterest">Pinterest</a></li>
   <li class="social-rss"><a href="[RSS url]" target="_blank" title="RSS">RSS</a></li>
  </ul>
 </div>

 <div class='signup-form'>
  <div class='form-inner'>
   <h4>Subscribe to my Newsletter</h4>
  </div>
  <div class='emailform'>
   <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=[Your Blog uri]&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
    <input name='uri' type='hidden' value='[Your Blog uri]'/>
    <input name='loc' type='hidden' value='en_US'/>
    <input id='emailbox' name='email' required='' type='text' placeholder='Your Email'/>
    <input id='emailbutton' title='' type='submit' value='Subscribe'/>
   </form>
  </div>
 </div>
</div>





<style type="text/css">
    .teknosmrsub {
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: 100%;
        border: 1px dashed #ddd;
    }
    .teknosmrsube {
        color: rgb(255, 255, 255);
        background-color: rgb(11, 172, 227);
        padding: 10px 0;
        text-align: center;
        font: bold 15px "trebuchet MS", "Tahoma";
        width: 100%;
    }
    .teknosmremailform {
        width: 235px;
        margin: 10px auto;
    }
    #teknosmremailbox {
        background-color: #FFF;
        color: #747474;
        width: 130px;
        border: 1px solid #D8D8D8;
        padding: 7px;
        height: 18px;
        display: inline-block;
        vertical-align: top;
        box-shadow: inset 0px 0px 5px #c2c2c2;
        box-sizing: content-box;
        font-size: 13px;
    }
    #teknosmremailbutton {
        background-color: rgb(243, 93, 92);
        border: 1px solid rgb(215, 84, 83);
        color: rgb(255, 255, 255);
        width: 85px;
        font: bold 13px "trebuchet MS", "Tahoma";
        padding: 7px;
        text-align: center;
        cursor: pointer;
        display: inline-block;
        height: 34px;
    }
    #teknosmremailbutton:hover {
        background-color: #E64C4B;
        border: 1px solid #BF4A49;
    }
    .teknosmrsignup-form {
        margin-top: 15px;
    }
    .teknosmrsocial-icons {
        overflow: hidden;
        text-align: center;
        display: block;
        margin: 20px auto;
    }
    .teknosmrsocial-icons ul {
        margin: 0px auto !important;
        text-align: center;
        padding: 0px !important;
        display: inline-block;
    }
    .teknosmrsocial-icons ul li {
        background: transparent none repeat scroll 0% 0% !important;
        border: medium none !important;
        float: left;
        list-style-type: none !important;
        padding: 0px !important;
        margin: 0px 5px !important;
    }
    .teknosmrsocial-icons ul li::before,
    .teknosmrsocial-icons ul li::after {
        display: none !important;
    }
    .teknosmrsocial-icons ul li a {
        background: url("http://3.bp.blogspot.com/-qXV1qRPIjHY/UbqjmHPAHzI/AAAAAAAACUE/7_sAZf8tHLY/s1600/sprite_32x32.png") no-repeat scroll 0 0;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        display: block;
        height: 34px;
        overflow: hidden;
        text-indent: -999px;
        transition: all 0.25s linear 0s;
        width: 34px;
    }
    
    .teknosmrsocial-icons ul li a:hover {
        background-color: #aeaeae !important;
    }
    
    .teknosmrsocial-icons ul li.social-facebook a {
        background-position: -62px 1px;
        background-color: #3b5998;
    }
    .teknosmrsocial-icons ul li.social-twitter a {
        background-position: -254px 1px;
        background-color: #00aced;
    }
    .teknosmrsocial-icons ul li.social-gplus a {
        background-position: -95px 0px;
        background-color: #dd4b39;
    }
    .teknosmrsocial-icons ul li.social-pinterest a {
        background-position: -159px 1px;
        background-color: #cb2027;
    }
    .teknosmrsocial-icons ul li.social-rss a {
        background-position: -190px 0px;
        background-color: #F87E12;
    }
</style>
<div class="teknosmrsub">
    <div class="teknosmrsube">Join Our Free Newsletter</div>
    <div class='teknosmrsignup-form'>
        <div class='teknosmremailform'>
            <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=[Your Blog uri]&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'> <input name='uri' type='hidden' value='[URL BLOG ANDA]' /> <input name='loc' type='hidden' value='en_US' /> <input id='teknosmremailbox' name='email' required='' type='text' placeholder='Your Email address' /> <input id='teknosmremailbutton' title='' type='submit' value='Join Us' /> </form>
        </div>
        <div class="teknosmrsube">Sociliaze with Us</div>
        <div class="teknosmrsocial-icons">
            <ul>
                <li class="social-facebook"><a href="[Fb url]" target="_blank" title="Facebook">Facebook</a></li>
                <li class="social-twitter"><a href="[Twitter url]" target="_blank" title="Twitter">Twitter</a></li>
                <li class="social-gplus"><a href="[Google+ url]" target="_blank" title="Google+">Google+</a></li>
                <li class="social-pinterest"><a href="[Pinterest url]" target="_blank" title="Pinterest">Pinterest</a></li>
                <li class="social-rss"><a href="[RSS url]" target="_blank" title="RSS">RSS</a></li>
            </ul>
        </div>
        <div style="width: 230px; margin: 0px auto;">
            <div id="fb-root"></div>
            <script>
                (function(d, s, id) {
                    var js, fjs = d.getElementsByTagName(s)[0];
                    if (d.getElementById(id)) return;
                    js = d.createElement(s);
                    js.id = id;
                    js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.6";
                    fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));
            </script>
            <div class="fb-page" data-href="[Fb url]" data-width="230" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-hide-cover="true" data-show-facepile="true">
                <div class="fb-xfbml-parse-ignore">
                    <blockquote cite="[Fb url]"><a href="[Fb url]">[Fb Page Name]</a></blockquote>
                </div>
            </div>
        </div>
    </div>
</div>





Nah,untuk langkah-langkah Cara Menambahkan Widget Berlangganan Ke Blogger

Langkah 1. Silahkan sobat bukan dan masuk ke akun Blogger, lalu pergi ke Tata Letak > Tambahkan gadget ' di sebelah kiri atau bebas sesuka sobat.

Langkah 2. Pilih HTML / JavaScript dari jendela pop-up > tempelkan kode widget langganan yang sudah dipilih diatas tadi copy pastekan ke dalam kotak kosong.

Langkah 3. Konfigurasi Kotak Langganan atau Klik simpan.

Untuk Script yang saya warnai Ganti [URL BLOG] dengan blog sobat. Anda bisa mendapatkannya dengan mengunjungi http://feedburner.google.com dan kemudian arahkan ke Publikasi> Langganan Email dan temukan nilai uri di kotak yang diberikan feedbunner.

Ganti semua url social media di kode tersebut dengan url sobat jika tidak punya atau tidak selera tinggal hapus saja kode sosia medianya. Seperti Ganti [Fb url] dengan URL halaman Facebook Anda. Untuk contoh: https://www.facebook.com/pak.eko.09

Ganti [url Twitter] dengan URL halaman twitter Anda. Untuk misalnya: http://www.twitter.com/ekomasuk_pak

Ganti [url Google+] dengan laman google + atau URL akun Anda. Untuk contoh: https://plus.google.com/178303480034530583

Ganti [RSS url] dengan URL RSS Anda. Untuk contoh: http://feeds.feedburner.com/sumurtekno

Ganti [URL Pinterest] dengan URL pinterest Anda.

Ganti [username twitter] dengan nama pengguna akun twitter. contohnya: @masuk_pakeko

Ganti juga fanspage facebook sobat.

Langkah 4. Klik Simpan .


Sekarang pengunjung blog sobat dapat berlangganan blog dengan mudah menggunakan widget sidebar Langganan keren. Jika muncul error dengan kotak Langganan di atas berharap beri komentaar nanti saya akan perbaiki.

Cukup sampai disini cara buat kotak berlangganan email untuk tampilan blogger semoga membantu sobat blogger yang sedang membutuhkan dan silahkan mencobanya semoga berhasil..
Advertisement

Baca juga:

Buka Komentar
Blogger
Disqus
Pilih Sistem Komentar

Tidak ada komentar