Fitur :
- Minimize button
- Profiles Social button dengan efek hover.
- Subscribe box dengan CSS button.
Langkah :
- Buka akun Blogger Anda
- Masuk ke menu Layout/tata letak > Add Gadget > HTML/Javascript
- Pastekan kode dibawah ini :
<style type="text/css">#exefixedfootermain{z-index:999999;width:300px;height:0px;position:fixed;bottom:0%;right:5px}#exefixedfooterdiv{border-top:3px solid #444;border-right:3px solid #444;border-left:3px solid #444;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background-color:#d7d7d7;overflow:none;width:300px;height:250px;position:fixed;bottom:0%;right:5px;background:#fff;background:-moz-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#e5e5e5));background:-webkit-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:-o-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:-ms-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:linear-gradient(to bottom, #fff 0%,#e5e5e5 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#e5e5e5',GradientType=0 )}
#exefixedfooterhide{z-index:999999; position: absolute; bottom:250px;right:5px;width:285px;height:25px;cursor:pointer;background-color:#fff;padding-top:5px;border-top:3px solid #444;border-left:3px solid #444;border-right:3px solid #444;border-top-right-radius:5px;border-top-left-radius:5px;}
#exefixedfootershow{position:absolute; bottom:0px; right:5px; width:285px;height:25px;cursor:pointer;background-color:#e5e5e5;padding-top:5px;border-top:3px solid #444;border-left:3px solid #444;border-right:3px solid #444;border-top-right-radius:5px;border-top-left-radius:5px}.exefixedfooterdownarrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #333}.exefixedfooteruparrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #333}.exefixedfooterblockarrow{width:8px;height:10px;background-color:#333}#exefixedfootersocial{ position:absolute; bottom:220px; right:10px; width:280px;height:30px;float:right}#exefixedfootersocialicon{ position:absolute; bottom:135px; left:10px; width:auto;height:64px}#exefixedfooteremailsubscribe{ position:absolute; bottom:0px; width:242px;height:90px;right:30px}.exefixedfooteremailsubscribebox input.email{padding:7px 10px 7px 10px;font-family:"Arial","Helvetica",sans-serif;width:218px;font-size:12px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.exefixedfooteremailsubscribebox input.subscribe{ -moz-box-shadow:inset 0px 1px 0px 0px #fff;-webkit-box-shadow:inset 0px 1px 0px 0px #fff;box-shadow:inset 0px 1px 0px 0px #fff;background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#f0f0f0),color-stop(1,#c9c9c9) );background:-moz-linear-gradient( center top,#f0f0f0 5%,#c9c9c9 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',endColorstr='#c9c9c9');background-color:#f0f0f0;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #dcdcdc;display:inline-block;color:#777;font-family:arial;font-size:13px;font-weight:bold;padding:6px 18px;text-decoration:none;text-shadow:1px 1px 0px #fff}.exefixedfooteremailsubscribebox input.subscribe:hover{background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#c9c9c9),color-stop(1,#f0f0f0) );background:-moz-linear-gradient( center top,#c9c9c9 5%,#f0f0f0 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9c9c9',endColorstr='#f0f0f0');background-color:#c9c9c9}</style><!--[if IE]><style>.exefixedfooteremailsubscribebox input.subscribe{width:243px}</style><![endif]--><!--[if gte IE 9]><style type="text/css">.gradient{filter:none}</style><![endif]--><div id="exefixedfootermain"><center id="exefixedfootershow"onmouseup="document.getElementById('exefixedfooterdiv').style.display='block'"><table style="margin-top:-2px;"><tr><td><center style="color:#333;font-size:15px;font-weight:bold;">Be Socialized And Subscribed</center></td><td><center><div class="exefixedfooteruparrow"></div><div class="exefixedfooterblockarrow"></div></center></td></tr></table></center><div id="exefixedfooterdiv"><center id="exefixedfooterhide"onmouseup="document.getElementById('exefixedfooterdiv').style.display='none'"><table style="margin-top:-2px;"><tr><td><center style="color:#333;font-size:15px;font-weight:bold;">Be Socialized And Subscribed</center></td><td><center><div class="exefixedfooterblockarrow"></div><div class="exefixedfooterdownarrow"></div></center></td></tr></table></center><div id="exefixedfootersocial"><center style="color:#333;font-size:12px;">Recive All Latest And Hottest Articles,Tips And Tricks,Awesome Widgets Directly Into Your Inbox And Stay UpDate With Us...!!!</center></div><div id="exefixedfootersocialicon"><table><tr><td><a href="http://www.facebook.com/ID Facebook Anda"><img height="48px"width="48px"title="Like Us On Facebook"alt="Facebook"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLD7I2eKAYRG6jiptz5YpLq0zPRSxTGSDRuBZEKzsEKqmOBBbpuR8VDB1uz9uq7beJZsO68sxT-SuIv6uvXMBmNfvybQGSQPoQT-80FQI1CJrUydL9LickVGD567ZmjIFXaI8WEQ-tWb58/s1600/Facebook+Icon.png"onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmlO_lSbnRzL-sE-6H2vDtg_Zlt5fC0THRRe5jOvrVMLbKnjW5h5cs-QnaJHokpPvBfOU-ohrWjOb33GQxnqLzIl72WpW_afv-4AxZSVC83buwLFyUQ5JSRYWLd-T85c_9BNYFRP3GeKM4/s1600/Facebook+Rollout+Image.png'"onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLD7I2eKAYRG6jiptz5YpLq0zPRSxTGSDRuBZEKzsEKqmOBBbpuR8VDB1uz9uq7beJZsO68sxT-SuIv6uvXMBmNfvybQGSQPoQT-80FQI1CJrUydL9LickVGD567ZmjIFXaI8WEQ-tWb58/s1600/Facebook+Icon.png'"/></a><br /><a href="http://twitter.com/ID Twitter Anda"><img height="48px"width="48px"title="Follow Me On Twitter"alt="Twitter"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhES5GDKVIIQqEGVQKMXINtDih0vbs7E1qcyi7XAbF7tfX1zuFmojbBCBKpfZXpKRCrPc1UnqwB5ZBR5gBdpZNR1_NkXJeUvNNtSrIuLvbAp69TFGsZbqXEsDeZ_km1RszEaVY9io0d58sM/s1600/Twitter+Icon.png"onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiscDoDAUzZ-j10ka3HAau74rRFNJzbtLwfYHzNJooEvHHEUCNPznwC68klold5VAWqA4Td3XMUFtUctGb7miHa4tOALnOVhAjDi0rX-jLCVAnoK20B4PCPXxnZ0Kto0U_a-EF5v0qOsmF7/s1600/Twitter+Rollout+Image.png'"onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhES5GDKVIIQqEGVQKMXINtDih0vbs7E1qcyi7XAbF7tfX1zuFmojbBCBKpfZXpKRCrPc1UnqwB5ZBR5gBdpZNR1_NkXJeUvNNtSrIuLvbAp69TFGsZbqXEsDeZ_km1RszEaVY9io0d58sM/s1600/Twitter+Icon.png'"/></a></td><td width="75px"valign="top"><a style="font-size:12px;color:#333;font-weight:bold;"href="http://www.facebook.com/ID Facebook Anda">Like Us On FaceBook</a><br /><br /><a style="font-size:12px;color:#333;font-weight:bold;"href="http://twitter.com/ID Twitter Anda">Follow Us On Twitter</a></td><td><a href="https://plus.google.com/102256859586166648016"><img height="48px"width="48px"title="Add Us To Your Circle"alt="Google Plus"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXLvvUWi_-as4CvPyL1rn_B8bsCW4xae7g8UHoQ4hKI2qq5F0eDK6VZ2Y3azAL6MFaUQkImE09MqftkqWPfNt0iWIprXVk6VZpBS3nrZjVHnQ7r-HPFSGZ1bb6Q13JtSFLbx9T7WaRvmcP/s1600/Google+Icon.pngE"onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbdic1e2_mSe9Y0hNISGuhTeXjY_pxitsue0E9MUPCEX41aBA-ILDUEre7bJeD9OIu6d6a9CWOs7uuwRTgR6Gg0PrfUijX7F5eTSpdt5m1Scz2_WFoiiKDSvw0qBUiy1pjO179LxpRLpXK/s1600/Google+Rollout+Image.png'"onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXLvvUWi_-as4CvPyL1rn_B8bsCW4xae7g8UHoQ4hKI2qq5F0eDK6VZ2Y3azAL6MFaUQkImE09MqftkqWPfNt0iWIprXVk6VZpBS3nrZjVHnQ7r-HPFSGZ1bb6Q13JtSFLbx9T7WaRvmcP/s1600/Google+Icon.png'"/></a><br /><a href="http://feeds.feedburner.com/ID Feedburner Anda"><img height="48px"width="48px"title="Subscribe Our RSS"alt="RSS"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXkhTLZ6576kYsAa9Frbvc0AbmlskQ8QygZ2ZElwDCNgWxml6NtVH1QAUzZHB0YqHgUydAg3z4JNj9RZqAuMorNZ0ZFuTRbOKxzIjGWvp_c1vaWdzOzrtxk44AWhcDh4-7ebcHbIzkZK5K/s1600/Feedburner+Icon.png"onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN319qez0xvju9kPvlCrcpzzpAtRbwzruJFOxornH_yLDYTmCRP0PTk6OBEnyewTw5HM1m-FPDnraj-oOwzNjdCLAfwRZelZUxy51JFzusEld1ssBH8aeGFYMM8y0zpjdlB-l9gPVcJlDw/s1600/Feedburner+Rollout+Image.png'"onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXkhTLZ6576kYsAa9Frbvc0AbmlskQ8QygZ2ZElwDCNgWxml6NtVH1QAUzZHB0YqHgUydAg3z4JNj9RZqAuMorNZ0ZFuTRbOKxzIjGWvp_c1vaWdzOzrtxk44AWhcDh4-7ebcHbIzkZK5K/s1600/Feedburner+Icon.png'"/></a></td><td valign="top"><a style="font-size:12px;color:#333;font-weight:bold;"href="https://plus.google.com/102256859586166648016">Add Me <br />In Circle</a><br /><br /><a style="font-size:12px;color:#333;font-weight:bold;"href="http://feeds.feedburner.com/ID Feedburner Anda">Subscribe <br />Our RSS</a></td></tr></table></div><div id="exefixedfooteremailsubscribe"><div class="exefixedfooteremailsubscribebox"><form action="http://feedburner.google.com/fb/a/mailverify"method="post"target="popupwindow"onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=exefixedfootersocialicon','popupwindow','scrollbars=yes,width=550,height=520');return true"><input class="email"type="text"id="email"name="email"value="Enter Your Email Here.."onfocus="if(this.value==this.defaultValue)this.value='';"onblur="if(this.value=='')this.value=this.defaultValue;"/><input type="hidden"value="ID Feedburner Anda"name="uri"/><input type="hidden"name="loc"value="en_US"/><br /><input class="subscribe"name="commit"type="submit"value="Subscribe Our News Letter Now"/></form></div><center style="color:#333;font-size:8px;">E-Mail Will Be Delivered By FeedBurner.</center></div></div></div>
Keterangan :
- Ganti ID Facebook Anda dengan ID Facebook Anda.
- Ganti ID Twitter Anda dengan ID Twitter Anda.
- Ganti ID Feedburner Anda dengan ID Feedburner Anda.
4. Save and HAVE FUN sobat.
Terima kasih, semoga bermanfaat.
Sumber kode source : view-source:www.exeideas.com
Post a Comment
Beberapa panduan dalam berkomentar :
Untuk menyisipkan kode ⇨ [code]KODE ANDA[/code]
Untuk menyisipkan quote ⇨ [blockquote]QUOTE ANDA[/blockquote]
Untuk menyisipkan gambar ⇨ [img]URL Gambar[/img]
Untuk menyisipkan video ⇨ [youtube]URL Video[/youtube]
Anda bisa mengekspresikan komentar Anda dengan emoticon
Klik subscribe by email agar Anda segera tahu balasan komentar Anda