Cara membuat widget 3 in 1 melayang

Ok...
kaliini saya akan membuat widget 3 in 1 atas permmintaan sobat saya yaitu Joval widget ini tampil sangat UNYU di samping blog anda dan mempunyai tampilan seperti blog anak muda langsung aja soob dari pada lama lama CEKIDOT
Mau tau ?? klik read more dong

1. Log in blog
2. desinge
3. Layout
4. add widget
5. lalu pilih Html/Javascript
 PASTE KODE BERIKUT DAN MODIF
_________________________________________________________________________________
<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnVDiTj-kLsgwc9nbrMtXtM07jy_Q2kMfUYU-Ks1IujVOJZhEME7saUhpdzmP9VkBriQXslzb5nkNomGE8tvwADtCLhGbUDdwTgXE3FHqonRRL4uGLBOSS9vFA8QW4C_HjxP2oMhzk6YQb/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}
.barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIOcC_HjSoBHw6RxVGHe5lpIaom1G0LRnlhFn8JG_JEkC7zCH_wapgbwvfeAgrUoB-2oQFf9T7On1hGVKmvozPHbqtuzg1lN5k9QjmMjhcZAkXfL42hJlMrix95QJ1BgzDZttsIpAOKFPV/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}

.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3qXG0GkskThB9zbV0LMOALF8k8eRnXtEaRwmoj6UtrtMEnK-9uua_MTtzaIpecgg_HtyzFLBzjpIgBFxHQN42I6FMmYqCSluxQBnRVgTPweWFYIJPRPJ0pacC0Ard1aWNmR0AE8TfjwMO/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDfe-zZ6vQXffVP2tPYQMn2eOgFVKEmVVSFumbx0wrFSaodjsAw5h1xed6fqMTl0IVQcKS9p_sUybyc0sDh7lnh5Od7DHKNdhWDCzU9oIqMndEEvUwPXULz375ft6VJWNvZrtA_zy1W92U/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
.barcontefacebook{margin:5px 0 0 47px}


.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZx3m_vomY4xISTHnk4cn3PE0nEm1IWkQI0KWHt_FRLiKDcaiI6LFBxe0X9vBqCJrwB9z3WhWqbzDSKWAZCv_M3lBCxB2czWgXcarUBx5mRvITfFlKsOXB27YGekyRC1ry6ONQYTmwKQmJ/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}
.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC7no_KVZt087VCXEka-KGZqk1weJpT9QGPPqgt6kzPDKJy8XIfwq5i9cxdSMWKBmLGZxSIyiz0mhBKDchwTEqNplaVS1_5yIQcgRPNhE4hnGyrpvkl9p2iJMRIx4IDEzoqBHFvDxsCaw0/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
.barcontetwitter{margin:5px 0 0 47px}
</style>



<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">
<div class="barconteblogger">

Copy kode google friend connect Atau Copy kode Cbox anda di sini

</div>
</div>



<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">

Copy kode Iframe fan page Facebook anda disini

</div>
</div>

<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">

Copy profile kode twitter anda disini

</div>
</div>
_________________________________________________________________________________
CARA MODIFICATION!!!!


Cara mengisi copy kode google friend conect anda di sini :
Klik website Google friend connect >> lalu bila sudah masuk ke halaman Utama pilih
TAMBAH GADGET ANGGOTA


LALU ANDA AKAN DI SURUH MEMILIH LEBAR WARNA DLL











Lalu di paling bawah ada tulisan buat kode anda kilik dan akan muncul kode nya



Dan beres...

CARA MENGISI Copy kode Iframe fanpage facebook 
Tinggal klik aja ke Cara membaut fan page dan mengaplikasikan nya ke blog ikuti saja langkah nya sampai meng-copy kode Iframe

CARA MENGISI Copy profile code twitter anda disini

1. Log in twitter >> Setting >> Profile setting (bukan yang ada di halaman utama) >> Lalu pilih you can also add twitter to your site here











Klik baccan tersebut lalu anda akan masuk ke halaman RESOURCE


Klik bacaan yang berwarna biru tersebut / see all widget >> lalu anda akan menuju halaman
SELECT YOUR WIDGET >> pilih My website >> pilih profile WIDGET >> bila sudah masuk halaman berikutnya anda bisa setting Panjang ...... lebara ...... DLL bila sudah selesai meng-edit >> klik di paling bawah Finish & Grab code >> lalu copy semua kode yang ada di kolom tsb

UPDATEEE
KARENA  GOOGLE FRIEND CONNECT SUDAH TIDAK BISA DI KUNJUNGI LAGI ATAU RETIRED (PENSIUN) MAKA TULISAN Copy kode widget google friend connect anda disini bisa kalian rubah dengan kode Cbox anda dan cara membuat kode Cbox nya adalah
Cara membuat Cbox

SELESAI

PERINGATAN
PASTIKAN TIDAK ADA WIDGET MELAYANG LAIN DI SISI ANDA MENARUH WIDGET INI!!!!

Do you Like this story..?

Get Free Email Updates Daily!	Follow us!

Related Post: