Cara pasang tombol share Social Bookmark

Seperti yang sudah kita ketahui bahwa Tombol share Social Bookmarking sangat bermanfaat untuk menarik pengunjung sebanyak - banyaknya ke web atau blog kita. Setiap artikel yang kita publikasikan, bisa langsung di sharing kesetiap Social Bookmarking dengan menggunakan Tombol share yang kita pasang. Dengan demikian tidak menutup kemungkinan ada visitor yang tertarik dengan artikel kita, dan langsung menuju web atau blog kita untuk membaca artikel yang kita sharing.

Bila anda berminat, Berikut ada tiga contoh tombol share Social Bookmark yang bisa anda pilih sesuai selera anda. Silahkan anda bisa ikuti langkah - langkah dibawah ini :

1. Login ke blogger dengan ID anda.

2. Klik Rancangan.

3. Dan KLik tab Edit HTML.

4. Seperti biasa alangkah baiknya setiap edit Html, Download dulu Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.

5. Jangan lupa Klik tombol "Expand Widget Templates"

6. Selanjutnya copy dan sisipkan kode :

Sexy Social Bookmark :

• Copy kode dibawah ini dan paste sebelum kode </head>

<style type='text/css'> div.sexy-bookmarks { height:54px; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6sLHQlrHQ6noZvFc9Y_rIlSWIAQRzH1Un3fG9N6btYHeEdeNSzTw9Tuy2NJ-lrc0mZcxf_V550SVhBBd4ka4PKB9J_CGDwHLi3C-vKheyO2jAYvUUGA1Lb1u307JUxwT_RviF83ChLZbI/') no-repeat left bottom; position:relative; width:540px; } div.sexy-bookmarks span.sexy-rightside { width:17px; height:54px; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6sLHQlrHQ6noZvFc9Y_rIlSWIAQRzH1Un3fG9N6btYHeEdeNSzTw9Tuy2NJ-lrc0mZcxf_V550SVhBBd4ka4PKB9J_CGDwHLi3C-vKheyO2jAYvUUGA1Lb1u307JUxwT_RviF83ChLZbI/') no-repeat right bottom; position:absolute; right:-17px; } div.sexy-bookmarks ul.socials { margin:0 !important; padding:0 !important; position:absolute; bottom:0; left:10px; } div.sexy-bookmarks ul.socials li { display:inline-block !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:48px !important; cursor:pointer !important; padding:0 !important; } div.sexy-bookmarks ul.socials a { display:block !important; width:48px !important; height:29px !important; font-size:0 !important; color:transparent !important; } .sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOxRHEtV2o_XIk3uMDBedT4n5zu6jWIYLqMupOW4n3coJ0YIQnrt7k2zgmZbfGATstQFZKCYUHe6GyNTnPZpWqcyPZ_YAcyRHhHBEmCSr7MHPiU89fVF_LwiKbQx-Fo2gDLSYBqlZButE3/') no-repeat !important; } .sexy-furl { background-position:-300px top !important; } .sexy-furl:hover { background-position:-300px bottom !important; } .sexy-digg { background-position:-500px top !important; } .sexy-digg:hover { background-position:-500px bottom !important; } .sexy-reddit { background-position:-100px top !important; } .sexy-reddit:hover { background-position:-100px bottom !important; } .sexy-stumble { background-position:-50px top !important; } .sexy-stumble:hover { background-position:-50px bottom !important; } .sexy-delicious { background-position:left top !important; } .sexy-delicious:hover { background-position:left bottom !important; } .sexy-yahoo { background-position:-650px top !important; } .sexy-yahoo:hover { background-position:-650px bottom !important; } .sexy-blinklist { background-position:-600px top !important; } .sexy-blinklist:hover { background-position:-600px bottom !important; } .sexy-technorati { background-position:-700px top !important; } .sexy-technorati:hover { background-position:-700px bottom !important; } .sexy-myspace { background-position:-200px top !important; } .sexy-myspace:hover { background-position:-200px bottom !important; } .sexy-twitter { background-position:-350px top !important; } .sexy-twitter:hover { background-position:-350px bottom !important; } .sexy-facebook { background-position:-450px top !important; } .sexy-facebook:hover { background-position:-450px bottom !important; } .sexy-mixx { background-position:-250px top !important; } .sexy-mixx:hover { background-position:-250px bottom !important; } .sexy-script-style { background-position:-400px top !important; } .sexy-script-style:hover { background-position:-400px bottom !important; } .sexy-designfloat { background-position:-550px top !important; } .sexy-designfloat:hover { background-position:-550px bottom !important; } .sexy-syndicate { background-position:-150px top !important; } .sexy-syndicate:hover { background-position:-150px bottom !important; } .sexy-email { background-position:-753px top !important; } .sexy-email:hover { background-position:-753px bottom !important; } </style>

