Jumat, 22 Juni 2012

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


Share: