√ Cara Menciptakan Widget Social Media Melayang Di Blog

Preview Widget

FARESPO - Tak sanggup dipungkiri lagi bahu-membahu social media atau yang sering disapa jejaring sosial yakni sarana berinteraksi online terbaik dikala ini, tentunya masih ada sarana-sarana pendukung lainya, menyerupai forum, grup, chat, dan lain sebagainya, akan tetapi kini ini social media masih menjadi prioritas diantara para pengguna internet. Dengan social media, para pengguna sanggup berinteraksi dengan gampang layaknya di dunia nyata, tanpa batasan dan hukum apapun.

Sebagai blogger, apa manfaat yang sanggup kita peroleh dari layanan social media? tentunya aneka macam benefit ataupun laba yang akan didapat, salah satunya yakni mempermudah marketing atau promosi blog kita, di social media kita sanggup dengan gampang merekomendasikan blog kita ke orang-orang yang mungkin menyukainya, jadi selain SEO kita masih punya backup trafik yang bersumber dari social media.

Sehubungan dengan mendapat trafik dari social media, pada kesempatan kali ini FARESPO ingin membagikan cara menciptakan sebuah widget social media atau jejaring sosial, namun kali ini widgetnya bersifat melayang atau popup, jadi tidak memakan tempat, selain itu efeknya keren dan loadingnya juga cukup ringan alasannya yakni tidak memakai santunan j4vascript.

Cara Membuat Widget Social Media Melayang di Blog

1. Login ke Blogger.

2. Pilih Tata Letak / Layout.

3. Klik Add / Tambahkan gadget.

4. Pilih HTML/JavaScript.

5. Letakkan arahan berikut ini kedalamnya.

