Cara membuat tombol twitter, dan facebook tersembunyi
Untuk cara pembuatannya sangat mudah oke langsung saja di praktekkan.
1. Login blogger
2. Masuk rancangan, elemen widget
3. Add widgets
4. Pilih HTML/Javascript
5. Masukkan kode di bawah ini
_____________________________________________________________________________
<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrs5kCXx4HJlgMFxHtDw9R8SZbhkvHXXvJHgFrEXT8B9F7edGnuOm4YFNu56oUlZRDCrMspW2fBw8H79oL15Ho65x6GLRAkryYX6PZX4C_EWhU7VQzRWJFHQvzF-99VdirveN0z65oZfUt/');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/AVvXsEjDu8csbq-Vz1NYoj8RtdlUEBlwyFDwqGU-VX1OSsL7yPsxqdKTqE4s2cQVtKyiqItJfEnVKKCsVlWMpM0EIooOCUcY7ty4ypl2w4AKN1OPHK4IKdO2XqcXDCrQ7b5Ie9tgqvNQrhmeXXhH/');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/AVvXsEiMCrdo9ylxLrqFxCZ3uTzoQi_BeV35dkBLNief4ILrkBdd8iec9nD1aVBRtThjhoA8aciQB2uSL2mDAoPKcPbcY0tD6fjgwFToiG5P_78J0N_QHSvJc2qU2UiO5Ikylye-FMA0l9v4DbE_/');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/AVvXsEijIMj5wZjxClt-cLkYxj7kfclRnHH6CDyx6gxYuZ6xTVE0iZixXgwmy5I4IKojrFsOBweU-Xx3Y0CWbwaYkxYm1VTS_ydx5qrzwjLg2lJmY-Jy89rnXgBBTaYL0gMbWIMBGsW0RwZm0YMK/');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/AVvXsEheEPSN2LkFze6jaOtMIMRkliK0PYgWEIjK-Ni9zX1y8B0U31Ks-OKVkKa48NZbjo458jEf-EYoRFI_2V2ROZklHVwvxvDtfGrEmRz92hBFq3hkIsTNCnm_a3zgXJx37yia11hxG85OVEXq/');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/AVvXsEhm84Rc3OMxoxfvwnw4y3ct3GlRo8ZE7NwnHsySWKXivou2ipAhJJULIeq_BA5P20jpa3jC9p9lik_u-Y7ocazc3k3XSbDn4TF1BqHYgK5oKq0IHp2XFp0ORjlWPBn5cxnYr5zOqY4kjUQH/');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>
_______________________________________________________________________
NB : untuk yang saya warnai merah, silahkan masukkan kode anda yang sudah di jelaskan seperti di atas.
6. Simpan Widgets
