close
Anas Ikwana | Blogger Blitar
Anas Ikwana | Blogger Blitar

Cara Membuat Kotak Berlangganan Keren Di Blogspot

Cara Membuat Kotak Berlangganan Keren Di Blogspot - Hallo sobat blogger, kembali lagi bersama saya admin Anaz.biz.id. Pada kesempatan ini saya akan membagikan tutorial tentang Cara Membuat Kotak Berlangganan Keren di Blogger.

Kotak berlangganan ini berguna untuk melacak postingan terbaru dari blog yang sobat ikuti melalui email, dan kotak berlangganan ini juga terintegrasi dengan jejaring sosial, dan itu sangatlah baik. Untuk memasang kotak berlangganan ini, sobat bisa mengikuti tutorial di bawah ini.

Cara Memasangnya :
Pergi ke Dashboard Blogger.com > > Klik "Tata Letak" > > Pilih "Tambahkan Gadget" yang berada di Sidebar > > Pilih "HTML/Javascript" lalu Copy dan paste kode di bawah ini pada kolom "HTML/Javascript" dan terakhir klik "Simpan"

<div class="bsd-container"> <div class="sidebar_about_author"> <div class='inner_wrapper'> <div class='bsdbox-img'> <img alt="anasikwana" class="img-responsive" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp5AZGdP5rF4Xm0S09ZerjVrbRuOnWXNLZ1j8ooYGMZ6ejrgrJ05_iW8EV5kCf9LEKi7aS710F6e6L_48bOSIYYleuSjFamApmcoaq1cXMEqwZSw3N9-3dd1PbCZc3agTnLHL2IhDjEV4/s300/subscribe+to+bloggersstand+feed.jpg" title="Anas Ikwana" width="300" /> <div class='joinfloat-img'><span class='bsdbox-float'><a href='https://www.blogger.com/follow-blog.g?blogID=6020555554161964193 rel='nofollow' target='_blank' title='Daftar Sekarang '><i class='fa fa-laptop'></i> Ikuti Kami </a></span></div> </div> </div> <div class='bsdbox-info'> <h4><span>Anas Ikwana</span></h4> <p>Hanya Seorang Blogger dan konten writter yang senang berbagi tutorial, tips & trick internet</p> </div> <div class='bsdbox-wrap'> <ul class='bsdextend'> <li class='bsdbox-icon facebook'> <a href='https://www.facebook.com/' target='_blank' title='Follow us on Facebook'><i class='fa fa-facebook fa-fw'></i>Ikuti</a> </li> <li class='bsdbox-icon twitter'> <a href='https://twitter.com/' target='_blank' title='Follow us on Twitter'><i class='fa fa-twitter fa-fw'></i>Ikuti</a> </li> <li class='bsdbox-icon whatsapp'> <a href='https://wa.me/085230214016' rel='nofollow' target='_blank' title='Follow us on WhatsApp'><i class='fa fa-whatsapp fa-fw'></i>Ikuti</a></li> </ul></div></div></div><style>.bsd-container{position:relative;display:block;background:#fff;padding:10px;border:1px solid #eee;overflow:hidden}.bsdbox-info h4{background:transparent;position:relative;padding:0;margin:0;border:0;text-align:center;font-size:110%}.bsdbox-img{position:relative;max-height:135px;overflow:hidden}.bsdbox-img img{max-width:100%;width:100%;transition:all .6s}.bsdbox-img:hover img{transform:scale(1.2) rotate(-9deg)}.bsdbox-img:before{content:'';background:rgba(0,0,0,0.2);position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;transition:all .3s}.bsdbox-img:hover:before{background:rgba(0,0,0,0.5)}.joinfloat-img{width:56%;position:absolute;top:36%;bottom:36%;left:22.6%;z-index:4}.bsdbox-float{text-align:center;display:table;width:100%;height:100%}.bsdbox-float a{background:transparent;color:#00bcd4;padding:8px 14px;z-index:2;display:table-cell;width:100%;font-size:90%;text-transform:uppercase;vertical-align:middle;border:1px solid #00bcd4;border-radius:4px;transition:all .3s}.bsdbox-float:hover a{background:#00bcd4;color:#fefefe;border-color:transparent}.bsdbox-float a i{font-weight:normal;margin:0 6px 0 0}.bsdbox-wrap{display:block;margin:14px auto;position:relative}.bsdbox-wrap .bsdextend{width:100%;display:block}.bsdextend{text-align:center;font-size:17px}.bsdextend .bsdbox-icon{display:inline-block;border:0;margin:0;padding:0;width:32%}.bsdextend .bsdbox-icon a{background:#768187;display:inline-block;font-weight:410;color:#fefefe;padding:0 12px;line-height:32px;border-radius:4px;font-size:11px;width:100%}.bsdextend .bsdbox-icon i{font-family:fontawesome;margin:0 4px 0 0}.bsdbox-icon.facebook a{background:#3b5998}.bsdbox-icon.twitter a{background:#00acee}.bsdbox-icon.whatsapp a{background:#25d366}.bsdbox-icon.facebook a:hover,.bsdbox-icon.twitter a:hover,.bsdbox-icon.circle a:hover{background:#415471}.extender .bsdbox-icon:hover a,.extender .bsdbox-icon a:hover{color:#fefefe}.bsdbox-info{margin:11px 0 0 0;font-size:12px;text-align:center}.bsdbox-info p{margin:6px 0}.bsdbox-info h4{position:relative;margin-bottom:11px;font-size:15px;text-transform:uppercase;color:#00bcd4;font-weight:600}.bsdbox-info h4 span{position:relative;display:inline-block;padding:0 11px;margin:0 auto}.bsdbox-info h4:before,.bsdbox-info h4:after{position:absolute;top:52%;overflow:hidden;width:50%;height:1px;content:'a0';background-color:rgba(0,0,0,0.07)}.bsdbox-info h4:before{margin-left:-50%;text-align:right}</style>

Catatan :
Ganti kode yang ditandai Merah dengan ID Blogger sobat. Dan warna Hijau untuk akun Facebook, Twitter dan WhatsApp sobat.

Demikian artikel dari saya tentang Cara Membuat Kotak Berlangganan Keren Di Blogspot, Semoga artikel diatas bermanfaat bagi sobat semua. Terima kasih dan Selamat Mencoba

Posting Komentar