4

Another type of add me to google+ script for blogger



Hello
In all the blogs we see this type of add me to your circles

















But what about something like this??

















Here is the code to add for your website



<div style='position: fixed; bottom: 1%; left: 1%;'>
<table border="0">
<div style="width:182px; height:auto; border:1px solid #393939; background:#fff; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;">
<div style="width:auto; height:50px; text-align:center;">
<div style="width:auto; height:18px; padding:3px 0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff; text-shadow:1px 1px 1px #333; -moz-text-shadow:1px 1px 1px #333; -webkit-text-shadow:1px 1px 1px #333; -khtml-text-shadow:1px 1px 1px #333; background:#393939; -webkit-border-radius: 4px 3px 0 0 ;-moz-border-radius: 4px 3px 0 0;border-radius: 4px 4px 0 0;">
<img src="http://plus.scriptrr.com/google-plus.png" border="0" />
</div>
<div style="width: auto; height: 18px; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; text-align: center; color: rgb(51, 51, 51); text-shadow: rgb(255, 255, 255) 1px 1px 1px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(242, 242, 242); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial; "><font class="Apple-style-span" face="arial" size="3">
Your short name here  </font></div>
</div>
<div style="width:auto; height:auto; padding:15px 0 6px 0; text-align:center; ">
<a target="_blank" href="https://profiles.google.com/ your id "><img src="Image url goes here " width="100" alt="img" style="border:none;" /></a></div>
<div style="width:88%; height:auto; padding:1px 0; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; margin:0px auto; "><div align="center">Short description of you and your blog </div>
<div align="center"><a target="_blank" class="pc_text" href="https://plus.google.com/your id "><img src="http://plus.scriptrr.com/circle.png" border="0" height="35" /></a></div><div style="text-align: center;clear: both; height: 3px; "></div><div style="text-align:center;"></div><div style="text-align: center;clear: both; height: 3px; "><br /></div></div>
</div>
</table></div>

You can add this as an element in your blog using html/java script
Thanks for watching


Subscribe To Get FREE Tutorials!

Related Posts Plugin for WordPress, Blogger...


Share your views...

4 Respones to "Another type of add me to google+ script for blogger"

Anonymous said...
28 September 2011 at 08:28

hmm..Good Widget .

Bharadwaj said...
28 September 2011 at 08:33

Thanks

G.Bharadwaj said...
28 September 2011 at 08:40

You can create this easily contact me if u have any doubt regarding creating widgets like this :)

Satish said...
28 September 2011 at 08:50

Nice widget bro

Post a Comment

 

© 2011 CoolTricks This content is copyrighted to f10f1111 | Powered by Pro Thesis Theme| Designed by f10f1111