<style>
.farespo-fixedmenu{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSwTAwVqqbgyvJB_FEHd2ObqLrNBeY0x7WMObGGdUl6KrGNK5fURv2Hi8aT6CnBy-J4-rxn57jmd7-ym2zzjRYfuopzxStwi3OtBUKttFQ36hLbt3U5bdSChsP9l7idy6b-8t1j-OiNbc/s1600/facebook.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}
.farespo-fixedmenu1{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdZcX6HJGCAeyeu7lEVuyLVgn_gyWoqjrQZqB1MALqa6Alr905Ipt3rC5d6xLaJzj7VuRVbLuMmAh4PDJWXnD1o5nvozQJJ8_jwYNy5xdqdR3CrV3TauQJstM8q-ligDzXdvnuKUz74tc/s1600/facebook-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}
.farespo-fixedmenu_1{margin:0px 0 0 43px}
.farespo-fixedmenutw{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNfxbaMViUzi4pAJXWicpOeJM6xdn7miuGgXdDu33KEO0G6Q4ODKXzmoRo51x6eZZnkYCr5L9Nnf-rRAWFICQbmsl5XxjbtLChhDWG4VaNN7GbGlB9OX5ek7stdsko6cB9LKVSwyaILEw/s1600/twitter.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}
.farespo-fixedmenutw1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI9-EXiMz_v8zjUDQ-rBTNQNsC0HLbgvMXlIEvhQD-05HgMby52U1MVltJbdPfTEjgm2WiGXI18bUmEpw31ng21UNzZ_XSOfYOWchQabe-uw1J4B2bjh7hLt2IS06TX6-IdvzSofXQ8Uw/s1600/twitter_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}
.farespo-fixedmenutw_1{margin:0px 0 0 43px}
.farespo-fixedmenufb{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdUvun1Qd_0YGZk9xPP2Qtb-QxGuW1Q5ZZL6iE-ZhqR4EdSmdh-E916RkdY6Ezif2K1Uh2gx6GQY4sFtq1sCjuLqBNUvpTjrEFxfsRVQOqGRhE7EyZbkKI66go5u4uzJ9zQ0Pm2zbTxRc/s1600/Gplus.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}
.farespo-fixedmenufb1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Pfjq1goH7ec3-PexMv1sAatFK4bta8sHyRvc2fbKNfKzzZ75wAd1ZC4PA2e4rVvLBZgYGflv4Z1dfMvzrFEpXKA2dONet40Ha4g0UEvl_7Vt94lZoXYjhLwk_1di9CiAB1v3sLxyeco/s1600/Gplus_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}
.farespo-fixedmenufb_1{margin:0px 0 0 43px}
.farespo-fixedmenurss{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhciU2hJ01OAkJCu6LnifUdF0639hUy-yQ7irGURVDq7UNDmrWZckyNjrHAZhWM5XtKIhHkq9JDs6hjYA_MSQu_JpF7osIsA-U5W33O9cNTv3hENWQvf6plmVcliuez_61viDfZ-TVbSE/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}
.farespo-fixedmenurss1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgptjejtRapnF_wqHxCv2rtxHSdS0M9T_u7Dol_S3j4JH_Kaw2HgaJmQaQlB_ob1P5UAPYTNX3pcI54GEoaWZ9RuijMyV6_0xI4godX8uxoaSbF6l2kAvj4vL0GOZiEYK1hqEjEVFTHU7E/s1600/RSS-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}
.farespo-fixedmenurss_1{margin:0px 0 0 43px}
</style>
<div class='farespo-fixedmenu' onmouseout='this.className=&apos;farespo-fixedmenu&apos;' onmouseover='this.className=&apos;farespo-fixedmenu1&apos;'><div class='farespo-fixedmenu_1'>
<a href='https://www.facebook.com/tuliskancom' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixMr588MoceT_IW4UkP9ivq3WldfVwpzuFnXvW0q3uLEruE6Pog7DBIjL7upitouM2QLA1sbCpHIP7f5TV6kGsZ-6fRXX3ik_XLMV0xRh0_mctCg-j5UUisugMTKP7sTjEydGzDma0Hfg/s1600/facebook-hover1.png' title='Like us on Facebook'/></a><br/>
</div></div><div class='farespo-fixedmenutw' onmouseout='this.className=&apos;farespo-fixedmenutw&apos;' onmouseover='this.className=&apos;farespo-fixedmenutw1&apos;'><div class='farespo-fixedmenutw_1'>
<a href='https://twitter.com/tuliskancom' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_mBUBIR8NxHTQ5Vj3-JZhsWGe2-8iVtlw3NcfvBzH_UglEF6QAOXYTvP0VEVTY8vn9yqn5SxgBkWoAtwvXeOQzmeSlWFfwvSOOWXz4mMH67UcS6HPTv4V1BNiSx8W9o7jldu2agMk63I/s1600/twitter_hover1.png' title='Follow us on Twitter'/></a><br/>
</div></div><div class='farespo-fixedmenufb' onmouseout='this.className=&apos;farespo-fixedmenufb&apos;' onmouseover='this.className=&apos;farespo-fixedmenufb1&apos;'><div class='farespo-fixedmenufb_1'>
<a href='https://plus.google.com/10921029102910212' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCtbxX70PbjbBTaen_glyjN_NDZh7eCW0veYXpR9B75e_gzw2TkG_8nFA8bdwqFJFrON1kVhrjQrRikuowD53muWaBrC6d5RD_PruHk69eWReJXSBsPlGIaBH2L4YrCcfPhZwqvJKl9yQ/s1600/Gplus_hover1.png' title='Recommend us on Google Plus'/></a><br/>
</div></div><div class='farespo-fixedmenurss' onmouseout='this.className=&apos;farespo-fixedmenurss&apos;' onmouseover='this.className=&apos;farespo-fixedmenurss1&apos;'><div class='farespo-fixedmenurss_1'>
<a href='http://feeds.feedburner.com/bloggertrix' target='_blank'><img alt='Subscribe me on RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5c_cC64OekNc8F8_2vAufXG8NjA3pNY_NDlnOYcQC9R1oh_J4rdLpGhWs4ltLgt1SPHvqHneCgbM2a4hLAInNECKcuIDYpkyXOl1h0HzRnnZ0Gf3-btwSTqS7CFlNq9SAqcvYZJIUQ2Q/s1600/RSS-hover1.png' title='Subscribe me'/></a><br/>
</div></div>

Keterangan:

• Ganti arahan yang berwarna biru tua dengan ID / Nama Fan Page Facebook anda
• Ganti arahan yang berwarna biru muda dengan Username Twitter anda
• Ganti arahan yang berwarna merah dengan ID Google+ anda
• Ganti arahan yang berwarna oranye denan ID Feedburner blog anda

6. Klik "Save/Simpan", dan selesai.

Demikian info terbaru tentang Cara Membuat Widget Social Media Melayang di Blog, simak juga artikel menarik lainya seputar tutorial dan tips trik blogging tentang Cara Memasang Widget Jadwal/Waktu Shalat di Blog, biar bermanfaat, dan selamat mencoba.

Via Bloggertrix

Sumber http://farespo.blogspot.com