Hai sobat blogger, yang membuat saya lemas ini bingung mau buat postingan yang berguna buat sobat semua. Tapi dengan widget yang saya copy dari source blog bule http://www.exeideas.com walau dengan sembarangan dan gamblang saja, saya copy source widget melayang ini dengan tombol minimize seperti judul tentunya.
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/AVvXsEhvBXW3X2CO68Pm8xgdK-bLgl801qy9csmspXek4RVMdtRXIcTt42jX7aYmvC7VBxX8dJFiR2uWDT0Ae-BvUgfOYpQPMRcSPkCalVObyUkcl4qUD3Uy_Z4rgn9Gn5f_baOQr96xyBKWKd7w/s1600/Facebook+Icon.png"onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQV44IiLLz5thOY92RYkq7K82Bwbbr1p8qHljfKgejs8g_dB1TVfj0seGcE3l3daZyD_mhBun0Bu4V5qa2jFUh-pcprXyKLOrn5kgy7F6EtOQJw6pup-rqltmJHHifg47wJXFPbhloRnNC/s1600/Facebook+Rollout+Image.png'"onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvBXW3X2CO68Pm8xgdK-bLgl801qy9csmspXek4RVMdtRXIcTt42jX7aYmvC7VBxX8dJFiR2uWDT0Ae-BvUgfOYpQPMRcSPkCalVObyUkcl4qUD3Uy_Z4rgn9Gn5f_baOQr96xyBKWKd7w/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/AVvXsEi5K1CapoL0P_bXiuocYBGW-vSigFXOcJr7Siwy0DMbpiLSWQseW2Fh2tk60zeLAVXSyPc5WFsQwqQBkgci7xUOovIczhF1yF3jpp8vjAnPg-cQUcpWrf6rLHqVdzTKOnm11nnKoeZAhxpd/s1600/Twitter+Icon.png"onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyV68hQt8u8ppIPdATkn9wBTIGsb2kSScy29B69nBY_UDBMwoViA_Gom5hNEpNpipTFK87F51HlUpTvwAgctYorSuUzqZ-tF_m6SzwSufqE13lUiR_GQNgybAnh68n9EKyZCfP1o0hzNT5/s1600/Twitter+Rollout+Image.png'"onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5K1CapoL0P_bXiuocYBGW-vSigFXOcJr7Siwy0DMbpiLSWQseW2Fh2tk60zeLAVXSyPc5WFsQwqQBkgci7xUOovIczhF1yF3jpp8vjAnPg-cQUcpWrf6rLHqVdzTKOnm11nnKoeZAhxpd/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/AVvXsEgufs9rBGbzsa1loiKsW7rA5attothXaYYLdRh_jRZwvL8dXRKxKQo9iYQvbUDy_V8NdMTvq8lMIP0IcnGAwWAE3RQBiAIQt91jyi3e0ktsMhrR5ha0P09_HdGnLKcdi8V-KSvlvkTqxSS6/s1600/Google+Icon.pngE"onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDx_mioGHraK39H6xtmkt_qqwpyo8dJQswDQK2d1q-gqxZUv0qQXHIgxGKIgUARNr0_VycLF-ZNZmJJLZAWr4iNlGTSPr4BLUNNkyOxIBMG5JfDZjI7fshC8z0hqFYlgZmSSPSGt1psMmH/s1600/Google+Rollout+Image.png'"onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgufs9rBGbzsa1loiKsW7rA5attothXaYYLdRh_jRZwvL8dXRKxKQo9iYQvbUDy_V8NdMTvq8lMIP0IcnGAwWAE3RQBiAIQt91jyi3e0ktsMhrR5ha0P09_HdGnLKcdi8V-KSvlvkTqxSS6/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/AVvXsEhVlMgmfIdgUAIxnsR3VLg5_DdzkoUTWjUQLCGuKn6YVb1WGJnCPUteD9l_np9U2V_Gc0GgBT4DqzOSOaI_l5woGG4fW3tlAhW1lToZEYdh3R34m3Eq9XxWLv8IceLqlNcVXDSDi8tmN4xr/s1600/Feedburner+Icon.png"onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZUXb1778x9n3JtfUgOJD5B1hHu04ARnXAAZGP3ponz0cspafND5gCtTrUAWZLLixyRt1f5lZ7t5DU9aFnSfA4dIPBdtr1UDHVLqkoC-mOYk-kgxxYmcm3Y3RVqjWyATuo4KrwG8l1u-r7/s1600/Feedburner+Rollout+Image.png'"onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVlMgmfIdgUAIxnsR3VLg5_DdzkoUTWjUQLCGuKn6YVb1WGJnCPUteD9l_np9U2V_Gc0GgBT4DqzOSOaI_l5woGG4fW3tlAhW1lToZEYdh3R34m3Eq9XxWLv8IceLqlNcVXDSDi8tmN4xr/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.
- Save and HAVE FUN sobat.
Terima kasih, semoga bermanfaat.
Sumber kode source : view-source:www.exeideas.com
Posting Komentar