Kamis, 30 Januari 2014

Cara Memasang Floating Social Media di Blogger

Cara Memasang Floating Social Media di Blogger

Cara Memasang Floating Social Media di Blogger
Kamis, 30 Januari 2014









Halo Sobat Venom'ers ? :D ...

Jumpa lagi dengan saya admin ganteng blog ini :D , udah 2 hari nih saya gak login dan posting artikel baru , eh saya lihat di komentar kok banyak yang komentar ,.. ( Curcol ) , hahaha .. langsung ke topiknya ya .. :D

saya kali ini mau memposting tentang Cara Memasang Floating Social Media di Blogger  setelah sebelumnya saya memposting tutorial Download Virus Maker 1.0 yang berguna bagi para jail istimewa .. :D

Sebelumnya ini Screen Shotnya :


Floating Social media




Oke langsung aja... jadi widget ini berfungsi sebagai penghubung blog sobat dengan social media sobat .. jadi lebih banyak pengunjung .. :D
Contohnya Ada diblog saya ini ... lihat kanan >>>>>

Langsung aja .. !

1. Login Ke akun Blogger sobat

2. Masuk ke menu Tata Letak

3. Klik Tambah Widget

4. Pilih HTML / Javascript , lalu masukkan kode dibawah ini :


<style>
            .fixedmenu {
                background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvl10_L3_PnFwMFARWdxpvn5koOQ6xpaf9qgqwfYjYDyVw8paLO7OTc6SX_glmEKwC95JIG4MVeWYhb_1nZn5nrBxMMi3gnj8M8rniUEu6pOs8Y5smlfxOtEY2qJ3EpANGjxBY35zZE0Q/s1600/facebook.png');
                background-repeat:no-repeat;
                width:43px;
                height:43px;
                position:fixed;
                right:0px;
                top:160px;
                z-index:1000;
            }
            .fixedmenu1 {
                background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGXmLAzNjtp_toeKf6siUqzlve76hkIz9J2OzQCzHrQ2oK9KJd7WInMru1aVF2NZDAzVhLfgiHO0i0iDtLuwAbu7_R60hV4uoT539zv6GKtOFOmsaWiJDaNE9qtDSB8C5bud3ZOJtLDAY/s1600/facebook-hover.png');
                background-repeat:no-repeat;
                width:150px;
                height:43px;
                position:fixed;
                right:0px;
                top:160px;
                z-index:1100;
            }
            .fixedmenu_1 {
                margin:0px 0 0 43px
            }
            .fixedmenutw {
                background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2TxC8Z3-5ohjvgcbZ3mMTIR3pgSkFsteKgIErmZ5Y4EVCX5jNcwFuvkjlbxE_0yB7AUmdtjK84HoeBwINA8jbZ8_AhVeQMjaZfIDgO2Kz24MajY_fdfQ8aoPFyHqibN6Gd9yK2CnTOEA/s1600/twitter.png');
                background-repeat:no-repeat;
                width:43px;
                height:43px;
                position:fixed;
                right:0px;
                top:205px;
                z-index:1000;
            }
            .fixedmenutw1 {
                background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7rNg6Eh4fhQYsekyqQFy1BjdFcKOPSG9CchWkljrQ3YH5MKq4XqFKaSw3snefl6shvTGCIYnpUipwuAexdbhNrG1pZA-_ySs_IxaKxiHn6C9TIUW0tUjQo2ihniRf_StQC7Ec9tkyLdc/s1600/twitter_hover.png');
                background-repeat:no-repeat;
                width:150px;
                height:43px;
                position:fixed;
                right:0px;
                top:205px;
                z-index:1100;
            }
            .fixedmenutw_1 {
                margin:0px 0 0 43px
            }
            .fixedmenufb {
                background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNCBVhc2S9U2t9ztAHPBTMdhVa1EagKACw7EiaRu1JmDlX7yka7-WWZK6EQD2EUhw2fXY7-1ZapAg3rrmErMSwjCm8GJVP_3I3EEfAtSRGxKshZ-nKpgwn33xaZzpgL8OAL0fdSdVDgVc/s1600/Gplus.png');
                background-repeat:no-repeat;
                width:43px;
                height:43px;
                position:fixed;
                right:0px;
                top:250px;
                z-index:1000;
            }
            .fixedmenufb1 {
                background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBsgXXHjTjIDTkeaxMwesHpIiKlVj133U0omjKAjVVF8i_Ly-WzF0yfmzXNZoNQUb0jGRnLBtPIU7xgrPmRVUTRbT2TkARvEEkXj6tY954YOoHg_iMOAETAoMdSqBWQg29myrvvrV_Hvk/s1600/Gplus_hover.png');
                background-repeat:no-repeat;
                width:150px;
                height:43px;
                position:fixed;
                right:0px;
                top:250px;
                z-index:1100;
            }
            .fixedmenufb_1 {
                margin:0px 0 0 43px
            }
            .fixedmenurss {
                background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-kIlydhaZPDXZbcvS61MFkmo4GvbzMPprnhCPWV990oWpDZJ0XoGFjV6FOblyFPD9cLDDN0bY5epPbGssldrdxcHrNfhnenc5p6WtIA_GPLOyDCMitFe4FB2FLYrusCebWkc65hMcD6o/s1600/rss.png');
                background-repeat:no-repeat;
                width:43px;
                height:43px;
                position:fixed;
                right:0px;
                top:295px;
                z-index:1000;
            }
            .fixedmenurss1 {
                background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ0cd9Nr-e42o7QRm32g4wBeK5DsweCL6nYkmjTj1grG5odMhMr1_bPlHcdSHlMZ5mMuPtFoQIGXngBV9YnhpHX0NUZXuDHU7rI5MEJrTBI5tBYsi_4pkCJ4YeGTSJ3p9CerEVhHg1gMc/s1600/RSS-hover.png');
                background-repeat:no-repeat;
                width:150px;
                height:43px;
                position:fixed;
                right:0px;
                top: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/anggi.moxer' target='_blank'>
                    <img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDhS5ZgyQ6E-JNZ4rEN6xiExNSAUO5CrN1HSAi2bSPuiMlQcQ_9YsEkwb2DsMhJDcwWIKukPeHyM5XAULLNkdoS_tK4WjHnqOXob2wPZ3mRGFfFpmxaNMcdTVVBLW2Stnc5qF6kQiD-d4/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/anggi_moxer' target='_blank'>
                    <img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn9wnkv8Z3t6OLoijXBCewL6n7M0CNB3_6LfrhwVRYa2xrO84l0Ka5hQ-LBYfPPypJqkPa0mrkUYr2GnCEiPwW3cUiVpgSzPSrHlzj8Z7OPKUXulKmoHjY3ln5ZN-yME_y77rjLRSeJ5A/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/104876065208377114841' target='_blank'>
                    <img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-F8nh9NwfYTcuFb1rkVhqruKZuVVthGYl49dPTnvqfUi078L9eWPFAFOrlADo-HXz8DTU1lkDoSMMKi56hVYwlY4UD4JzYFsrl1VV760fnYqP-AmFpk7Fe-PkE9BOP9crNXtG0ECWdn0/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/Venomers' target=' _blank '><img alt='Subscribe me on RSS ' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXFDdsopzfnFHG2TiLjSD_-Qoos_3E2x0tkzyVAm1QWOWyUdSAoWJJwWkRCCfakagdvCWgBLKVsVuqvDC7zCHQ7vyC5QkJbVPGdHKpfe3djDBTVHuuyW2dofQdB08J3oPxXIdVWAKBo5E/s1600/RSS-hover1.png ' title='Subscribe me '/></a><br/>
</div></div>

Penting !!!
  • Yang Berwarna Kuning itu ganti dengan Url Social Media Sobat
  • Yang berwarna Orange itu ganti dengan Tulisan Yang Sobat mau 

5. Selesai , Save

Oke , cek dah .. jangan lupa simpan setelan ya sobat ..

Sudah dulu ya .. !!!



Cara Memasang Floating Social Media di Blogger
4/ 5
Oleh
Pada 3 Komentar

3 Comments

Anonim mengatakan...

Oke gan ..mantap .. petamax ;)

3 Februari 2014 pukul 20.51
Unknown mengatakan...

mas agak di perjelas cara mengganti facbooknya..

12 Desember 2017 pukul 17.23
Anggi Yusuf Mustofa mengatakan...

@Alfi Alfian oke gan, postingan selanjutnya akan lebih jelas. untuk postingan ini bisa langsung tanya ke saya via facebook
:D

13 Desember 2017 pukul 08.12

Langganan: Posting Komentar (Atom)