Cara Membuat Widget Social Media Melayang di Blog

Cara Membuat Widget Social Media Melayang di Blog - Assalamu'alaikum, sobat blogger? Pada postingan kali ini saya akan kembali membahas tutorial blog tentang Cara Membuat Widget Social Media Melayang di Blog. Berikut adalah contoh preview widgetnya.

<style>
.tutorialblogz-fixedmenu{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBhBdEezFzNvCuXOiI20lO30RXG1z207lksQBPYJrfs-mk4DAkUCiY_IUYkordFDa8LvDfZMrpKAa_MoNNCzbUbtwjCmFVjEu-CiwiGGsymAsUKF2embSceZVWwzvEcHycTn_KV6LpOeo/s1600/facebook.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}
.tutorialblogz-fixedmenu1{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0O190XWohehsrcGCK-r1k5saQ4lnvMwSsGo7YrzQ0rpvZmK3X3gSW6s-uKsh-35cAJRNdWOBn2ZX4XBvTZSjrjG7EMUZ3Ap32EdhqzkhCfRLlILAkPkRPNu1kkfXRjta6IjHskNzz1BQ/s1600/facebook-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}
.tutorialblogz-fixedmenu_1{margin:0px 0 0 43px}
.tutorialblogz-fixedmenutw{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmhrODfW3Sb1sG1aogC5VoQnKlxz0o2G9_ZMG1Ret8C-1Ak1Mdvjc6Q-V4Sq6JNj7tHxbrh25h75aRW9iY1BTtoqg-mC4LRKMpQ9sWi1_Ec2IcPi7j1UcxVd-A6JowD747HiUxzLcz5SU/s1600/twitter.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}
.tutorialblogz-fixedmenutw1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpdfzJ9fi4Bs0Vpb94VkDjHn6TwrCL0tGbRNzv5kJKqVDWdOmvQZ4mdA5ahzFNuqcmuVksgiA-tMXoguZcHL2cgBTOY9mo3wk2g013lZsXpkf9jPOb-IFSwqFRPZtXo27fbllgt12msiA/s1600/twitter_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}
.tutorialblogz-fixedmenutw_1{margin:0px 0 0 43px}
.tutorialblogz-fixedmenufb{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqjE_hz5w853r-IkAOzH9tidTSjHbAUiD9aTmhHxh-BSrq02EzV0k2a85N_gAiNvLgLAnrSn9IDqGzVWzpOxfWLZnGe6tBN4HEM9nmlewjDB6hJv7arbGu-XceWGL9xpRw_D9Vm6T_mmQ/s1600/Gplus.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}
.tutorialblogz-fixedmenufb1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmfaHJrISdw2WUzsoTrUp37goHBiFHwmgzkTUrw0mfFxSwQjN4ewYjVNvAvV-dXaJdMQDnOGMkw45qdzd5H4ECeNE-uce1zrxScpVFeTtwdu8tjgE_OTvu7xG-VWHC6GisLopg0R0akJM/s1600/Gplus_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}
.tutorialblogz-fixedmenufb_1{margin:0px 0 0 43px}
.tutorialblogz-fixedmenurss{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXTH3zyWA1smnP-sGHIsyEzynVw0WuTh1mTFwYb7BNFJYVhczdC23Qpt1KG4xyE08AoTjbMWutB9wugM6fJiwlw7tCBM6DvT8terDaOHJzpW83zBjY5CDE3O5pGslKrqNWBc5RofgNbnw/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}
.tutorialblogz-fixedmenurss1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZz_NWiMrfeoepAu32G5ERktcmxcBNPOD2UTmoR9Tzv87JePEPSK2PXItQ3A6h8Acn6XHNvgsnE-CWB9YlMrajfpjSkBTyZ4kRxWUku0nWOWdGUijjIRdZx6lcNfyOAb0y_V5ZitwRdf8/s1600/RSS-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}
.tutorialblogz-fixedmenurss_1{margin:0px 0 0 43px}
</style>
<div class='tutorialblogz-fixedmenu' onmouseout='this.className=&apos;tutorialblogz-fixedmenu&apos;' onmouseover='this.className=&apos;tutorialblogz-fixedmenu1&apos;'><div class='tutorialblogz-fixedmenu_1'>
<a href='https://www.facebook.com/sadewacs' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9VWczId0QPGH4MBvQxz1EYb6UTkV1Eim18lR4YiSuMLlsBxAo0d0U6bI1PntfP6njzW2xU7jKiP04bg05pNsQ41SdlMv4FV6UweBnCF7aaMRg8_A_x91wo-SM0Lb9CKSqWMKn54YWgnM/s1600/facebook-hover1.png' title='Like us on Facebook'/></a><br/>
</div></div><div class='tutorialblogz-fixedmenutw' onmouseout='this.className=&apos;tutorialblogz-fixedmenutw&apos;' onmouseover='this.className=&apos;tutorialblogz-fixedmenutw1&apos;'><div class='tutorialblogz-fixedmenutw_1'>
<a href='https://twitter.com/siwade' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO2B_fLlR9mqka9F_SyPqPjfBDP4EaJfS6BZQwxkzeoV0W8efucoBmNTAACH-hG2YvWOlW9gmU4g6aVqDyxXxRAh5KSgWNIyf2YmHm8FjgVij6Nt9lU867A-XNRWoim4QjnR0hd1XiAc4/s1600/twitter_hover1.png' title='Follow us on Twitter'/></a><br/>
</div></div><div class='tutorialblogz-fixedmenufb' onmouseout='this.className=&apos;tutorialblogz-fixedmenufb&apos;' onmouseover='this.className=&apos;tutorialblogz-fixedmenufb1&apos;'><div class='tutorialblogz-fixedmenufb_1'>
<a href='https://plus.google.com/102807084759670981471' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB_3Rno25XUVBYHr07Dp-OxvBH7CHo8D3M2sGA9oAVXz4wrqKAdZSGr34DbeiMzz_yEXEjpO27b4jiV2Ark8_rVYBu7aeeQeKgqmQ_LJidfEOCAD3jomIB9cqfwRQy3ThX1PmJyJIVcqU/s1600/Gplus_hover1.png' title='Recommend us on Google Plus'/></a><br/>
</div></div><div class='tutorialblogz-fixedmenurss' onmouseout='this.className=&apos;tutorialblogz-fixedmenurss&apos;' onmouseover='this.className=&apos;tutorialblogz-fixedmenurss1&apos;'><div class='tutorialblogz-fixedmenurss_1'>
<a href='http://feeds.feedburner.com/TutorialBlogz' target='_blank'><img alt='Subscribe me on RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUuh6cYAQNsh80C5s0FJHw0Vb1g4wqzAHdRnpc4r0WuWBwuwA4EeN64Di5VO8uma1AesIyoBN9vdazG_aGLmfR63qN06Stiw_1KxgnNt7NOEQdfSY67Yb3xqimA-WMtLuBVNjfQitNhRI/s1600/RSS-hover1.png' title='Subscribe me'/></a><br/>
</div></div>

Keterangan :
Sadewacs : Ganti dengan username Facebook Fanpage Anda.
Siwade : Ganti dengan username Twitter Anda.
102807084759670981471 : Ganti dengan ID Google+ Anda.
TutorialBlogz : Ganti dengan ID Feedburner Anda.

5. Terakhir, klik Save, dan lihat hasilnya pada blog sobat.

Demikianlah Cara Membuat Widget Social Media Melayang di Blog,
Semoga bermanfaat !

• Tweet

Judul: Cara Membuat Widget Social Media Melayang di Blog
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh Unknown 10:19 PM

Artikel Terkait tutorial blog :