• RSS
  • Delicious
  • Facebook
  • Twitter

Top Popular Posting

Jadwal Dakwah Aagym YM
Tugas Kuliyah BSI
Masiv Az-Zikra The News

All Posting

Category

Blogumulus by Roy Tanck and @Dangstars Distributed by Vulkanisir Online

All Visitor

Priview

free counters

wibiya widget

Blogger Widgets Blogger Widgets
close
close
#
Diberdayakan oleh Blogger.

The News

Translate Language

Share & Like yaa

Share

Follow Blog Saya

My Facebook

Category

Tugas Kuliah BSI

Semester 1, 2, 3, 4, 5, 6 .. untuk melihat klik gambar

Buku - buku Ustadz Arifin

Mutiara Hikmah Facebook, The Miracle Of Dzikit, 4 Zikir Superdahsyat, 10 Zikir Pilihan Rekomendasi Rosulullah, dll. (Klik gambar lihat selengkapnya)

Cerita Islami

Cerita cerita Islami, Tips tips Islami, Hikmah hikmah, belajar Islam ..... (Klik gambar lihat selengkapnya)

Download Movie Animation

Download film movie kartun seperti Kungfu Panda, Madagascar, Ice Age ... ( untuk selengkapnya klik gambarnnya)

Tugas Kuliah BSI

Semester 1, 2, 3, 4, 5, 6 .. untuk melihat klik gambar

banner dakwah

Membuat 3 menu : blog, twitter, facebook melayang disamping




Membuat 3 menu :
blog, twitter, facebook melayang disamping


widget/gadget ini berfungsi untuk membuat 3 menu yang berada di samping dan melayang. Menu tersebut yaitu : Blog , Twitter , dan Facebook. Anad dapar menampilkan jejaring social anda di web blog anda,sekalian promosi gitu hehehehehehehe. Contoh hasil widget/gadget nya seperti ini



Ikuti langkah2 untuk membuat 3 menu malayang disamping dengan seksama :::::

- Login ke Blog kamu
- pilih Tata Letak
- pilih Tambah Gadget
- pilih HTML/Java Script
- Lalu paste kode dibawah ini
- dan Simpan




<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjegLmoV2iBxE5XKF8B5h63Jv4NHnBiMaLY3CJFOtYbgri8rZrrTMuUhjcLkJFs-SbigVZxnOduj09ljpG3FZwzGU8cJXwei8J0pM4itsR6aSWo_zsHJPHRtSenQKhAc0D0ppys-BMw0R4-/');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/AVvXsEiIM762uS30autS0cZZrOE5Yz3RA0VVxeS5hNilmkp4nikwKdA-M0tVy01jAMu5RhhLST-SutR3eYVQtmFtNjgY8HrhEqRrCBvda4u1k88k-hk4LWAcdL-zDASkf4BiKOw-8kMoJcZZfAGB/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}

.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdfInq0fZBnpWhdweCCyn1JbJtDDPrFf2QvWV1luHyfbwbwnC4-SflHU5Of4ilS5kJwLvabBoTDAV_Hv34W0I3TGY5rtMhuV9Dza9iS8NP7VLCcpM02TZh1ulQL6eF8nXn_fwhvGZGf-kI/');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/AVvXsEhiGZrjBr0EmxilYT74CjU05mjnguZQjN0V2Ktyv5wyyRHowzOA0ArRE6bCcuD503BFIw8o56sJLkgMtfxenS1aWjXZhGCaUUKEoHnJNbAr-yGv5ipBb2pVsZkdUgYvvycSTTgurJ0d0DqU/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
.barcontetwitter{margin:5px 0 0 47px}

.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixvFOd810z7zSu09wcx53Y0nyE0YQZgf7nBnSLuLXKskpRIgSgccT4UHdTjKY3gsPcUIZysQxeeWUzT7KPPseSJOCW85p-T7-FczuzKFtxBKX5m8ievNmfyocxuouE-V7euAv9JEg-Hmfr/');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/AVvXsEjfmKLA6qNDOgngEYZ2wgE2BiRXq5K0YRLPhYT9As9ZR3UM6-RM0gvoToceTxEpD_srAmIYLihQQOEi5P3hm-66X6UGX4tOhpZgTtv7OIIt_20vUyXVACwmwM1sTEX3K4QfE5ciwnuih1aK/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
.barcontefacebook{margin:5px 0 0 47px}
</style>

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

KODE BLOG ANDA

</div>
</div>

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

KODE TWITTER ANDA

</div>
</div>

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

KODE FACEBOOK ANDA

</div>
</div>




  •        Ganti warna merah dangan kode konten kamu

Lihat hasilnya????
Sertakan komentarnya ya???
Semoga bermanfaat

Lihat Artikel Lainnya



Posted by mamang suryadi
On - -
6 komentar »

6 Responses so far.

  1. wedha kencana says:
    19 September 2012 pukul 12.02

    Trima kasih mang, infonya bermanfaat sekali..
    Salam dakwah dan religi dari www.wedhakencana.blogspot.com

  2. mamang suryadi says:
    31 Desember 2012 pukul 16.45

    sama2 mas wedha kencana, salam dakwah dan religi juga ::. :)

  3. wisnu says:
    2 Juni 2013 pukul 22.12

    kalau menggunakan css ad tutorialnya gak gan? kalo ada mohon di share ya...makasih

  4. mamang suryadi says:
    2 Juni 2013 pukul 22.33

    wisnu_ wahhh klo css gak tau tuh, mending pake tambah gadget aja lebih gampang

  5. ARCEN says:
    23 Desember 2013 pukul 12.04

    maksudnya kode dari blog, fb dan twitter itu apa bang?
    tolong bantuannya
    terima kasih : :)

  6. mamang suryadi says:
    24 Desember 2013 pukul 12.40

    @Denny = ohhh kode utk isi dari twitter, fb
    utk twitter = klik >> https://twitter.com/settings/widgets << tambahkan widget, copy kodenya
    utk fb = klik >> https://developers.facebook.com/docs/plugins/like-box-for-pages/ <<<

Leave a Reply

Comments





======================================================================

Copyright © 2010 - 2015 | Design by @mamangsuryadi