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://tutorial-blogz.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/AVvXsEhgaahEbNPgekyL9QDribRtX1rCEDSbz6dSDMyny0zecxs1s0eRfcW6FiFZDd0lfYSapDr_D81wY24LJ95M5hnifSfLR8ke4jKFqUDao9kTL-Eswk23imbzuHpPQLR8akhc7rqGp7OS/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/AVvXsEg1OyhSQpPH_DQwxj9NxCOJq5QHT3i_7fKLQlpVbLOvmESTULPgRnxJHKREZuA9O1RMG7cxAU1o45BCCRkQ9wwhiLhdo_qN-m_fI9GkhaUJ9HXFiuvBKRP8fpWkN3pwc2H1NIHnQ8_yS5s/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/AVvXsEiP3GZo4V3eNI376VrXJzLUHzT9ShcJ7kZxdBj4p7w1BSLjV7y9elYhEA28NHQLAxcHBUM_sTWCT41gb_UskvDHN9DHra739kE397KY0hMabtKJN65GFj2HT6u_cDsVZvp7WlqCYKbD5AM/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/AVvXsEgskBwRESmFirXRx2L7651jBpsn6g4S-d4czpEslYjvaWsa7kIyrtvZW-aJ5tkthSdqZIBLUVAfaAD31BduyGeFFS1D0tBIYKzROilhoZSV__5sih3clS9VhZDxKmDkxwxlJfjBIutMfRI/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/AVvXsEgxeaVzJo4-UwP8FLjCaZZvLpmIIm0pKjwEFyB6xRod52Fh4PQ9GA_FtH9pm1l_lp9-0JmaOp2zySCbzEr_9aO0tU5d9kO7G0GzxbQCq6L1cIMJbbcGqj6TjHexZRA12KTkJFNY04cedm_f/s300/images.jpg" /></a>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgaahEbNPgekyL9QDribRtX1rCEDSbz6dSDMyny0zecxs1s0eRfcW6FiFZDd0lfYSapDr_D81wY24LJ95M5hnifSfLR8ke4jKFqUDao9kTL-Eswk23imbzuHpPQLR8akhc7rqGp7OS/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/AVvXsEg1OyhSQpPH_DQwxj9NxCOJq5QHT3i_7fKLQlpVbLOvmESTULPgRnxJHKREZuA9O1RMG7cxAU1o45BCCRkQ9wwhiLhdo_qN-m_fI9GkhaUJ9HXFiuvBKRP8fpWkN3pwc2H1NIHnQ8_yS5s/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/AVvXsEiP3GZo4V3eNI376VrXJzLUHzT9ShcJ7kZxdBj4p7w1BSLjV7y9elYhEA28NHQLAxcHBUM_sTWCT41gb_UskvDHN9DHra739kE397KY0hMabtKJN65GFj2HT6u_cDsVZvp7WlqCYKbD5AM/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/AVvXsEgskBwRESmFirXRx2L7651jBpsn6g4S-d4czpEslYjvaWsa7kIyrtvZW-aJ5tkthSdqZIBLUVAfaAD31BduyGeFFS1D0tBIYKzROilhoZSV__5sih3clS9VhZDxKmDkxwxlJfjBIutMfRI/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/AVvXsEgxeaVzJo4-UwP8FLjCaZZvLpmIIm0pKjwEFyB6xRod52Fh4PQ9GA_FtH9pm1l_lp9-0JmaOp2zySCbzEr_9aO0tU5d9kO7G0GzxbQCq6L1cIMJbbcGqj6TjHexZRA12KTkJFNY04cedm_f/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.
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://tutorial-blogz.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/AVvXsEhgaahEbNPgekyL9QDribRtX1rCEDSbz6dSDMyny0zecxs1s0eRfcW6FiFZDd0lfYSapDr_D81wY24LJ95M5hnifSfLR8ke4jKFqUDao9kTL-Eswk23imbzuHpPQLR8akhc7rqGp7OS/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/AVvXsEg1OyhSQpPH_DQwxj9NxCOJq5QHT3i_7fKLQlpVbLOvmESTULPgRnxJHKREZuA9O1RMG7cxAU1o45BCCRkQ9wwhiLhdo_qN-m_fI9GkhaUJ9HXFiuvBKRP8fpWkN3pwc2H1NIHnQ8_yS5s/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/AVvXsEiP3GZo4V3eNI376VrXJzLUHzT9ShcJ7kZxdBj4p7w1BSLjV7y9elYhEA28NHQLAxcHBUM_sTWCT41gb_UskvDHN9DHra739kE397KY0hMabtKJN65GFj2HT6u_cDsVZvp7WlqCYKbD5AM/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/AVvXsEgskBwRESmFirXRx2L7651jBpsn6g4S-d4czpEslYjvaWsa7kIyrtvZW-aJ5tkthSdqZIBLUVAfaAD31BduyGeFFS1D0tBIYKzROilhoZSV__5sih3clS9VhZDxKmDkxwxlJfjBIutMfRI/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/AVvXsEgxeaVzJo4-UwP8FLjCaZZvLpmIIm0pKjwEFyB6xRod52Fh4PQ9GA_FtH9pm1l_lp9-0JmaOp2zySCbzEr_9aO0tU5d9kO7G0GzxbQCq6L1cIMJbbcGqj6TjHexZRA12KTkJFNY04cedm_f/s300/images.jpg" /></a>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgaahEbNPgekyL9QDribRtX1rCEDSbz6dSDMyny0zecxs1s0eRfcW6FiFZDd0lfYSapDr_D81wY24LJ95M5hnifSfLR8ke4jKFqUDao9kTL-Eswk23imbzuHpPQLR8akhc7rqGp7OS/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/AVvXsEg1OyhSQpPH_DQwxj9NxCOJq5QHT3i_7fKLQlpVbLOvmESTULPgRnxJHKREZuA9O1RMG7cxAU1o45BCCRkQ9wwhiLhdo_qN-m_fI9GkhaUJ9HXFiuvBKRP8fpWkN3pwc2H1NIHnQ8_yS5s/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/AVvXsEiP3GZo4V3eNI376VrXJzLUHzT9ShcJ7kZxdBj4p7w1BSLjV7y9elYhEA28NHQLAxcHBUM_sTWCT41gb_UskvDHN9DHra739kE397KY0hMabtKJN65GFj2HT6u_cDsVZvp7WlqCYKbD5AM/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/AVvXsEgskBwRESmFirXRx2L7651jBpsn6g4S-d4czpEslYjvaWsa7kIyrtvZW-aJ5tkthSdqZIBLUVAfaAD31BduyGeFFS1D0tBIYKzROilhoZSV__5sih3clS9VhZDxKmDkxwxlJfjBIutMfRI/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/AVvXsEgxeaVzJo4-UwP8FLjCaZZvLpmIIm0pKjwEFyB6xRod52Fh4PQ9GA_FtH9pm1l_lp9-0JmaOp2zySCbzEr_9aO0tU5d9kO7G0GzxbQCq6L1cIMJbbcGqj6TjHexZRA12KTkJFNY04cedm_f/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.
0 Response to "Cara Membuat Tombol Social Bookmark Melayang"
Posting Komentar