Cara Mengedit Widget Google Follower menjadi lebih Menarik

Cara Mengedit Widget Google Follower menjadi lebih Menarik

Cara Mengedit Widget Google+ Follower menjadi lebih Menarik - Selamat siang sobat blogger semua !!! Setelah kemarin aq telah membagikan artikel tentang Kamus kocak bahasa Korea Lucu, kali ini aq akan membagikan tips dan trik tentang Cara Mengedit Widget Google+ Follower menjadi lebih Menarik. Nah... Membuat tampilan blog agar terlihat lebih menarik memanglah sangat dibutuhkan, asal jangan terlalu berlebihan... Karena jika sobat memasang terlalu banyak widget, maka blog sobat akan terkesan kumuh atau ribet oleh pengunjung. Jadi, lebih baiknya aq menyarankan untuk memasang widget yang berguna-berguna saja dan pastinya yang ringan-ringan ajah ya ( tergantung selera masing-masing ) agar loading blog sobat tidak terlalu berat. Dan yang aq bahas kali ini adalah tentang Pengeditan Widget Google+ Follower di blog. Mungkin... Jika sobat merasa bosan dengan tampilan widget Google+ follower yang itu-itu saja, widget yang satu ini boleh kok untuk sobat coba. Berikut ini adalah screenshots nya.

Before

After

Gimana sob? Tertarik nggak untuk memasangnya..? Silahkan ikuti tutorial dibawah ini ya.

• Login ke akun blogger.com sobat
• di Dashboard sobat klik Tata Letak => Tambahkan Gadget => HTML/JavaScript.
• Silahkan Sobat Copy paste kode dibawah ini.

<style>
.googlefaceblogevolutions {
width: 280px;
height: 160px;
border-radius: 3px;
position: relative;
background: #00000;
padding: 10px;
}
.googlefaceblogevolutions,.googlefaceblogevolutions:before,.googlefaceblogevolutions:after {
background: #3061BC;
border: 1px solid #FFFFFF;
}
.googlefaceblogevolutions:before,.googlefaceblogevolutions:after {
position: absolute;
content: "";
bottom: -3px;
left: 2px;
right: 2px;
height: 1px;
border-top: none;
}
.googlefaceblogevolutions:after {
left: 4px;
right: 4px;
bottom: -5px;
box-shadow: 0 0 2px #d6d6d6;
}
</style>
<div class="googlefaceblogevolutions">
<div style="height:155px;overflow:hidden">
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/102643084047948448717" data-source="blogger:blog:followers" data-width="300">
</div>
<script type="text/javascript">
(function() {
window.___gcfg = {lang: en};
var po = document.createElement(script);
po.type = text/javascript;
po.async = true;
po.src = https://apis.google.com/js/plusone.js;
var s = document.getElementsByTagName(script)[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</div>

Keterangan :
Silahkan sobat ganti kode yang berwarna Merah diatas dengan kode Url Google+ Sobat. Silahkan sobat lihat gambar dibawah ini.

• Jika sudah, sobat klik Simpan.

Selesai, sekian dulu ya tutorial dariku kali ini mengenai Cara Mengedit Widget Google+ Follower menjadi lebih Menarik. Semoga bermanfaat. :)

Sumber referensi : cara-ririn.blogspot.com

visit link download