Widget ini juga tidak terlalu memberatkan blog kok. Sizenya cuma 10kb :D
! bagaimana ? sangat cantik dan ringan bukan ? saya saja mau pasang
widget yang keren ini hehe. Langsung kamu lihat caranya di bawah ini ok.
1. Login ke Blogger.com
2. Klik Template --> Kemudian kamu Back Up template kamu terlebih dahulu
3. Masih dibagian Template, sekarang kamu klik Edit HTML -->
Lanjutkan --> Centang Expand Template Widget --> Cari kode <data:post.body/>. Nantinya kamu akan menemukan bebrapa kode <data:post.body/>, maka kamu pilih yang pertama atau yang kedua. Setelah itu kamu salin kode di bawah ini :
<!--No Ordinary Social Subscription Widget--><b:if cond='data:blog.pageType == "item"'><style>.tbibox {background: #fff;border: 1px solid #ddd;height: 360px;margin: 10px auto;padding: 10px;width: 572px;-webkit-border-radius: 10px;border-radius: 10px;}.tbisubscribe {border: 1px solid #D3D3D3;padding: 8px;width: 300px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}.tbisubscribe:hover {-moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);-webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);}.tbimailbox {border: 1px solid #D3D3D3;-webkit-border-radius: 4px;border-radius: 4px;-moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;color: #666;font: 14px "trebuchet ms", sans-serif;padding: 7px 15px;width: 160px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}.tbimailbox:hover {-webkit-box-shadow: none;box-shadow: none;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}.tbisubmit {font: bold 12px Tahoma, Geneva, sans-serif;font-style: normal;color: #ffffff;background: #ff5714;border: 0px solid #ffffff;text-shadow: 0px -1px 1px #222222;box-shadow: 2px 2px 5px #000000;-moz-box-shadow: 2px 2px 5px #000000;-webkit-box-shadow: 2px 2px 5px #000000;border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;padding: 8px 15px;cursor: pointer;margin: 0 auto;}.tbisubmit:active {cursor: pointer;position: relative;top: 2px;}.tbisubmit::-moz-focus-inner {border: 0;padding: 0;margin: 0;}.tbisharebox {border: 1px solid #D3D3D3;margin: -157px 0 0 330px;padding: 8px;width: 225px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}.tbisharebox:hover {-moz-box-shadow: 1px 1px 2px #CCC inset;-webkit-box-shadow: inset 1px 1px 55px 1px rgba(249, 215, 126, 1);box-shadow: inset 1px 1px 55px 1px rgba(249, 215, 126, 1);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}</style><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' /><div class='tbibox'><div class='tbisubscribe'><div style='color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;'>Get Free Updates in your Inbox</div><div style='margin: 10px 0 0 6px;'><form action='http://feedburner.google.com/fb/a/mailverify' class='emailform'method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=Masukkan-ID-Feedburner-Kamu', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true'style='margin: 0pt;' target='popupwindow'><input name='uri' type='hidden' value='Masukkan-ID-Feedburner-Kamu' /><input name='loc' type='hidden' value='en_US' /><input class='tbimailbox' name='email' onblur='if (this.value == "") {this.value = "Enter your email...";}'onfocus='if (this.value == "Enter your email...") {this.value = ""}'type='text' value='Enter your email...' /><input alt='' class='tbisubmit' title='' type='submit' value='Subscribe'/></form></div><div style='border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;'>Follow us on:</div><div style='margin: -32px 0 0 120px;'><a href='Masukkan-URL-FACEBOOK-Kamu' target='_blank' title='Join us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1-zRAQTMkwCsb-idB3up4fxcSBLJkK4e8hyphenhyphenxvbrvAGv8F2d_FgXZrEhKcdjH1_xkTV9Lm11ZXNF17tD27MmRuE8F8jPWAqkI-2S25-r7evNwajVPV2hMjepP87gXSIKisGOM5YQ2o6ac/s32/facebook500.png' alt='facebook'/></a><a href='Masukkan-URL-TWITTER-Kamu' rel='nofollow' target='_blank'title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgndF5SJGl4UJ3pPZvnGgWF4RE1Y8335H3T0MPJ7BGHiD7prEnbYDjjWZU0oPdqejSXjjK0NAloEvV-z6kkznPyLPH4t4d3Ac3tdbQX4Zity3L0vNpvNv_irV713eKeGB0nneuqU8WIRqA/s32/twitter.png' alt='twitter'/></a><a href='Masukkan-URL-GOOGLE-PLUS-Kamu' rel='nofollow' target='_blank'title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiokrp06qpJlkkiB8Eop8j_87gXtcMvMjBeB9CLZ1kxfMPatT01JnVPNhsa_ngH1JIi8u2-XcT_n59vQiehyTClO6btuLX0KatNgVE4ItldnTKBKndraQu4bKQSk-wujtGPuUQ5bWeWbpo/s32/googleplus-revised.png' alt='gplus'/></a><a href='Masukkan-URL-PINTEREST-Kamu' rel='nofollow' target='_blank'title='Follow us on Pinterest'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglt_gCVNqsve1SgCiW_3DX1nxMw5nGnMLiSDVGuJ8jnKNXZdEelcpPidsBXXn8u1_tzEnAB7Ahvc8gkOfnDxACRyqpgfprHj0TtGkEaC2L1V1d0UWuUKdYX_1VLSfpTHuRkQNancaBpLU/s32/pinterest.png' alt='pinterest'/></a><a href='Masukkan-URL-RSS/FEED-Kamu' rel='nofollow' target='_blank'title='Subscribe to RSS'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAJ-6zgkhl8DcLl7B1KUIpG5-OCUQ4mVXjaMuLOUJqhx5JbOgLbYonVDnsAUgjG-tMBI9RuCe1XvK0APBLX_t0p0YK1Vqg4UDDUTzY-Q5dOEbF_8-_G6FFnYXKw1KBB-mCNrPQq54ot44/s32/rss.png' alt='rss'/></a></div></div><div class='tbisharebox'><script type='text/javascript'>var switchTo5x = true;</script><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({onhover: false});</script><div style='margin: 5px 5px;'><span class='st_fblike_hcount' displaytext=''></span></div><div style='margin: -30px -20px 0 0; float: right;'><a href='http://twitter.com/share' rel='nofollow' class='twitter-share-button'expr:data-url='data:post.canonicalUrl' expr:data-text='data:post.title'data-count='horizontal' data-lang='en'></a><b:if cond='data:post.isFirstPost'><script type='text/javascript' src='http://platform.twitter.com/widgets.js'></script></b:if></div><div class='addthis_toolbox addthis_default_style' style='margin: 10px 0 12px 85px;'><a class='addthis_counter'></a><script type='text/javascript' src='http://s7.addthis.com/js/250/addthis_widget.js'></script></div><div style='margin: 5px 5px;'><su:badge layout='1'></su:badge><script type='text/javascript'>(function () {var li = document.createElement('script');li.type = 'text/javascript';li.async = true;li.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + '//platform.stumbleupon.com/1/widgets.js';var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(li, s);})();</script></div></div><div style='float: right; margin: -40px -5px 0 0;'><div class='g-plusone' data-size='medium' expr:data-href='data:post.url'></div><script type='text/javascript'>(function () {var po = document.createElement('script');po.type = 'text/javascript';po.async = true;po.src = 'https://apis.google.com/js/plusone.js';var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(po, s);})();</script></div><div style='margin-top: 20px;'><iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Farieadie&width=570&colorscheme=light& show_faces=true&stream=false&header=false&height=180'style='border:none; overflow:hidden; width:570px; height:180px;' /></div></div></b:if><!--No Ordinary Social Subscription Widget-->
NOTE : Ganti www.facebook.com%2Farieadie dengan nama URL Fanpage Facebook kamu, %2F adalah kode dari garis miring, contohnya, yang tadinya www.facebook.com/arieadie kemudian dibuah menjadi www.facebook.com%2Farieadie
4. Oh iya, kalau kamu tidak mau ribet, widget ini bisa digunakan sebagai widget biasa dengan cara :
Klik Tata Letak --> Tambah Gadget --> HTML/Javascript dan masukkan kode JS diatas.
5. Klik simpan jika sudah selesai. Selamat mencoba...
0 komentar:
Posting Komentar