• Copy kode dibawah ini dan paste setelah kode <data:post.body/> 

<div class='sexy-bookmarks'> <ul class='socials'> <li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> <li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/ID-FEEDBURNER-ANDA' title='Subscribe to RSS'/></li> <li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li> </ul> <span class='sexy-rightside'/></div>

Catatan : Ganti Tulisan "ID-FEEDBURNER-ANDA" , dengan milik anda.

Social Bookmark Hati :

•  Copy kode dibawah ini dan paste setelah kode <data:post.body/>

<div style='clear:both; '> <div style='width:65px; float:left;'> <a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh0fkMgh8RCV7Eux1wkZJsbXInHIoLdLg_V2ZPdMeJ3cvi8tGxzJ1SRh9ce4Ybt1DLNZkuqTE53e27cMMsJ5rfVjYQio3vCKCLxl83fKuRWKUofltDv9YwHhyphenhyphenTQaPng6NhLMeLFe8J7eVB/' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLABh9QWzLSZ7tC6o3pAr0wz6dFKVjAUbeASyDzVUSDOJCAXtfc3WlPBbHFBIL0WceLGK_1H8iY1mxEaNLB_MNR-ZolDNbrspxAzfWhsYTChsJQd_7ko_gzH4tOcfP3nXsL46D38M7lPSl/' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6BpzcKh9R59_h-QyQTEahgzCkJblEsz763DD9DhwJYY1Dprjm_B7mWaE5od79J5P9KRPHe88LLEbnG8Baz6lPmRe0zetY8i-YdcLh70-AH_1pyvZpvbzhBvKLfSAFw3oDifiPp4gs2yKs/' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiD-03Rzv25gH3wsbg9IZB_X94_dwyvSWFUnQ50XtvCfI-9LfJWXJNJEMiEpH1oSXKFJ7zD9J95JIZ-bUbO6EANRkwAXfltWkpftaZdV0vmAWQPOH9y-qCDrtjdSV7J9GRoUv-YlzD7yti/' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZmTzCTEYSE4MD-86JBpuDJMVHksJopkxxt728zLEp0XpCDUOlGFDfnmTCB6c2doI-hSbhFdEVxJEfJngdYNF1pmt0gdL4mCV-_9I8mCjNM3A5g822TmFaE9qnx6nv_A9Dq-EPyHODaBB8/' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Yahoo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCam8CsbQsJlVj5mx-6GwgjEe1u_JjGhLrcnqHWvYLEx-gQc2a7gHyxGSVYqZkOgFqtvBS-85llhpeuWzOkL4AgDKdgsrJnfxoBN12lrpMjmZd9JSFlSmK18T0h5j6UaxyD731ihVzZ3gE/' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='"http://reddit.com/submit?&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijvhW_Bj7teUKvxZffnNHYdoDRsik3YDmqsQq9NLtpNmYjxk-K_NXQpyQ4AUS0yrD5HKklDns_CG_N6sl5V5hZqGbhyphenhyphenQL9P-70ztYgascecxlGfUZDEfhEfciv5BSzQR00GXOez1412Evh/' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='data:blog.homepageUrl + "feeds/posts/default"' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBaFXQkmJewCvr0TrRsjlP7L0nsQiMpllNW48xJlvcaWCAhV-YLFqVQhs0YlDgLfjV6WFPBFACs-CrNkx-pVKIA4WSjyFo-ZxPDhWQOa1Poj7noD7kK4Dqa8bfmwT3jlSxm50NaiTwNh5r/' style='padding:0;margin:0;border:none;'/></a> </div> </div>

Social Bookmark Daun :

•   Copy kode dibawah ini dan paste setelah kode <data:post.body/>

