Posts

Showing posts from August, 2013

Cool 3D Social Share Horizontal Widget

Image
TEXT SHARE SOCIAL BUTTON

Demo

Code
CSS <style type="text/css"> #share-buttons img { width: 35px; padding: 5px; border: 0; box-shadow: 0; display: inline; } #grabitin-bar { border: 0; margin-bottom: 10px; margin: 0 auto; width:300px; } .fb-likebox { background: #fff; padding: 10px 10px 0 10px; border: 1px solid #D8E6EB; margin-top: -2px; height:65px; } </style>HTML<div id="share-buttons"><div style="margin-bottom:10px;"> <div id="grabitin-bar" > <!-- Facebook --> <a href="http://www.facebook.com/sharer.php?u=http://www.curiositydimension.com" target="_blank"><img border="0" src="http://1.bp.blogspot.com/-ObfOL3eP6y0/UiLXRhIPyqI/AAAAAAAAAJk/lvUgQnxaQY0/s200/fb.png" /></a> <!-- Twitter --> <a href="http://twitter.com/share?url=http://www.curiositydimenison.com&amp;text=Simple%20Share%20Buttons" target="_bla…

Get Voice Recognition Search For Your Blogger, Wordpress, Website etc.

Image
In this tutorial we are going to provide you the code for voice search.


DEMO:




Appearance may differ. Code

Css

form{width:500px;margin:0 auto;}.search {padding:6px 15px 6px 30px;margin:3px;background:url('./images/search.png') no-repeat 8px 6px;}input[type=text]{color:#bcbcbc;}.rounded {border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;} (Not So Necessary)
input[type=button], input[type=button]:hover {position:relative;left:-6px;border:1px solid #adc5cf;background: #e4f1f9;/* Old browsers */background: -moz-linear-gradient(top, #e4f1f9 0%, #d5e7f3 100%);/* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f1f9), color-stop(100%,#d5e7f3));/* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%);/* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%);/* Opera 11.10+ */background: -ms-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%);/* …

Social Share Widget Box For Blogger, Wordpress and Other websites

Guys, this is a widget which helps popularity about you socially. Just Follow the steps given


DEMO
Recommend Us!




Grabitin

<style> /* Grabitin Widget */ #grabitin-bar { border: 0; margin-bottom: 10px; margin: 0 auto; width:300px; } .fb-likebox { background: #fff; padding: 10px 10px 0 10px; border: 1px solid #D8E6EB; margin-top: -2px; height:65px; } .googleplus { background: #F5FCFE; border-top: 1px solid #FFF; border-bottom: 1px solid #ebebeb; border-right: 1px solid #D8E6EB; border-left: 1px solid #D8E6EB; border-image: initial; font-size: .90em; font-family: "Verdana","Helvetica",sans-serif; color: #000; padding: 9px 15px; line-height: 1px;} .googleplus span { color: #000; font-size: 11px; position: absolute; display:inline-block; margin: 9px 70px;} .g-plusone { float: left;} .twitter { background: #EEF9FD; padding: 10px; border: 1px solid #C7DBE2; border-top: 0;} #mashable { background: #EBEBEB; border: 1px soli…