earth

Guestbook

/* Iklan google ads */

Membuat Sticky Social Pada Blogspot

Tahu kan sticky social? Saya sendiri tidak tahu "makhluk" apa pula itu. "Makhluk" ini biasanya gentayangan di dunia joomla. Mungkin karena bentuknya seperti tongkat maka disebut stick. Atau mungkin juga karena keadaannya yang melekat maka dinamakan sticky. Entahlah. Yang jelas saya hanya mencoba membuat "makhluk" itu bisa gentayangan di dunia blogger. Kalaupun hasilnya tidak mirip dengan yang di joomla, itu bukan salah saya, tapi salah blogger, hehehe...

Jika sobat ingin melihat sticky social pada blogger, silahkan lihat icon-icon social network pada blog ini atau blog ini. Gimana, tertarik?

Bagi kamu yang tertarik, caranya cukup mudah kok, ikuti saja langkah-langkah berikut:
  • Dari dasbor, pilih Rancangan - Edit HTML.
  • Lakukan duplikasi template untuk jaga-jaga jika bermasalah.
  • Copy-lah script berikut lalu letakkan (paste) di bawah kode <body>:
    <!--stickysocial_dock-->
    <style type='text/css'> 
    .stickysocial {
    background: transparent;
    position: fixed;
    top: 35%;
    left: 0.25%;
    z-index: 100;
    vertical-align: bottom;
    width: 37px;
    text-align: center;
    }
    .stickysocial a:hover {
    opacity: .73;
    -moz-opacity: .73;
    filter: alpha(opacity=73);
    }
    </style> 
    
    <div class='stickysocial' id='stickysocial_dock'>
    
    <a href='https://plus.google.com/USERID' target='_blank' title='Follow us on Google+'><img alt='Google+' src='http://i563.photobucket.com/albums/ss76/peace_enes/neon-google.png' style='position:relative; width:37px'/></a> 
    
    <a href='http://www.facebook.com/USERNAME' target='_blank' title='Follow us on Facebook'><img alt='Facebook' src='http://i563.photobucket.com/albums/ss76/peace_enes/neon-facebook.png' style='position:relative; width:37px'/></a> 
    
    <a href='http://twitter.com/USERNAME' target='_blank' title='Follow us on Twitter'><img alt='Twitter'  src='http://i563.photobucket.com/albums/ss76/peace_enes/neon-twitter.png' style='position:relative; width:37px'/></a> 
    
    <a href='http://www.myspace.com/USERNAME' target='_blank' title='Follow us on MySpace'><img alt='MySpace' src='http://i563.photobucket.com/albums/ss76/peace_enes/neon-myspace.png' style='position:relative; width:37px'/></a> 
    
    <a href='http://ruangsc.blogspot.com/2011/06/membuat-sticky-social-pada-blogspot.html' target='_blank' title='Cara Membuatnya'><img alt='SC' src='http://i563.photobucket.com/albums/ss76/peace_enes/neon-rss-feed.png' style='position:relative; width:37px'/></a> 
    
    </div>
    
  • Ubahlah ukuran top dan left-nya sesuai keinginan.
  • Jika ingin menempatkannya di sebelah kanan, ubah left menjadi right.
  • Ganti USERID atau USERNAME sesuai User ID/User Name kamu pada akun google+, facebook, twitter, dan myspace.
  • Jika sudah selesai, simpanlah dan ucapkan alhamdulillah...

Jika kamu menginginkan, kamu juga bisa menambah atau mengurangi icon-icon social network lainnya. Atau bisa juga mengubah sumber gambar sesuai gambar yang kamu inginkan.

Ok, segitu aja sob. Semoga bermanfaat .....
  • Artikel Terkait Dengan Blog Tutorials

    Terimakasih sudah membaca artikel SC Community's Blog

    18 komentar

    Keren tutorialnya. terima kasih telah berbagi

    Salam ukhuwah

    7 Juni 2011 pukul 09.12  

    lebih bagus bila ada screenshotnya

    7 Juni 2011 pukul 14.22  

    Baru tau nih Kang, terima kasih infonya

    www.1sthappyfamily.com

    7 Juni 2011 pukul 21.41  

    Seperti biasa... tak bisa langsung paham dalam sekali baca... hehehe.
    Ntar kalau bingung tanya langsung aja deh ama Kang Enes... :)

    7 Juni 2011 pukul 21.45  

    ahhh, urang mah asa teu ngalalarti lurrr, tapi nu penting mah, kuningali aktif ngablog deui, ngarasa syukurrr...soklah derrrr, pkonamah go ahead n be best lah....

    8 Juni 2011 pukul 03.39  

    Kayaknya sama ya prosesnya dengan gambar globe di atas ahihihihihi...

    8 Juni 2011 pukul 06.20  

    Assalamu'alaikum.. :) salam kenal kang..
    blogwalking sambil baca-baca sekaligus follow blog SC, follow balik ya ke AndyOnline.Net ^_^

    8 Juni 2011 pukul 07.21  

    Siiipp, kang lah, hehehe.
    Aduh, sono nya tos lawas tilawas nembe ngelol deui :))
    Kang, punten link abdi (Insan) hoyong dilereskeun url na. Pan ayeuna mah tos teu custom domain deui, heheh...
    hatur nuhun tutorial sareng backlinkna :)

    8 Juni 2011 pukul 23.00  

    Kudu dicoba. Jigana alus oleh tah

    18 Juni 2011 pukul 15.23  

    berhasil......!!!!! tengkyu wkwkwkw....

    22 Juni 2011 pukul 02.10  

    coba ah ..
    :D
    ijin ya kang

    18 Agustus 2012 pukul 12.59  

    okok saya pake juga di fardannozami.com

    14 Desember 2012 pukul 16.27  

    wah keren nih sob, patut di coba...

    3 Juli 2013 pukul 11.06  

    woww keren benget nih
    sekeren iphone free d http://ow.ly/w3IrW

    25 April 2014 pukul 21.23  

    Mantap banget,,, tambah cihuyyy... makasih telah berbagi kang enes... alhamdulillah

    3 Agustus 2014 pukul 01.08  

    Tambahkan Komentar

    • Dimohon untuk tidak mencantumkan link aktif pada komentar sobat.
    • Gunakan Ruang Tanya pada TabView Menu, jika ingin menanyakan sesuatu yang tidak ada kaitannya dengan artikel di atas.
    Kang eNeS

    Terimakasih atas semua apresiasi yang sobat berikan.

    10 Artikel Terbaru

    10 Artikel Terpopuler