<div style='clear:both; '> <div style='width:65px; float:left;'> <a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIgdYQaY2fcn2Ws5Dv8YOSAflQ9s3Eg8AVtWbxb0KuZG1cZRag1pI2Rguedcl8sW7pFD6xGmgvOBEN7P4akGq3h80j6aHNaQkRPfDox088IAt8heEyL7htmziZZ-f8CDN0X98d8sLwy3Gv/' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIJFJHqE6llyWbMZLRp9yKEAIzjXrXiQ9qfbhrKUGX5p2bqUMKm1bZl8YCg6y0TOp-8QMdKicEIwSeU66DyAKDqrFIIqRrS2Rc96NhJhkNmTq6a0U38J3HNN5xIJYTgKEkYAmEf1YPEF68/' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl7c6tewtgVBo35bcQ6pGKog3UtWy5J_88xsUoXcAYNqWRDxu0l1kgy2ZBz9Nqf_QjAA3IX8X5VaZ93tRVY5kMHFaar2b3ci4LV7Tf2KroCyIU6wvylMNLFGNXsnKATFBO9wbG-N1K81Dt/' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_fz9tI1KC3KuUZiavzFfpejHmE01Z-z3hrli_XMZUpBUyFWK5lXzpXP4SkmZaMF60vWGrSb4k3yBaSDdQ-laDvSwrUKL-kMUwmapAovv2U25f5IlJC-McgUCAVMTU-GGWXYXrx7J7zsRf/' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0psvfnUq3urm_6BomukMxkyD2jhX5sby8RUQqL5GFirZKhTMQWpsIDQRG9eOHazMKwy-cfPO5kuda56RHsSI0xfEHRaulqpBd3oFGHrsPfhfbxOHqvqgOFJTaVRjVNmXaOEaSlauoxqyI/' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7lJvsiUbdBdjdyYdgvdmRVK-5Gfa0hCEryszOH_6zLLJuElCds4OB4CwnsvouG5v4GaU-uYtypngnDYL_Gh3xLNzJaP3gxfGTSj1OcGf6m4vn6GjA4N3D8Hn1IuXls-3zUrGsdUDP9hiu/' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='"http://reddit.com/submit?&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPSmJf49CmDc-Ynzqx_AI5zFPUcSvf6KM1sE1TQ2zTvgQAGgPubG6Jt_x7o04aibkN-RRCw1eUpG_xiaCF7k_1ALirolxYzar9wg7Ohu-czYAwTCLRc6IY041N_UgYnReYJFsAF4hqqmdi/' style='padding:0;margin:0;border:none;'/></a> </div> <div style='width:65px; float:left;'> <a expr:href='data:blog.homepageUrl + "feeds/posts/default"' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHbFAqlmofdRB5s7GCv8tB7C1p4VVWQxPW-q6SBilnyCa-EiRZxP7KUvrOBwolvesTqLqaZb2dc36afASNHgvL60N_FGTxbZZ7JO4Ti9fg8X1mM0wjmN2V2Za6idEhMyGi11H3jPRCMQ4S/' style='padding:0;margin:0;border:none;'/></a> </div> </div>

7. SIMPAN TEMPLATE.

Selamat mencoba dan Semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.
Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda gunakan tombol berlangganan artikel yang ada disebelah kanan halaman ini, atau melalui tombol dibawah ini.

Judul: Cara pasang tombol share Social Bookmark; Ditulis oleh Unknown; Rating Blog: 5 dari 5

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari Blogger Tutorial | SEO | Free Blogger Templates | OOM RIO.com di inbox anda:

Related Posts

• Edit Widget Popular Post Dengan Efek Melayang Modifikasi widget popular posts dengan efek tooltip pada ringkasan atau summary postnya. Trick ini saya dapat dari blognya MDF , dan saya mencoba untuk menshare ... readmore
• Thread Comments Stylish Dark Edition dengan CSSPada kesempatan kali ini saya akan membahas tentang modifikasi thread comment. "Thread Comment Stylish Dark Edition dengan CSS". thread comment yang biasa dan sudah ... readmore
• CSS3 GeneratorSebelum memasuki pembahasan tentang CSS3 Generator, saya akan menjelaskan tentang Apa itu CSS3? mungkin dari kalian ada yang belum mengetahuinya menurut info yang s ... readmore
• CSS TeksBeberapa fungsi fitur CSS teks atau disebut juga dengan format teks seperti warna teks, penempatan atau posisi teks mengunakan properti align, properti Dekorasi tek ... readmore
• Cara buat menu navigasi Slide OutMasih terus memperbanyak jumlah koleksi menu navigasi. Menu ini bukan termasuk jenis drop down melainkan hanya sekedar navigasi biasa. Tapi menu ini memiliki kelebi ... readmore