Widget About Me Responsiv Keren

Selamat Pagi sobat blogger

pernahkah sobat membuat widget About Me di blog? pasti pernah kan? yah pastinya,,, karena widget About Me ini sangat penting buat blog. fFungsi widget About Me di blog yaitu untuk memberi tanda bahwa blog tersebut adalah milik sobat. Tapi pasti sobat hanya melihat tampilan About Me yang biasa-biasa aja...
Tenang aja di sini ada Mas Yoga yang akan siap membantu jika ada kebutuhan penting, yaitu "Widget About Me Responsiv Keren buat blog".
Yuk,,, di ikuti tutorialnya agar tampilan widget About Me google+ sobat lebih responsiv dan keren.
beginilah jadinya setelah tampilan About Me google+ Mas Yoga di edit tampilannya,,

bagaimana sobat,,,, keren kan? Ayolah kita buat bersama-sama

1. Masuk ke akun blogger sobat, dan piih blog yang mau di beri widget About me google+
2. Pada tampilan dashboard blogger,, masuk template
3. Pada tampilan template, silahkan klik edit template sobat
4. Maka akan muncul tampilan edit template sobat
5. Cari kode ]]></b:skin>, lebih gammpang tekan CTRL+F lalu enter. Pasang kode di bawah ini tepatdi atas kode ]]></b:skin>

.googlebox{ width:280px; background:#333; margin:0 auto; padding:10px 0 10px 20px; border-bottom:1px solid #1e1e1e; } .google{ margin-top:5px; } .people{ float:left; margin-top:3px; font-weight:bold; color:#fff; } .googlewidget{ margin-left:120px; } .quickedit{display:none;}

Jika kode di atas sudah terpasang, jangan lupa klik simpan template dan tunggu hingga proses penyimpanan selesai

6. Setelah selesai,, masuk ke layout Tata Letak, setelah itu pilih tambahkan widget, lalu pilih HTML/JavaScript.
7. Copy Pastekan kode di bawah ini ke dalam widget html/javascript

<center><style> .googlefaceblogevolutions { width: 300px; height: 105px; margin:0; position: relative; border-right:1px solid #ccc } </style> <div class="googlefaceblogevolutions"> <div style="height:155px;overflow:hidden" × powered by capricornus > <div class="g-person" data-href=" https://plus.google.com/113218272561149291595" data-theme="light" data-layout="landscape" data-showcoverphoto="false" data-rel="author"></div><script type="text/javascript"> (function() { 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></center><center><div class="googlebox"> <div class="google"> <span class="people">Yoga Newbie on</span><div class="googlewidget"><div class="g-follow" data-annotation="bubble" data-height="24" data-href="https://plus.google.com/u/0/113218272561149291595" data-rel="author"></div></div></div></div></center>
KET :

https://plus.google.com/113218272561149291595 ganti dengan alamat profil google+ sobat
Yoga Newbie on ganti dengan nama google+ sobat
https://plus.google.com/u/0/113218272561149291595 ganti dengan alamat google+ sobat

Lalu jangan lupa klik simpan, Mas Yoga saranin widget itu beri judul About Me atau terserah sobat blogger,, dan coba cek tampilan blog sobat.

bagaimana sobat? mudahkan membuatnya,,,
Jika ada masalah sobat boleh bertanya langsung dengan Mas Yoga di
Facebook
Twitter

jangan lupa di follow Google+ Mas Yoga

Terima Kasih sudah berkunjung dan membaca artikel di blog ini. Jika ada kesalahan dalam penulisan kata atau kode mohon di maafkan.

Sampai Jumpa