Cara Membuat Widget SosialMedia Keren

Cara Membuat Widget SosialMedia Keren

Social media adalah suatu alat atau media untuk menghubungkan antara blog dengan media lainnya seperti Facebook, G+ , Twitter , Youyube ... 00:20

Social media adalah suatu alat atau media untuk menghubungkan antara blog dengan media lainnya seperti Facebook, G+, Twitter, Youyube, dll. Social media mempermudah pengunjung untuk mengikuti setiap postingan artikel-artikel terbari yang di psting oleh blog yang di ikutinya.

Nah bagi sobat yang lagi nyari social media yang keren untuk di tempatkan di blog sobat seperti blog saya ini, Silahkan simak langkah-langkahnya sob.

Berikut langkah-langkahnya:

1. Buka blog sobat.
2. Pilih Tata Letak
3. Lalu klik tampahkan gadget
4. Kemudian pilih HTM/JavaScript.
5. Copy code script berikut ini lalu pastekan kedalam HTML/JavaScript tersebut.

12 <style>

            .fixedmenu{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDAWVHeBPf9wtAD22XVSiZZ-PfJBf-yvvwe7B4c-SCWGAfRwAcoWMnRB79jpKuelQ-xlDj9Bt56OQWtW-EZMXQcdUE0bcODUwPEMslVjYRtldGOHtGNkNtJ9ELTH92o8KtblbvDPZGGC4/s1600/facebook.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;bottom:0px;right:160px; z-index:1000;}

            .fixedmenu1{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoidP5AayhGYX5E6R-x5X041iOJzaJKQRpFqFYe_u2sJCwo4UyuNHyPcEroIGIUgQb_7BpWotMnnRPDvTmT5EH7lLVkghQvEc2bCV_xVLECAuoEe7XCFdwMf6QDyN3MHjySg7_jLHwVyw/s1600/facebook-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;bottom:0px;right:160px; z-index:1100;}

            .fixedmenu_1{margin:0px 0 0 43px}

            .fixedmenutw{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAfe7xY5eVAsWWT7YJFr7xV_4OJpTrYvfjE_UeUorIGF5jpsYYRA9wIXKBbUwY5deJ4AtmS2Udk5VTL8gZUErzD53GsMEAKsQ2eNzT9e4HE2obRHBkxTfYjV1QRL2d99WeOGbCJJdR2HQ/s1600/twitter.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;bottom:0px;right:205px;z-index:1000;}

            .fixedmenutw1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDbXvWNhM__lC737ITpcmTKj1bCpBR9i_j7_H5g6yEVKdPf8MTIv-gUUGGtrKnq3Hpm32SCThrVEMxhywjd8OMfHngLv26fDk6QUk8UsC8_NsCLqAULzycc5pjOVvMKeT6-SAkzNFiKz0/s1600/twitter_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;bottom:0px;right:205px; z-index:1100;}

            .fixedmenutw_1{margin:0px 0 0 43px}

            .fixedmenufb{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgieppE11sGS27bF54tgeO-VsmqaNSp_j7cf7BvLGAvnQPcYHZtpOU3Q6ah4EeV9OJrjc0l2fm5goT5PV_VBoWLJOsDvXo61Evxoo_Q9e7Ocp3MTdO4jmzpXcdGggonMHBBMvAJdmWKjew/s1600/Gplus.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;bottom:0px;right:250px; z-index:1000;}

            .fixedmenufb1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtb6xikpnezulRX2SPItt0e7-hGEWAcdVtxO8pD7bmhPmp2XHZU3F-zK0EVmUvWsxn0gEaIUM7L0YWhcIWyk9CGt6fFOZTVPMlL9kxU7_dp_9h2iGihSXLWrzvDNWbdaGPMMKZjusnbwA/s1600/Gplus_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;bottom:0px;right:250px; z-index:1100;}

            .fixedmenufb_1{margin:0px 0 0 43px}

            .fixedmenurss{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4CrMVFubr-yh8y6qbFKZg57cu62gtHeQXmQtlwpNEgeFJSMae0s9SgWTQ_0m5qJ2rDDC8sm95wHK3c0DKtpyF0EgREzzHKVgSR3CVqK_ZyRIGibVP_lHy8S28JA06X_7TLgLIbPVIlI0/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;bottom:0px;right:295px; z-index:1000;}

            .fixedmenurss1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTBZpLjjRFGJCRDvBDLtuVQwwO9Ka9liNMI9P92EOz0l3kdMw-zsy33Lw04-O6gMMDSQv1onnXsPTIiC-ZTNvk2BmDSZkIKOt8HYCvOW2IG8Wm21Ek_Sy_DQe64OvxKZ5WvM42AD5PBVM/s1600/RSS-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;bottom:0px;right:295px; z-index:1100;}

            .fixedmenurss_1{margin:0px 0 0 43px}

            </style>

            <div class='fixedmenu' onmouseout='this.className=&apos;fixedmenu&apos;' onmouseover='this.className=&apos;fixedmenu1&apos;'><div class='fixedmenu_1'>

            <a href='https://www.facebook.com/degusra' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSA6ApfeOim7WxUYmX5JGVl6CPmAuEk3CR97LapG8ePQCoRF4FxN57-3n9XCZn6lE9Q9cdrZgrG-LbfGJU2HlTg18ByHOUwiVTMDFcWTbsFrXtbmoqUcOHZCNZkg5at9wLFcTPy7b7Ot4/s1600/facebook-hover1.png' title='Like us on Facebook'/></a><br/>

            </div></div><div class='fixedmenutw' onmouseout='this.className=&apos;fixedmenutw&apos;' onmouseover='this.className=&apos;fixedmenutw1&apos;'><div class='fixedmenutw_1'>

            <a href='https://twitter.com/mc_erick12' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzhQXLNXZWJ-QiAYLAwSMpohOZ1G8dpRBfyb0EmIYJ-4Fl2OJdJr3dXlLTsbwJRFX1PMEST9iCkUKieQ_8bunRPsD3-6naO63w_lSroSI0ZpGUh259thw6yuMFzwqE55Zs2rra0I7aUwE/s1600/twitter_hover1.png' title='Follow us on Twitter'/></a><br/>

            </div></div><div class='fixedmenufb' onmouseout='this.className=&apos;fixedmenufb&apos;' onmouseover='this.className=&apos;fixedmenufb1&apos;'><div class='fixedmenufb_1'>

            <a href='https://plus.google.com/115497620794121112750' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZo48BIhtaOtqNHLJtKFUOs92rRv2wz1w8gWznCsi7846x3sihbiXK3vhD8NIv5gHtWDkzAAGeYFBjA5Uf7sOBLW_NdOBZUIcEtE0r7FZQ5Uvw_20qSyOd3sOsx-pQ_LMsSzzOJXQTA1A/s1600/Gplus_hover1.png' title='Recommend us on Google Plus'/></a><br/>

            </div></div><div class='fixedmenurss' onmouseout='this.className=&apos;fixedmenurss&apos;' onmouseover='this.className=&apos;fixedmenurss1&apos;'><div class='fixedmenurss_1'>

            <a href='http://feeds.feedburner.com/ErickDeGusra' target='_blank'><img alt='Subscribe me on RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE3pLzXu9q4pQJ30FZBxnbvSqFDuxSS02QwMlupEHee96Kzg_BIMJntHHYKyWOuwisHEcK_eysq8KTNSqCqNnZ1YWHTi-8pSoxleVR8TRtA6m2om9ZzL_B5Z784K9aieebCSNMysJNr7o/s1600/RSS-hover1.png' title='Subscribe me'/></a><br/>

            </div></div>
Keterangan:
>> https://www.facebook.com/degusra adalah alamat fanpage atau facebook sobat
>> https://twitter.com/mc_erick12 adalah alamat twitter sobat
>> https://plus.google.com/115497620794121112750 adalah alamat google+ sobat
>> http://feeds.feedburner.com/ErickDeGusra adalah alamat feedburner sobat


Cukup sekian dulu tutorial dari ane gan, selamat mencoba dan semoga bermanfaat :)