Cara Membuat Tombol Social Bookmark Melayang - Kali ini saya akan membahas Cara Membuat Tombol Social Bookmark Melayang. Sekarang ini pengguna situs jejaring sosial makin banyak, dengan berkembangnya teknologi informasi yang makin canggih, banyak situs yang menawarkan layanan jejaring sosial seperti Facebook, Twitter, Friendster dan yang lainnya. Seperti yang kamu lihat, di blog ini saya juga menambahkan widget Social Bookmark melayang yang berada tepat di kanan-bawah blog ini. Untuk lebih jelasnya, liat gambar dibawah ini.
Berikut Cara Membuat Tombol Social Bookmark Melayang :
1. Login ke Blogger kalian masing - masing
2. Masuk ke Dashboard, lalu pilih Tata letak.
3. Klik Tambah Gadget
4. Copy kode dibawah ini di HTML/JavaScript
<a href="http://.blogspot.com/feeds/posts/default" rel="dofollow" title ="RSS Feed" target="_blank" style="display:scroll;position: fixed; bottom:305px;right:20px;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0PIWtkhfrkKgc9QEzClbLqVIK5saazxMwXkbD0tC3HQ0MR523qX57M9xCm0WLOlhYUV2SdPFFTEBfC4mnAyV5M0wRoHrlcQPe2yiQaSsauhJ1DB1uVoCHpnki66NpA6ylu6zqEVBa/s170/RSS-Icon.png"/></a>
<a href="http://www.facebook.com/TutorialBlogz" rel="dofollow" title ="Like us on Facebook" target="_blank" style="display:scroll;position: fixed; bottom:255px;right:20px;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidlUlDtczBu7mU8T7oRb-ktMgbM1v3BkA-7q5CoM8IdqhS7IgwKqrQZ5gngq4gcnhnlKlFQXW4zF22I6PS2Da54qAnHPM2Ab-dZ6Bhgi_pme26oVUgcnaxE1Voo01zc9P2a0goyAG6GKc/s1600/facebook.png"/></a>
<a href="http://twitter.com/TutorialBlogz" title ="Follow us on Twitter" rel ="dofollow" target="_blank" style="display:scroll;position: fixed; bottom:205px;right:20px;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHUNtkp83CCefbpUXz8XWgFROEF04Xbim3k7UzcoPx9oexkEwOKvxYVg1JVSpX12fZCNb1bE_2aD4PcHovhc8iFsUwVLRsrTYNMGXNBGBgsbUmIOIFm7A1W4INKCD40EsaWO6yQuZ44Es/s1600/twitter.png" /></a>
<a href="https://plus.google.com/102807084759670981471" title ="View my Profile on Google+" rel ="dofollow" target="_blank" style="display:scroll;position: fixed; bottom:155px;right:20px;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKvaGF7zHGrI9uaF5qDRjWu-p87RMSc9j1t_3wdkTE72doZZlCvmJLQt2CO3J4wpcWA5e1V8X8Uv74CavcCbBvYZ2csYTB9N4yPmJSf-ciEyRg60wo1VVwcAJDms7NLsUZBXs9nsPC4q4/s1600/gplus.png" /></a>
<a href="ymsgr:sendIM?mharishabdurrahim" title ="Chat with me on Yahoo Messenger" rel ="dofollow" target="_blank" style="display:scroll;position: fixed; bottom:105px;right:20px;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVix6r39PPkssc0E-Jg5oTmi8pllPOlvlk7d2eReNUyV3zvsh1T3e-TEJA9Z504CAIYljRXvOekIMHrBXrfWiQWNvvWjEAjejszc1qBv7RKPomy0Ho8knQu8548R8aNhUCUG1SyNVQyjMi/s300/images.jpg" /></a>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0PIWtkhfrkKgc9QEzClbLqVIK5saazxMwXkbD0tC3HQ0MR523qX57M9xCm0WLOlhYUV2SdPFFTEBfC4mnAyV5M0wRoHrlcQPe2yiQaSsauhJ1DB1uVoCHpnki66NpA6ylu6zqEVBa/s170/RSS-Icon.png"/></a>
<a href="http://www.facebook.com/TutorialBlogz" rel="dofollow" title ="Like us on Facebook" target="_blank" style="display:scroll;position: fixed; bottom:255px;right:20px;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidlUlDtczBu7mU8T7oRb-ktMgbM1v3BkA-7q5CoM8IdqhS7IgwKqrQZ5gngq4gcnhnlKlFQXW4zF22I6PS2Da54qAnHPM2Ab-dZ6Bhgi_pme26oVUgcnaxE1Voo01zc9P2a0goyAG6GKc/s1600/facebook.png"/></a>
<a href="http://twitter.com/TutorialBlogz" title ="Follow us on Twitter" rel ="dofollow" target="_blank" style="display:scroll;position: fixed; bottom:205px;right:20px;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHUNtkp83CCefbpUXz8XWgFROEF04Xbim3k7UzcoPx9oexkEwOKvxYVg1JVSpX12fZCNb1bE_2aD4PcHovhc8iFsUwVLRsrTYNMGXNBGBgsbUmIOIFm7A1W4INKCD40EsaWO6yQuZ44Es/s1600/twitter.png" /></a>
<a href="https://plus.google.com/102807084759670981471" title ="View my Profile on Google+" rel ="dofollow" target="_blank" style="display:scroll;position: fixed; bottom:155px;right:20px;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKvaGF7zHGrI9uaF5qDRjWu-p87RMSc9j1t_3wdkTE72doZZlCvmJLQt2CO3J4wpcWA5e1V8X8Uv74CavcCbBvYZ2csYTB9N4yPmJSf-ciEyRg60wo1VVwcAJDms7NLsUZBXs9nsPC4q4/s1600/gplus.png" /></a>
<a href="ymsgr:sendIM?mharishabdurrahim" title ="Chat with me on Yahoo Messenger" rel ="dofollow" target="_blank" style="display:scroll;position: fixed; bottom:105px;right:20px;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVix6r39PPkssc0E-Jg5oTmi8pllPOlvlk7d2eReNUyV3zvsh1T3e-TEJA9Z504CAIYljRXvOekIMHrBXrfWiQWNvvWjEAjejszc1qBv7RKPomy0Ho8knQu8548R8aNhUCUG1SyNVQyjMi/s300/images.jpg" /></a>
Keterangan :
1. Yang berwarna merah itu adalah URL jejaring sosial, Ganti dengan URL akun jejaring kalian masing - masing
2. Yang berwarna biru adalah Judul yang ditampilkan, kamu bisa ganti dengan kata - kata kesukaan kamu.
3. Dan yang berwarna hijau adalah URL gambar yang akan ditampilkan, kamu dapat menggantinya dengan url gambar kamu sendiri.
5. Bila sudah disesuaikan kamu klik Simpan.
Mudah kan caranya?? Semoga bermanfaat :D
0 comments:
Post a Comment