cara menambahkan Widget Subsrcibe pada ikon social media lengkap dengan gambar

Pada postingan kali ini, saya akan memberitahu pada kalian bagaimana caranya menambahkan Widget RSS Subsrcibe lengkap dengan tombol social media. Subscribe ini penting untuk menambah traffic blog, karena para subscriber akan mendapatkan link pada email mereka apabila terdapat berita terbaru dari blog anda. Widget ini tampak bagus dengan perpaduan warna yang sesuai dengan blog rata-rata, dan widget ini disertai dengan link social media yang akan mengarahkan pada Facebook, Twitter dan Feed Burner anda. Berikut adalah gambar

gambarr

copy script dibawah, lalu tambah widget javascrift pada manu tata letak

lalu Save.

dan liat hasilnya…

<style>.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;}</style><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' /><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=Mass-rizkyy', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true'style='margin: 0pt;' target='popupwindow'> <input name='uri' type='hidden' value='Mass-rizkyy' /><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='FACEBOOK URL' target='_blank' title='Join us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh5f8IBJ7_Us3xz64p1371ApjRLA4KIbnxFCH1Sbo75jKHlK6TJuW8Km4avKl45rWXSk-UBqfXuoiErbOmdio3GcUDNebiZ-5ko66v9_eR87gSFBzsIXTaHmXj6QuIf3wDdhUahS6oOVY/s1600/facebook500.png' alt='facebook'/></a><a href='TWITTER URL' rel='nofollow' target='_blank'title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHlj9sVHvVW0kX_ROCQ6svSlSoArxYnALy6Z_lTJzfFiW_0SiW-v93ZFTsb_Mv1sSRpv8pJhMPws9IdUBGRXiTEwPLDGuf5u5V1vfIVzIY8ICJjY-jSJghxPjoHD1rMCIjxuM4vP2Y_XQ/s1600/twitter.png' alt='twitter'/></a><a href='GOOGLE+ URL' rel='nofollow' target='_blank'title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHflFLsBEJmiAlLoGWGOtIoL0Dj3yGP0JadWlgIESJVln4aSO9bB5PBGdDF6LQz5x1vripCAalOt3yXt2GqO94jep8nGjGDlHsOiZ4SflNFEmA46DsJm9lvEUtYYPphMqW43qwwK9V_7U/s1600/googleplus-revised.png' alt='gplus'/></a><a href='PINTEREST URL' rel='nofollow' target='_blank'title='Follow us on Pinterest'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU3EbC9BJn3BUU1WrqG8OV28UEl_rRLa0lqG2zw05PZ7RLM9Za02o2t_Yr4j1KvyVFIt57EyjjpKw6TgOw4u69JS-AKliHGQBIi38pRR72XCaLMP0Kbyayl0s2PkTWwUwOjHK097EXu_w/s1600/pinterest.png' alt='pinterest'/></a><a href='RSS URL' rel='nofollow' target='_blank'title='Subscribe to RSS'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgplzAwRN8BPxsVvp-5qu3DFcRD9PxkjrRmS9doWY2TCb-E2egKLU1NqRAZjzu-fMvTK0loqslcOOg8xRnq33Zl_Rqp_hVN1Hvt8XuoVjUcKFQkwtWgSuVx_K-UdV2LxwgKwGt9BzfcT5I/s1600/rss.png' alt='rss'/></a></div> </div>