728x90 AdSpace

Latest News

Diberdayakan oleh Blogger.
Sabtu, 18 April 2015

Cara memasang widget social media melayang di blog

     Widget Social Media merupakan widget social yang berfungsi atau berguna untuk memvariasi dan mengetahui orang orang yg berada pada dunia maya seperti Facebook, Twitter, Google +, RSS dan lain lain .

     Dengan anda memasang widget Social Media kalian bisa mengetahui juga informasi informasi keberadaan orang orang atau admin di blog tersebut, nah klik tombol DEMO untuk melihat demonya.


      Nah untuk tutorial Cara Memasang Widget Social Media Melayang Di Blog anda bisa memperagakkan tutorial tersebut dibawah ini .

  • Login di blogger.com
  • Pilih Tata Letak / Layout
  • Lalu klik Add Gadget / Tambahkan Gadget
  • Pilih HTML/Javascript
  • Copy kode dibawah ini kemudian paste kan di HTML/Javascript tadi .

 
 <style>
.cyber88-fixedmenu{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcT7YXY0ZRJMrD_K-ET1QexZ3iOHqRvKMPnf7mf4i8tne2gzQTaeF94y4rqPP9Up98uiDrG8xB1ypcNNqtPqbHyuwLIt9suvp-BiAed88oRMkCsrBE2xMIif3MP5vo0jNRzKhlyc5COkY/s1600/facebook.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}
.cyber88-fixedmenu1{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8aeUXKDS8Ezu0dP1TknD62cVMvMzOUzcHEymVDG1NJAx-vpVeTS_RBvKl0Zqe_8w7s7ibGfVgaGsHaPdHTfWlhUQy3ia-G-mdfFCzO_6z1NgZ_Rlo9SV-sRyb50eWZE1Gs94dz-EGIso/s1600/facebook-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}
.cyber88-fixedmenu_1{margin:0px 0 0 43px}
.cyber88-fixedmenutw{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizZLb8jnTZim1EiqcdTzLfFyZZz9pyQy129ztL3exol39YJmY7ZOtUh0tjtD5Zc2xbdMqvZstGMCfbC1Ds7UFeUyIDfRfEWpFNaYyZAMAvAtamfnzU6d-EoRi6ygtQucN2XG37AzdiJlI/s1600/twitter.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}
.cyber88-fixedmenutw1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4a9Hx7zrQJOmdQxTtVUbpY1-lGDf0PeIHp8k647hu-SsoajiEZIIXQujz1Yr0fdiypnPUibU48lrZCT9eUnrZYgg-vMZSQDLouM_BOgK6VEESnw-Uka3DebIsg3TdREv2-rP-cVaXVLs/s1600/twitter_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}
.cyber88-fixedmenutw_1{margin:0px 0 0 43px}
.cyber88-fixedmenufb{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9jgx-QzA3pgevooEMFcffbbFID1xtI_43-GDD4EsIgVI2aryDjOp1ZvKEiEqH05w-OJdjy1N_Rocj_GmGnEI5A4xtNXrS9agtAojV8IkxEHEMAO_O8DkRmbCxveRH65sigyYucMJBSSY/s1600/Gplus.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}
.cyber88-fixedmenufb1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf6lzWvRRATBZGJbn6oFL9LHFUxMvg_wJHluIMJv2ez05vY2nmheWwcd-WWNrJi-fy83KcVDNOD3hsQq77vcPq1hyrebLkY0vjyCIU0wYKNR5F6eOwff6bqdpOXDALpPp2huRHq51yxko/s1600/Gplus_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}
.cyber88-fixedmenufb_1{margin:0px 0 0 43px}
.cyber88-fixedmenurss{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSPNaHXYmNMTgXh0FY6r_fjVjMHhdZyK7QRsuI0Pf-wiyTWDnQBoV5V49wyOx0wM0kgC5W16Dbq6hgqrQjwuo9KaVWPGjSB93D4rzbEy1kU_LEmR7YMkNgjUocE1jfIyC0xorHeaHZmyQ/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}
.cyber88-fixedmenurss1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrqZsZPpYakLOCw_5GrVs0oPImEatgUD6-NhCQgJkRsdBxSyEiDUMt9QEBrjnkKvvNjUXuipKmmar851GQY9QcdIWE18zePMGS8cR22CHtO4BLbE2FgKQVE64dRUs1nCBYWM2prBkYVEs/s1600/RSS-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}
.cyber88-fixedmenurss_1{margin:0px 0 0 43px}
</style>
<div class="cyber88-fixedmenu" onmouseout="this.className='cyber88-fixedmenu'" onmouseover="this.className='cyber88-fixedmenu1'">
<div class="cyber88-fixedmenu_1">
<a href="https://www.facebook.com/YOUR-ID-HERE" target="_blank"><img alt="Like us on Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLhnYEZB9TnOdgdMTsBxnIgyV-SaZ2OqkG04J85ucKgLXzn1R1OH1iOISDJYYQorr-AzvAiaKrQuAqlDnPal8e0-F15EsBWNoVAaKVv3DWwx67y2NQ5H1oG4KZNc4AGqYKAAv-CY8imXs/s1600/facebook-hover1.png" title="Like us on Facebook" /></a></div>
</div>
<div class="cyber88-fixedmenutw" onmouseout="this.className='cyber88-fixedmenutw'" onmouseover="this.className='cyber88-fixedmenutw1'">
<div class="cyber88-fixedmenutw_1">
<a href="https://twitter.com/YOUR-ID-HERE" target="_blank"><img alt="Follow us on Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG_tWfJwUMjPExrbapABlKREnaJJI79KAHtozMb2ILeru01KhNQ-YKwXTtL0aqzk3N8G6S5pT5G3GHc_8Zy9lqojabZwNxE6rvqv35CXOd7NeHm6LWa6wfeZgJCxj5wVFUDAeTDiRYpbE/s1600/twitter_hover1.png" title="Follow us on Twitter" /></a></div>
</div>
<div class="cyber88-fixedmenufb" onmouseout="this.className='cyber88-fixedmenufb'" onmouseover="this.className='cyber88-fixedmenufb1'">
<div class="cyber88-fixedmenufb_1">
<a href="https://plus.google.com/YOUR-ID-HERE" target="_blank"><img alt="Recommend us on Google Plus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl6bcxPFVFKSzYPyymXpL5VJGUZVsszaNyyxQ3Q5eJtZ66_B0U0jhU7Zeun-IstKHxXp4tzP2OuKo6QBF1oAjusmXbd2Xv9vxYya-VOEU9r9xvYmd0hQiW_nf5GFV3yNG87B28c1lc-bI/s1600/Gplus_hover1.png" title="Recommend us on Google Plus" /></a></div>
</div>
<div class="cyber88-fixedmenurss" onmouseout="this.className='cyber88-fixedmenurss'" onmouseover="this.className='cyber88-fixedmenurss1'">
<div class="cyber88-fixedmenurss_1">
<a href="http://feeds.feedburner.com/YOUR-ID-HERE" target="_blank"><img alt="Subscribe me on RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi29gwiY49HWJl3XmO90SY4GJLdGVhEMhyAyVPCU4gafrahQGlu86olcqiOyvmrk_hq9uG4wy5PzddeQsBTLHk3U6DoJ3m6Gr3kLthY4VfTAp0I_QR2KfRLklOVoD2iHQc5hH2-WVp9_6U/s1600/RSS-hover1.png" title="Subscribe me" /></a></div>
</div>
 

  • Jika kalian sudah mengcopy kode diatas kemudian klik Simpan
  • Enjoy

Demo
Click To view

          Nah itulah tutorial tentang  Memasang Widget Social Media Melayang di Blog . Demikianlah artikel tentang Cara Memasang Widget Social Media Melayang di Blog semoga bermanfaat bagi kita semua wassalamualikum wr.wb.
    Posting Lebih Baru
    Previous
    This is the last post.
    • Disqus Comments
    • Facebook Comments

    0 komentar:

    Posting Komentar

    Item Reviewed: Cara memasang widget social media melayang di blog Description: Rating: 5 Reviewed By: Unknown
    Scroll to Top