Add social media block to website

For  adding a social media block including facebook, google+ & twitter to your website, as shown in picture just copy the following code and edit in notepad the following :



                                      

1) google+ id
2) facebook page name or id
3) twitter user name

& now just add this html code to your website :)

div class="gplus"><link href="https://plus.google.com/107418359209739640946" rel="publisher"></link><br /> <script type="text/javascript"> window.___gcfg = {lang: 'en'}; undefinedfunctionundefined) {var po = document.createElementundefined"script"); po.type = "text/javascript"; po.async = true;po.src ="https://apis.google.com/js/plusone.js"; var s =document.getElementsByTagNameundefined"script")[0]; s.parentNode.insertBeforeundefinedpo, s); })undefined); </script><br /> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.pushundefined['_setAccount', 'UA-29131740-1']); _gaq.pushundefined['_trackPageview']); undefinedfunctionundefined) { var ga = document.createElementundefined'script'); ga.type = 'text/javascript'; ga.async = true; ga.src = undefined'https:' ==document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagNameundefined'script')[0]; s.parentNode.insertBeforeundefinedga, s); })undefined); </script><br /> <br /> <g:plus height="131" href="https://plus.google.com/107418359209739640946" margin="0px" theme="light" width="310"></g:plus> </div> <br /> <div class="fb-likebox"> <iframe allowtransparency="true" src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FFutureX%2F227722233942513&send=false&layout=standard&width=250&show_faces=false&action=like&colorscheme=light&font&height=35" frameborder="0" scrolling="no" style="border: none; height: 35px; overflow: hidden; width: 250px;"></iframe> </div> <br /> <div class="twitter"> <iframe class="twitter-follow-button" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351& align=&button=blue&id=twitter_tweet_button_0& lang=en&link_color=&screen_name=parmar_live&show_count=& show_screen_name=&text_color=" style="height: 20px; width: 400px;" title=""></iframe> </div> </div>

Add floating media buttons to website

Apart from working on traffic and search engine optimization (SEO), there’s a need to intergrate your blog with popular social networking platforms. A floating share buttons (social bookmarking) widget by the right of every page is just one of the gadgets you must add to your blog if you intend to get free traffic from Facebook and twitter.

                                     

1. Log in to your blogger account and click on Design

2. You’re now looking at your blog’s layout, right? Click on Add A Gadget on the sidebar.

3. Select HTML/Java Script

4. Paste the code below into the box and save. There’s no need for a title.


for the right side floating bar
<style type="text/css"> * html #ss-box{ position: absolute; } #ss-box{ width: 70px; background:#ffffff;border:1px solid #dedede;border-radius:8px;-moz-border- radius:8px; -webkit-border-radius:8px;position:fixed;right:4%; top: 20%; height:200px; height:auto; } #ss-box div{ padding:6px 6px 4px 5px; } #icon_twitter,#icon_digg{ margin-left:-2px; } #icon_linkedin{ margin-left:-5px; } #sfs{ margin-left:-5px; } #ss-get{ bottom: -20px; clear: both; color: #666666; font-size: 9px; left: 18px; position: absolute; text-align: center; text-decoration: none; } </style><br /> <br /> <div id="ss-box"> <div id="ssl-box"> <br /> <div id="icon_facebook"> <iframe src="http://www.facebook.com/plugins/like.php? app_id=235665053131744&href&send=false&layout=box_count&width=50&show_faces=false &action=like&colorscheme=light&font&" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:60px; margin-left: 2px;" allowtransparency="true"></iframe> <br /> </div> <br /> <br /> <div id="icon_googleplus"> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><br /> <g:plusone size="tall"></g:plusone> <br /> </div> <br /> <br /> <div id="icon_twitter"> <a href="http://twitter.com/share" class="twitter-share-button" data- count="vertical">Tweet</a><br /> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><br /> </div> <br /> <br /> <div id="icon_digg"> <script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script><br /> <a class="DiggThisButton DiggMedium"></a><br /> </div> <br /> <div id="icon_linkedin"> <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script> <br /> </div> <br /> <br /> </div> <br /> <a id="ss-get" href="http://futurextech.blogspot.in/search/label/blogging">Get <br /> <br /> this</a> <br /> <div style="clear:both;"> </div> </div>

for the left side floating bar

<style type="text/css"> * html #ss-box{ position: absolute; } #ss-box{ width: 70px; background:#f7f7f7;border:1px solid #dedede;border-radius:8px;-moz-border- radius:8px; -webkit-border-radius:8px;position:fixed;left:4%; top: 20%; height:200px; height:auto; } #ss-box div{ padding:6px 6px 4px 5px; } #icon_twitter,#icon_digg{ margin-left:-2px; } #icon_linkedin{ margin-left:-5px; } #sfs{ margin-left:-5px; } #ss-get{ bottom: -20px; clear: both; color: #666666; font-size: 9px; left: 18px; position: absolute; text-align: center; text-decoration: none; } </style><br /> <br /> <div id="ss-box"> <div id="ssl-box"> <br /> <div id="icon_facebook"> <iframe src="http://www.facebook.com/plugins/like.php? app_id=235665053131744&href&send=false&layout=box_count&width=50&show_faces=false &action=like&colorscheme=light&font&" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:60px; margin-left: 2px;" allowtransparency="true"></iframe> <br /> </div> <br /> <br /> <div id="icon_googleplus"> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><br /> <g:plusone size="tall"></g:plusone> <br /> </div> <br /> <br /> <div id="icon_twitter"> <a href="http://twitter.com/share" class="twitter-share-button" data- count="vertical">Tweet</a><br /> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><br /> </div> <br /> <br /> <div id="icon_digg"> <script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script><br /> <a class="DiggThisButton DiggMedium"></a><br /> </div> <br /> <div id="icon_linkedin"> <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script> <br /> </div> <br /> <br /> </div> <br /> <a id="ss-get" href="http://futurextech.blogspot.in/search/label/blogging">Get <br /> <br /> this</a> <br /> <div style="clear:both;"> </div> </div>

prevent your content from copying

let's put this code into your website and prevent your content to be copied....

disable right click in Blogger

Have you noticed, that some web sites do not allow their visitors using right mouse click while pointer is on the blog area. This option is useful for the site and blog owners, who want to minimize the possibilities of the content direct copying to other posts.

How to post blank status on facebook

Today i will show you how to publish single line or multiple line blank status on facebook. You can also use this method in facebook comments. So lets get started.