Showing posts with label Social Media. Show all posts
Showing posts with label Social Media. Show all posts

5 Social Media Strategies to Enhance Blogging Productivity



Hello folks, i hope that the contents of this site is serving well for you online knowledge.
Today our Guest Author
Kiara has took some of her precious time to write articles on our site. See How To Become a guest author on My Blogging Techniques

A productive blog is a lot more fun than a blog that is not followed and poorly maintained. A lot of people quit blogging when they realize that hardly anybody is following them. There are people that use blogs for research, but very few that actually follow them religiously. Video blogs (vlogs) are often followed religiously, as are some social media profiles, but blogs are usually only followed if they are in an interesting niche area. Want to improve your blog productivity with social media? Here are five ways that will help.

1 - Link your social media profiles to your website


This can be done in a number of ways. There are widgets that allow users to share the knowledge of your website with other people on their website. For example, there is a Google+ widget that allows people to click the like button, but also share the link of your website and a comment with it. If people start doing this then it links your website with a social media profile. It may then draw in more traffic. You can do it yourself with your own Google+ profile. A similar thing may be done with Twitter.

There are also widgets that will allow people to navigate from your website to your social media profiles. This may not seem like a good idea, but firstly it is another link between social media and your blog, and if people go to your social media profiles and start following you, then they may see your promotional posts in the future and revisit your website.

2 - Add your website into the bio of your social media profiles


Add a link to your website/blog into as many of your social media profiles as you can. Most of the big and modern social media networks will freely allow you to do this. It helps to link your profile and your blog so that you rank higher in the Google search engine results pages, and it means that people can find your blog by going through your social media profile.

3 - Ask other people to promote your website on social media


You can ask your friends and family to talk about your blog and post a link on their social media profiles. And, you can ask your blog followers to do the same. You can ask your social media profile followers to promote your blog for you, and if they like you or your profile then they may just do it.

You can talk about your blog on your social media profiles in order to get people interested enough in your blog so that they start promoting it of their own free choice. You could even pay for a Twitter influencer to tweet about your blog so that some of his or her followers start to visit your blog.

4 - Post about your blog on your social media profiles


This can be done very well if you get it right. You may not be able to draw much traffic, but some is better than none at all. One fun trick is to give people a taster your blog post via social media. You can give them the first intriguing paragraph and then right when they want to keep reading it says to go to your blog.

You can show a preview of a larger portion of your blog (include pictures too), or you could share your entire blog post across the social media networks. You can also ask questions on social media that relate to your blog topic and have people answer them. If they answer with the same answer your blog gives, then you can say, “Yeah, that’s what I wrote,” at which point people will look to see. Or, you can say, “I voiced a different opinion in my blog,” and they look to see what it is.

5 - Use a social media ready comment section


This is a great little tool and there are a few varieties of widget out there that do the same thing. They allow people to post comments on your blog, and they can do it by entering their email or they can post via their social media profile. This means their profile picture comes up on next to the comment. There is also an option that says the tool posts the comment and link to their social media profile. The check box has to be unchecked otherwise it is posted to their social media profile, so you often get people unknowingly advertising your website/blog on their social media profile.


BIO: Kiara is a blogger, writer and networking enthusiast. Currently she writes for http://www.emergencyessays.com/. Today Kiara is eager to share her experience of work in the sphere of social media.

Facebook Celebrate 10 years : [Infographic]

♠ Rakshith Mlore in ,,,
Hello Folks, today our Guest Author Eddie O'Driscoll has taken some of his precious time to write for us. As Facebook celebrates its 10th Anniversary this year our guest author has prepared a great inforgraphic on it. Here you can have a look at it below.See how to become an Guest Author in My Blogging Techniques.
Author's bio:
Eddie O’ Driscoll is the managing director of DPFOC ( stands for “Driving Profitability For Our Clients”) UK and Ireland and writes regularly on all topics related to online marketing.

Promote your latest blog post in a creative way

Hello folks, today our guest author Melisa Marzett has taken some of her precious time to write for us. See how to become an Guest Author in My Blogging Techniques.

Each mature blogger pays close attention to write quality content for his blog. He knows how to write a good post the readers will like. But nowadays the success of your blog depends a lot on its right promotion. Everybody who is involved in blogging knows by heart that each post should be promoted in social media and commented on a lot. This is what everyone does. I want to offer you some more creative and less known ways of doing a blog promotion. So, if you’re ready to start over for gaining a desired blogging success, let’s get down to it:

clip_image002

1. Create a short video preview of your post with Vine. It can be either intriguing or promotional, or even both. Share this video in social media with the links to your post. After watching an engaging video content people will more likely click the link and get to your blog.

2. Make an overview of your post in SlideShare - and include several links to your post. Visualize the main points and offer the readers to visit your blog for detail. If you can make the information visibly attractive, most of them will do.

3. Announce your upcoming post in a few words. If you can, divide a long post into two or three smaller parts, and invite readers to learn more by coming back when the next piece is released. Or simply announce the post topic and short contents in social media a day before.

4. Banner on a relevant blog. Find one of the top-rated blogs in your field and buy a banner advertisement for your blog post. Yeah, it can cost a lot for you, but if the banner is chosen correctly and the post is really good, this tactic can provide you with hundreds of new unique readers in a comparatively short time.

5. Share the images from your post in Instagram or Pinterest. Do it on your page as well as in groups. Make sure you’ve got quality and social media friendly images (research the latest trends) with a logo of your blog or company on them.

6. Run the contest : Think over the prize yourself, but the terms should be about sharing your newest post socially. Announce that the winner will be chosen by random or the one who collects the biggest number of reposts or likes wins.

7. Signature. Add the link to your latest post to your email signature, forum signature etc. So, a big number of people you usually communicate with will get the link to it and probably want to check it. Make sure to add the call to action as well. This looks more personal than a social media link and will draw more attention.

Also Read : How to Increase Your Blog Loading Speed ?

8. Ask the bloggers in your niche to mention or share your post. This will ensure you more exposure from your target audience.

About the author: Melisa Marzett is a skilled writer with a huge experience. She enjoys creating numerous articles about business, promotion, health and social media. Melisa also collaborates with guest post websites.

Automatically Publish Blogger Posts To Facebook,Twitter And Other Social Sites

Social media plays an important role in improving any blog's SEO.That's why you may watch social media gadgets almost on every blog/website.If you have enough number of subscribers on social sites then just automatically publish your posts on social sites and get the traffic.Today I am giving a tutorial about automatically posting on Facebook,twitter and some other social sites with using dlvr.it service which is free of cost.I am also using this service to publish my blogger posts Facebook and twitter.The reason behind to choose dlvr.it is it is very easy to use and install.You can on-off auto publishing anytime and very easily.Lets see how to use it.

Automatically Publish Blogger Posts On Social Sites

  • First go to dlvr.it
  • Signup with giving your email address and choosing password.
  • Now go to your inbox and confirm your email address first
  • You will redirect to another page here you have to provide your feeds address in below format
  • automatically-publish-blogger-posts3
    http://feeds.feedburner.com/FEEDBURNER USERNAME HERE

  • Click on twitter icon and you will redirect to twitter
  • Give your twitter's profile's username and password and hit "Authorize App" button.Now your posts will automatically publish on twitter.

  • automatically-publish-blogger-posts2
  • Now click on Facebook icon.

  • automatically-publish-blogger-posts4
  • You will redirect to Facebook page. Log in to your Facebook account from which you are managing your fan page and select your fan page.
  • Customize your services as you wish and save your changes.

  • That's all about auto posting on social networking.If you know more services then share it using contact form below.


How To Add Windows 8 Tiles Style Social Media Widget

Hello bloggers, hope everyone are doing good. We all know that there are unlimited benefits available in social media platforms for promoting our blog/ website. Today we will learn and add an unique social media widget in our blogger blog which is looks like windows 8 titles. In this widget you can link up your social media profiles. (RSS feed, Facebook, Twitter, Google Plus, LinkedIn, YouTube, StumbleUpon and Pinterest.) This is an extra colorful attraction to concentrate your readers for subscribing. I have already applied it to our test blog. So, before you apply it on your blog, you can simply watch a demo.
windows-8-style-social-widget

How To Add Windows 8 Tiles Style Social Media Widget

  • Sign in to Blogger blog
  • Click Layout from left side menu
  • Choose a suitable widget position and click Add a Gadget
  • Select HTML/JavaScript.
  • Now simply paste the below codes in the box.

<style>
/*---My Blogging Techniques Windows 8 Style Social Widget---*/
.sm-win-eight-social{
background: transparent;
width:300px;
}
.sm-win-eight-social li{
position:relative;
cursor:pointer;
padding:0px;
list-style:none;
}
.sm-win-eight-social .smrss,.smfacebook,.smtwitter,.smgoogleplus,.smlinkedin,.smyoutube,.smstumble,.smpinterest {
z-index:8;
float:left;
margin:2px;
display:block;
position:relative;
}
.sm-win-eight-social .smrss{
background: #F98509 url(http://2.bp.blogspot.com/-ZUphGkq3UNM/UdCaXGDHWYI/AAAAAAAAEH8/RtTu5Ow9b_8/s60/shinemat-rss-feed-icon-n.png) no-repeat center;
width:140px;
height:143px;
}
.sm-win-eight-social .smfacebook{
background: #2E89F2 url(http://2.bp.blogspot.com/-w78SGkj0S4g/UdCaVC8jGyI/AAAAAAAAEHw/Kc5L0NbsE10/s37/shinemat-facebook-icon-h.png) no-repeat center;
width:68px;
height:70px;
}
.sm-win-eight-social .smtwitter{
background: #6EB921 url(http://2.bp.blogspot.com/-hDccFupO26Q/UdCaavsEC7I/AAAAAAAAEIU/lVESKdBJsWk/s50/shinemat-twitter-icon-n.png) no-repeat center;
width:69px;
height:70px;
}
.sm-win-eight-social .smgoogleplus{
background: #5533AE url(http://1.bp.blogspot.com/-kE_-sK9FpEE/UdCaUjFdUuI/AAAAAAAAEHk/JULJosvEAfU/s40/shinemat-googleplus-icon-n.png) no-repeat center;
width:68px;
height:69px;
}
.sm-win-eight-social .smlinkedin{
background: #0097BD url(http://1.bp.blogspot.com/-qSTYsuxhK2Y/UdCaU8K3ncI/AAAAAAAAEHs/dzrr30FjEEQ/s30/shinemat-linkedin-icon-n.png) no-repeat center;
width:69px;
height:69px;
}
.sm-win-eight-social .smyoutube{
background: #e64a41 url(http://4.bp.blogspot.com/-KWF7QiEHOl8/UdCabQTUkcI/AAAAAAAAEIc/P9rS5Fe_h3Q/s80/shinemat-youtube-icon-n.png) no-repeat center;
width:285px;
height:69px;
}
.sm-win-eight-social .smstumble{
background: #FA05EC url(http://4.bp.blogspot.com/-TlprUIB_GvA/UdCaX8PyhTI/AAAAAAAAEIM/DXimB7E-x0o/s50/shinemat-stumbleupon-icon-n.png) no-repeat center;
width:141px;
height:69px;
}
.sm-win-eight-social .smpinterest{
background: #0B54A9 url(http://4.bp.blogspot.com/-n6OJ4lHESvE/UdCaXd7eD9I/AAAAAAAAEIA/l_9v7SUd2YY/s38/shinemat-pinterest-icon-n.png) no-repeat center;
width:141px;
height:69px;
}
.sm-win-eight-social li:hover .smrss{
background: #F98509 url(http://1.bp.blogspot.com/-qyPyojUEMi8/UdCW2H-k6lI/AAAAAAAAEG8/8DqJq5atouU/s70/shinemat-rss-feed-icon.png) no-repeat center;
}
.sm-win-eight-social li:hover .smfacebook{
background: #2E89F2 url(http://1.bp.blogspot.com/-gGtzAVHcW44/UdCWwttlLHI/AAAAAAAAEGc/AFmwcosgvZw/s56/shinemat-facebook-icon.png) no-repeat center;
}
.sm-win-eight-social li:hover .smtwitter{
background: #6EB921 url(http://2.bp.blogspot.com/-sc_qxC0Mmfo/UdCW6v2hW5I/AAAAAAAAEHM/MXXPV1bHoBU/s60/shinemat-twitter-icon.png) no-repeat center;
}
.sm-win-eight-social li:hover .smgoogleplus{
background: #5533AE url(http://4.bp.blogspot.com/-JyK9dFzixBg/UdCWxPpigiI/AAAAAAAAEGk/jr5Aozqw-4Y/s50/shinemat-googleplus-icon.png) no-repeat center;
}
.sm-win-eight-social li:hover .smlinkedin{
background: #0097BD url(http://2.bp.blogspot.com/-Tvs-yuw7vvA/UdCWxYRBPKI/AAAAAAAAEGo/jffPCC9TgQA/s40/shinemat-linkedin-icon.png) no-repeat center;
}
.sm-win-eight-social li:hover .smyoutube{
background: #e64a41 url(http://3.bp.blogspot.com/-_Tfex556WOw/UdCW7nHj8nI/AAAAAAAAEHU/eCKq6j8ZL24/s100/shinemat-youtube-icon.png) no-repeat center;
}
.sm-win-eight-social li:hover .smstumble{
background: #FA05EC url(http://3.bp.blogspot.com/-czu-X4tuiQ0/UdCW3B8tzqI/AAAAAAAAEHE/s8AbDK_f9JA/s60/shinemat-stumbleupon-icon.png) no-repeat center;
}
.sm-win-eight-social li:hover .smpinterest{
background: #0B54A9 url(http://4.bp.blogspot.com/-JcV5ObMAkJs/UdCW1NOIETI/AAAAAAAAEG0/3ro_lw7KHvk/s51/shinemat-pinterest-icon.png) no-repeat center;
}
</style>

<div class="sm-win-eight-social">

<li><a class="smrss" href="http://feeds.feedburner.com/RSS-USERNAME"></a></li>
<li><a class="smfacebook" href="http://www.facebook.com/FACEBOOK-USERNAME"></a></li>
<li><a class="smtwitter" href="http://twitter.com/TWITTER-USERNAME"></a></li>
<li><a class="smgoogleplus" href="https://plus.google.com/G+PROFILE-ID"></a></li>
<li><a class="smlinkedin" href="https://www.linkedin.com/LINKEDIN-USERNAME"></a></li>
<li><a class="smyoutube" href="http://www.youtube.com/YOUTUBE-USERNAME"></a></li>
<li><a class="smstumble" href="http://www.stumbleupon.com/stumbler/STUMBLEUPON-USERNAME"></a></li>
<li><a class="smpinterest" href="http://pinterest.com/PINTEREST-USERNAME"></a></li>

</div>


  • Replace the following areas with your own details...


    • Replace RSS-USERNAME with your blog's RSS feed link.

    • Replace FACEBOOK-USERNAME with your Facebook username.

    • Replace TWITTER-USERNAME with your own Twitter username

    • Replace G+PROFILE-ID with your Google Plus profile ID.

    • Replace LINKEDIN-USERNAME with your LinkedIn username.

    • Replace YOUTUBE-USERNAME with your Youtube username.

    • Replace STUMBLEUPON-USERNAME with your Stumbleupon username.

    • Replace PINTEREST-USERNAME with your Pinterest username..

  • Now click Save button to done everything.
    Reload your blog to see this nice widget is working on your blog.
    If any problem you will face please do not late to let me know. I will assist you with smiles.

How To Add Twitter Official Tweet Buttons to Blogger

Now you can use this twitter button directly share your posts through twitter without any third party web site.So you and your visitors don't want to authenticate any third party web site to access your Twitter account.These new tweet button loads very fast and anyone can share your article with in few seconds.There are 3 types of Beautiful Tweet buttons : Vertical count, Horizontal count and No count.Here I am going to describe how to add these Twitter buttons to your blogger blog.

If you like o add these Twitter official share button to your blogger blog,then follow the steps given below.

Twiiter Tweet Buttons

  • Login to your blogger Dashboard--> Design- -> Edit HTML
  • Click on "Expand Widget Templates"
  • Scroll down to where you see below code:

<div class='post-header-line-1'/>

  • Now Copy your "Twitter tweet button" code and paste it just below the above code.

NOTE: If you can't find <div class='post-header-line-1'/> in your template, paste your "Twitter tweet button" code just before <data:post.body/> .

Code 1 : Vertical Count

<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;margin-right:10px;'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="TWITTER-USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
</b:if>

Code 2 : Horizontal Count


<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;margin-right:10px;'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="TWITTER-USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
</b:if>

Code 3 : No Count


<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;margin-right:10px;'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="TWITTER-USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
</b:if>

Remember to replace "TWITTER-USERNAME" with your real Twitter username.

If you want to show Tweet buttons not only Post pages but also Home page,Archive pages,Label pages,etc... , then remove "<b:if cond='data:blog.pageType == "item"'>" and "</b:if>" from above codes.

5.Now save your template.

You can view more info from here:

http://twitter.com/goodies/tweetbutton

Want to build a custom tweet button for your site? Check out developer documentation for the Sharing API to provide the same Tweet Button sharing functionality with your own style :

http://dev.twitter.com/pages/tweet_button

How to Add Google Plus Pop Up Widget to Blogger

There are many tools in the internet which allow bloggers gain more traffic to their blog. Today I going to give you a nice and good, Google Plus Pop Widget which will help you to get more followers to your blog Google+ page or for your Google+ profile. You might have observed this type of widgets, when you navigate some of sites like Facebook Like Pop-Up, looking on that widget this  widget was coded. In other words, Facebook Like Pop-Up box was inspiration to code this widget.
Google-plus-pop-up


Benefits of Adding Google Plus Pop-Up Widget

  • Increase you Google Plus Follower instantly.
  • Increase your Google Page rank.
  • Good loading speed.
  • Very easy to use

How To Add Google Plus Pop-Up Widget To Blogger

  • Login to your Blogger dashboard.
  • Go to Layout –> Add a Gadget –> HTML/Javascript.
  • Copy and paste the below code in HTML/Javascript section.
  • Save the Widget.
  • You’re done.

<style type="text/css">
html #mbtgppopupdiv {position:absolute;}
#mbtgppopupdiv {display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('http://2.bp.blogspot.com/-c-wSyciNV34/UeKC2kFtaVI/AAAAAAAAFdo/DCYN3oTcotw/s1600/mbt+google+plus+gadget.png');margin:0; overflow-y:auto;}
#mbtgppopup {z-index:9999;background-color: #fff; overflow:none;}
.mbtgppopup {width:400px; height:440px; position:fixed; top:40%; left:50%; margin-top:-200px; margin-left:-200px; border: 10px solid #ff3434; padding: 20px;}
.mbt-title {background:#fff;color: #000;font-size: 14px !important;font-weight:bold;margin:5px 0;border:10px solid #000;padding:10px;line-height:15px; font-family:Verdana !important;}
</style>
<!--[if browser is IE 6]>
<style type="text/css">
/*<![CDATA[*/
html {overflow-x:auto; overflow-y:hidden;}
/*]]>*/
</style>
<![endif not]-->
<div id="mbtgppopupdiv">
<div id="mbtgppopup" class="mbtgppopup">
<center><h4 class="mbt-title">Receive All Updates Via Google+. Just Follow Us...</h4></center>
<center>
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/113359312100283076276" data-source="blogger:blog:followers" data-width="310">
</div>
<script type="text/javascript">
(function() {
window.___gcfg = {'lang': 'en'};
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</center>
<br />
<center style=" float:right; margin-right:35px; font-size:9px;" ><b>Powered By </b><a style=" font-size:9px; color:#ff3434; text-decoration:none;" href="http://www.mybloggingtechniques.com"><b>My Blogging Techniques</b></a></center>
<center style=" float:left; margin-left:30px; font-size:9px;cursor:pointer;" ><a style=" font-size:9px; color:#ff3434; text-decoration:none;" onmouseup="document.getElementById('mbtgppopupdiv').style.display='none'"><b>Skip To Continue</b></a></center>
</div> </div>
Important : Replace “https://plus.google.com/113359312100283076276” with your blogs Google Plus Page URL or your Google Plus Profile URL.
Note : Please respect our work and please don’t remove the link to our site in the widget.

Touch Me Social Sharing Widget To Blogger

Hello friends, today I am giving you a simple and beautiful Touch Me Social Sharing Widget to Blogger. All you know, What is the role of Social Sharing Widgets in Blogger ? Well it help your readers to subscribe to your social networks easily. Our Previous Social Sharing Widgets was “Clean and White Spinning Social Media Icons”.
Touch Me




View Demo Button

Add Touch Me Social Sharing Widget To Blogger

  • Login to your Blogger Dashboard.
  • Go to Layout –> Add a Gadget –> HTML/Javascript –> Paste the below code in it.
<style>
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(http://beautifulbloggerwidgets.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat;
-webkit-transition: ease-in 0.2s all;   
-moz-transition: ease-in 0.2s all;   
-o-transition: ease-in 0.2s all;   
-ms-transition: ease-in 0.2s all;   
transition: ease-in 0.2s all;
cursor:pointer;
}
.touchme a.googleplus {
background-position: 0px -58px;
}
.touchme a.googleplus:hover {
background-position: 0px 0px;
}
.touchme a.twitter {
background-position: 0px -290px;
}
.touchme a.twitter:hover {
background-position: 0px -232px;
}
.touchme a.facebook {
background-position: 0px -406px;
}
.touchme a.facebook:hover {
background-position: 0px -348px;
}
.touchme a.rss {
background-position: 0px -174px;
}
.touchme a.rss:hover {
background-position: 0px -116px;
}
</style>
<div class="touchme">
<!--RSS-->
<a class="rss" href="YOUR-FEED URL- GOES HERE " rel="nofollow" target="_blank"></a>
<!--Google Plus-->
<a class="googleplus" href="YOUR GOOGLE PLUS PAGE URL GOES HERE" rel="nofollow" target="_blank"></a>
<!--Facebook-->
<a class="facebook" href="YOUR-FACEBOOK FAN PAGE-URL-GOES HERE" rel="nofollow" target="_blank"></a>
<!-- Twitter -->
<a class="twitter" href="YOUR-TWITTER FAN PAGE-URL/USER NAME GOES HERE " rel="nofollow" target="_blank"></a>
</div>
</div>
  • After pasting click on Save.
  • You're Done.

Note : Highlighted text in the above code should be replaced with the following.

    • YOUR-FACEBOOK FAN PAGE-URL GOES HERE with your Facebook fan Page URL
  • YOUR-TWITTER FAN PAGE-URL/USER NAME GOES HERE with Twitter user name or Fan page
  • YOUR GOOGLE PLUS PAGE URL GOES HERE with Google Plus Profile or Fan Page URL
  • YOUR-FEED URL- GOES HERE with your feed name URL

Clean and White Spinning Social Media Icons

Hello folks, i am very happy to announce that our blog has crossed 10k+ page views and since this is our 100 post, so i am going to give you a simple, Clean and White Spinning Social Media Icons which is self coded. All bloggers knew that in order to attain a huge traffic they have to promote their posts on social networks and get many people subscribed to their blog. What will attract your visitors to subscribe to your blog/social networks?
Well the answer is quite simple, your social subscribing gadget should be clean and more attractive which would kick your readers to subscribe to your social networks.
Clean-and-white-spinning-social-media-icons 
View Demo Button

Clean and White Spinning Social Media Icons


<style>  #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style>
<div align="left">&nbsp;</div>
<center>
<div><a title="Grab Our Rss Feed" href="YOUR-FEED-URL- GOES HERE" target="_blank"><img style="margin-right: 1px" border="0" alt="Icon" src="http://1.bp.blogspot.com/-SVdChragNq8/UYd1e8IttsI/AAAAAAAAEdA/iohSGduuHYY/s1600/Rss+Feed.png"></a> <!--End Rss Icon--><!--Start Email Rss Icon--><a title="Subscribe on Youtube" href="YOUR YOUTUBE USERNAME GOES HERE" rel="nofollow" target="_blank"><img style="margin-right: 1px" border="0" alt="Icon" src="http://4.bp.blogspot.com/-n3ageNy8Hos/UYd1fz_r1wI/AAAAAAAAEdQ/cqUZvsQLOxE/s1600/Youtube.png"></a> <!--End Email Rss Icon--><!--Start Facebook Icon--><a title="Like Our Facebook Page" href="YOUR-FACEBOOK-FAN-PAGE-URL-GOES-HERE" rel="nofollow" target="_blank"><img style="margin-right: 1px" border="0" alt="Icon" src="http://1.bp.blogspot.com/-6nNvCfqEMng/UYd1dE6T4tI/AAAAAAAAEco/dOEEbhDYsn4/s1600/Facebook.png"></a> <!--End Facebook Icon--><!--Start Twitter Icon--><a title="Follow Our Updates On Twitter" href="YOUR-TWITTER-FAN-PAGE-URL/USER-NAME-GOES-HERE" rel="nofollow" target="_blank"><img style="margin-right: 1px" border="0" alt="Icon" src="http://1.bp.blogspot.com/-95ch7DI74ME/UYd1e1k49OI/AAAAAAAAEdE/QRPRN0ouz0s/s1600/Twitter.png"></a> <!--End Twitter Icon--><!--Start Google+ Icon--><a title="Follow Us On Google+" href="YOUR-GOOGLE-PLUS-PAGE-URL-GOES-HERE" rel="nofollow" target="_blank"><img style="margin-right: 1px" src="http://4.bp.blogspot.com/-a798GEokbV8/UYd1dcYqWHI/AAAAAAAAEcs/p5Mi7BzBekA/s1600/Google+.png"></a> <!--End Google+ Icon--><!--Start Pinterest Icon--><a title="Follow Our Pins" href="YOUR-PINTEREST-URL-GOES-HERE" rel="nofollow" target="_blank"><img style="margin-right: 1px" alt="Follow Me on Pinterest" src="http://3.bp.blogspot.com/-Z6PlhgkImQI/UYd1dlBwBhI/AAAAAAAAEc4/J4Bw5bw7B9s/s1600/Pinterest.png"></a> <!--End Pinterest Icon--></div><br/>
Note : In the above code some should be replaced with the following.
  • YOUR-FEED-URL- GOES HERE with your feed name URL.
  • YOUR-YOUTUBE-USERNAME-GOES-HERE with your YouTube Username.
  • YOUR-FACEBOOK-FAN PAGE-URL-GOES-HERE with your Facebook fan Page URL.
  • YOUR-TWITTER-FAN-PAGE-URL/USER-NAME-GOES-HERE with Twitter user name or Fan page.
  • YOUR-GOOGLE-PLUS-PAGE-URL-GOES-HERE with Google Plus Profile or Fan Page URL.
  • YOUR-PINTEREST-URL-GOES-HERE with Twitter user name or Fan page.
Want to remove any part of the code ? Don’t worry i coded that it will be easy for you to understand. If you want to remove Pinterest Icon, just delete the code from <!--Start Pinterest Icon—> ______________________<!—End Pinterest Icon—>. Same way you can delete the code for Rss Feed, Facebook, YouTube, Twitter and Google Plus.
Thank all for your support. Keep visiting. Thank you. Smile

Animated Twitter Follow Buttons–Version 1

Well we all know the importance of promoting our blogs in social networking sites like Facebook, Twitter, Linked In, Pinterest etc. There are many bloggers who are trying to implement this to their blogs. So in order to boost your traffic you should attract more visitors to subscribe them to your social networks. Shall we start this is animated twitter follow gadget will attract your readers.
twitter-file-670
View Demo Button

How to Add Animated Twitter Follow Buttons

<object data="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" height="80" type="application/x&minus;shockwave&minus;flash" width="200"> <param name="movie" value="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" /><param name="allowscriptaccess" value="always" /><param name="menu" value="false" /><param name="wmode" value="transparent" /><param name="flashvars" value="username=DanielRakshith" /><a rel="nofollow" href=" http://www.mybloggingtechniques.blogspot.in/ " title="InfozGuide"> My Blogging Techniques </a> <embed src="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" type="application/x&minus;shockwave&minus;flash" allowscriptaccess="always" width="180" height="80" menu="false" wmode="transparent" flashvars="username=DanielRakshith"></embed> </object>
Note :  Remember to rename “username=DanielRakshith” with your own twitter username which comes twice in each codes.>

Jelly Look Alike-Spinning Social Media Icons

Today i am back to talk about "How to add Spinning Social icons/Button to Blogger". Social Media Icons widgets use for to increase Your blog traffic. Social Network is one of the best way to increase visitors and Add your link to social sites and share your blog links with your friends and public (People) to Increase Blog traffic. Actually these posts is about Blogger Widgets and How to Increase Blogs Visitors/Traffic.
These social Media icons created with HTML and CSS. How it will work? When you you place your mouse cursor over each icon they spinning and when you Clicking on it will be open your social sites links. And one more thing social icons use for to Increase your Facebook Like, Increase Twitter Followers etc.
Jelly Look Alike

Jelly Look Alike-Spinning Social Media Icons


<style>  #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style>
<div align="left">&nbsp;</div>
<center>
<div><a title="Grab Our Rss Feed" href="YOUR-FEED-URL- GOES HERE" target="_blank"><img style="margin-right: 1px" border="0" alt="Icon" src="http://4.bp.blogspot.com/--t4h-GFuolQ/UYnb73d2p3I/AAAAAAAAEgg/gJY2OR4aTh4/s1600/RSS-Feed-2.png"></a> <!--End Rss Icon--><!--Start Email Rss Icon--><a title="Subscribe on Youtube" href="YOUR YOUTUBE USERNAME GOES HERE" rel="nofollow" target="_blank"><img style="margin-right: 1px" border="0" alt="Icon" src="http://3.bp.blogspot.com/-gwmC5TKq0mU/UYnb8tPBu3I/AAAAAAAAEgw/nL_zEt8JBfw/s1600/YouTube-2.png"></a> <!--End Email Rss Icon--><!--Start Facebook Icon--><a title="Like Our Facebook Page" href="YOUR-FACEBOOK-FAN-PAGE-URL-GOES-HERE" rel="nofollow" target="_blank"><img style="margin-right: 1px" border="0" alt="Icon" src="http://3.bp.blogspot.com/-JHEiffHj26o/UYnb6rApMnI/AAAAAAAAEgI/OvVEVbAsCq4/s1600/Facebook-2.png"></a> <!--End Facebook Icon--><!--Start Twitter Icon--><a title="Follow Our Updates On Twitter" href="YOUR-TWITTER-FAN-PAGE-URL/USER-NAME-GOES-HERE" rel="nofollow" target="_blank"><img style="margin-right: 1px" border="0" alt="Icon" src="http://3.bp.blogspot.com/-cd2aOtVkr9Q/UYnb8ZfXLiI/AAAAAAAAEgo/u3xtbo1IQ9k/s1600/Twitter-2.png"></a> <!--End Twitter Icon--><!--Start Google+ Icon--><a title="Follow Us On Google+" href="YOUR-GOOGLE-PLUS-PAGE-URL-GOES-HERE" rel="nofollow" target="_blank"><img style="margin-right: 1px" src="http://2.bp.blogspot.com/-M_dl_8-0VR4/UYnb6w3wTkI/AAAAAAAAEgQ/M_BkCEmOEMg/s1600/Google++2.png"></a> <!--End Google+ Icon--><!--Start Pinterest Icon--><a title="Follow Our Pins" href="YOUR-PINTEREST-URL-GOES-HERE" rel="nofollow" target="_blank"><img style="margin-right: 1px" alt="Follow Me on Pinterest" src="http://1.bp.blogspot.com/-d2NsL6srTeU/UYnb60YlVaI/AAAAAAAAEgM/rvG6HcxG9ks/s1600/Pinterest-2.png"></a> <!--End Pinterest Icon--></div><br/>

Note : In the above code some should be replaced with the following.
  • YOUR-FEED-URL- GOES HERE with your feed name URL.
  • YOUR-YOUTUBE-USERNAME-GOES-HERE with your YouTube Username.
  • YOUR-FACEBOOK-FAN PAGE-URL-GOES-HERE with your Facebook fan Page URL.
  • YOUR-TWITTER-FAN-PAGE-URL/USER-NAME-GOES-HERE with Twitter user name or Fan page.
  • YOUR-GOOGLE-PLUS-PAGE-URL-GOES-HERE with Google Plus Profile or Fan Page URL.
  • YOUR-PINTEREST-URL-GOES-HERE with Twitter user name or Fan page.
Want to remove any part of the code ? Don’t worry i coded that it will be easy for you to understand. If you want to remove Pinterest Icon, just delete the code from <!--Start Pinterest Icon—> ______________________<!—End Pinterest Icon—>. Same way you can delete the code for Rss Feed, Facebook, YouTube, Twitter and Google Plus.


Write Upside down in Facebook

♠ Rakshith Mlore in ,,
Hi everyone. Today I am going to show you how to write the words Upside down in Facebook, Twitter or any social profile and confuse your friends.facebook-147
  • Go to this Website : Fliptext
  • Write anything you want in Upper dialog Box given and Press Fliptext.
  • Now copy the flipped text and paste in on Facebook Status Update or anywhere else.
Example : ˙ ןǝıuɐp˙ɥʇıɥsʞɐɹ sı ǝɯɐu ʎɯ ¡ ıɥ

Attractive Social Media with Count Widget For Blogger

Hello to all my readers hope you are all enjoying the contents in my blog. Today i am back with an Attractive Social Media Widgets with Subscribers count in it. Attractive Social MediaThis cool widget makes your readers to subscribe to your feeds, follow you on twitter, like your page on Facebook and for YouTube subscribers.

Attractive Social Media with Count For Blogger

<style> .btrix_widget{ margin-bottom:20px; overflow:hidden; clear: both; border: 1px solid black; width: 300px; } .btrix_widget li{ line-height:15px; float:left; width:75px; height:87px; padding:7px 0 10px; -moz-transition:.4s linear; -webkit-transition:.4s ease-out; transition:.4s linear; list-style:none; } .btrix_widget li a{display:block;text-align:center;} .btrix_widget li a strong{ background:url(http://4.bp.blogspot.com/-DHkZX7Y0FXs/UVvNYBepQVI/AAAAAAAAAc8/_EA1lwrFxqA/s1600/bt-icons.png) no-repeat;display:block; opacity:0.7; height:51px; margin-bottom:5px; -webkit-transition: opacity ease-in-out 0.4s; -moz-transition: opacity ease-in-out 0.4s; -o-transition: opacity ease-in-out 0.4s; transition: opacity ease-in-out 0.4s;} .btrix_widget li a:hover strong{opacity:1;} .btrix_widget li:hover a{text-decoration: none;} .btrix_widget li.rss-subscribers a strong{ background-position:center -1084px ;} .btrix_widget li.rss-subscribers a:hover strong{ background-position:center -1139px ;} .btrix_widget li.rss-subscribers span{display:block;font-size:21px;} .btrix_widget li.facebook-fans a strong { background-position:center -1192px ;} .btrix_widget li.facebook-fans a:hover strong { background-position:center -1246px ;} .btrix_widget li.twitter-followers a strong{ background-position:center -868px;} .btrix_widget li.twitter-followers a:hover strong{ background-position:center -922px;} .btrix_widget li.youtube-subs a strong{ background-position:center -976px;} .btrix_widget li.youtube-subs a:hover strong{ background-position:center -1030px;} .btrix_widget li span{display:block;font-size:21px;} .btrix_widget li a small{color:#777;} </style> <br /> <div class="widget btrix_widget"> <ul style="margin-left: -40px;"> <center><h1>Connect with Us</h1></center> <li class="rss-subscribers"> <a href="http://feeds.feedburner.com/MyBloggingTechniques"> <strong></strong> <span>548</span> <small>RSS Feed</small> </a> </li> <li class="twitter-followers"> <a href="https://twitter.com/DanielRakshith"> <strong></strong> <span>5,245</span> <small>Followers</small> </a> </li> <li class="facebook-fans"> <a href="https://www.facebook.com/MyBloggingTechniques"> <strong></strong> <span>2,298</span> <small>Fans</small> </a> </li> <li class="youtube-subs"> <a href="http://www.youtube.com/username"> <strong></strong> <span>1,202</span> <small>Subscribers</small> </a> </li> </ul> </div>

You have to change the counters in the code manually, just change the coloured texts as given below
  • Replace MyBloggingTechniques with your Feedburner ID
  • Replace MyBloggingTechniques with your Facebook Fan Page Name
  • Replace DanielRakshith with your Twitter Username
  • Replace Username with your Youtube Username

Also you can edit the number of fans/subscribers/followers you have by changing the numeric characters in the code.

If you like this then please subscribe to Our feeds and Like us on Facebook for Future Updates. Thank you.

Reverse Spinning Social Icons With CSS3 For Blogger

Hello there friends. In our last two post we have discussed about a “Half Spinning Social Icons With CSS3 For Blogger” and a “Complete 3600 Spinning Social Icons With CSS3 For Blogger”. Now this an updated version of that blogger widget in a new style. On mouse hover they spins (rotates) reverse (anti-clock wise) and when mouse hovers out on it they return to their original position,this effect is caused by the CSS3 property which I have mentioned above. Now lets go to the tutorial and see how to add them into blogger blog.
spinning-icons-for-blogger 

How To Add Reverse Spinning Icons To Blogger ?

<style>p#hb_socialicons img {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
p#hb_socialicons img:hover {
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
</style> 
<center><p id="hb_socialicons">
<a href="YOUR-FACEBOOK FAN PAGE-URL GOES HERE">
<img border="0" src="http://3.bp.blogspot.com/-ck0bnvgk5uI/T_fxhb7Ay-I/AAAAAAAACRY/yZR4hu8omnE/s1600/helperblogger.com-facebook.png" /></a>
<a href="YOUR-TWITTER FAN PAGE-URL/USER NAME GOES HERE">
<img border="0" src="http://4.bp.blogspot.com/-P_NkdPIsSQQ/T_fxjUKUF2I/AAAAAAAACRs/KXfA3LnHej8/s1600/helperblogger.com-twitter.png" /></a>
<a href="YOUR GOOGLE PLUS PAGE URL GOES HERE">
<img border="0" src="http://1.bp.blogspot.com/-uSOHwlVeA68/T_fxiHgtoJI/AAAAAAAACRc/-UZ8ujxc7Ic/s1600/helperblogger.com-google_plus.png" /></a>
<a href="YOUR-FEED URL- GOES HERE">
<img border="0" src="http://2.bp.blogspot.com/-2sRpqFhID4A/T_fxipoh7DI/AAAAAAAACRo/kn_qiQKBT-o/s1600/helperblogger.com-rss.png" /></a>
<a href="YOUR YOUTUBE USERNAME GOES HERE">
<img border="0" src="http://3.bp.blogspot.com/-2wY3FQCZgoM/T_fxkMsCqtI/AAAAAAAACR4/jsNUZdVcCCg/s1600/helperblogger.com-youtube.png" /></a>

Note : Highlighted text in the above code should be replaced with the following.
  • YOUR-FACEBOOK FAN PAGE-URL GOES HERE with your Facebook fan Page URL
  • YOUR-TWITTER FAN PAGE-URL/USER NAME GOES HERE with Twitter user name or Fan page
  • YOUR GOOGLE PLUS PAGE URL GOES HERE with Google Plus Profile or Fan Page URL
  • YOUR-FEED URL- GOES HERE with your feed name URL
  • YOUR YOUTUBE USERNAME GOES HERE with your YouTube Username.
If you like this then please subscribe to Our feeds and Like us on Facebook for Future Updates. Thank you.

Complete Spinning Social Icons With CSS3 For Blogger

In my previous article i have given you “Half Spinning Social Icons With CSS3 For Blogger”. Now this an updated version of that blogger widget in a new style. On mouse hover they spins (rotates) 3600 and when mouse hovers out on it they return to their original position,this effect is caused by the CSS3 property which I have mentioned above. Now lets go to the tutorial and see how to add them into blogger blog.
spinning-icons-for-blogger 

How To Add 3600 Spinning Icons To Blogger ?

<style>p#hb_socialicons img {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
p#hb_socialicons img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
</style>
<center><p id="hb_socialicons">
<a href="YOUR-FACEBOOK FAN PAGE-URL GOES HERE">
<img border="0" src="http://3.bp.blogspot.com/-ck0bnvgk5uI/T_fxhb7Ay-I/AAAAAAAACRY/yZR4hu8omnE/s1600/helperblogger.com-facebook.png" /></a>
<a href="YOUR-TWITTER FAN PAGE-URL/USER NAME GOES HERE">
<img border="0" src="http://4.bp.blogspot.com/-P_NkdPIsSQQ/T_fxjUKUF2I/AAAAAAAACRs/KXfA3LnHej8/s1600/helperblogger.com-twitter.png" /></a>
<a href="YOUR GOOGLE PLUS PAGE URL GOES HERE">
<img border="0" src="http://1.bp.blogspot.com/-uSOHwlVeA68/T_fxiHgtoJI/AAAAAAAACRc/-UZ8ujxc7Ic/s1600/helperblogger.com-google_plus.png" /></a>
<a href="YOUR-FEED URL- GOES HERE">
<img border="0" src="http://2.bp.blogspot.com/-2sRpqFhID4A/T_fxipoh7DI/AAAAAAAACRo/kn_qiQKBT-o/s1600/helperblogger.com-rss.png" /></a>
<a href="YOUR YOUTUBE USERNAME GOES HERE">
<img border="0" src="http://3.bp.blogspot.com/-2wY3FQCZgoM/T_fxkMsCqtI/AAAAAAAACR4/jsNUZdVcCCg/s1600/helperblogger.com-youtube.png" /></a>
Note : Highlighted text in the above code should be replaced with the following.
  • YOUR-FACEBOOK FAN PAGE-URL GOES HERE with your Facebook fan Page URL
  • YOUR-TWITTER FAN PAGE-URL/USER NAME GOES HERE with Twitter user name or Fan page
  • YOUR GOOGLE PLUS PAGE URL GOES HERE with Google Plus Profile or Fan Page URL
  • YOUR-FEED URL- GOES HERE with your feed name URL
  • YOUR YOUTUBE USERNAME GOES HERE with your YouTube Username.
If you like this then please subscribe to Our feeds and Like us on Facebook for Future Updates. Thank you.

Half Spinning Social Icons With CSS3 For Blogger

We always try to make something different which will attract our readers/visitors quickly. This widget will surely help you to increase number of social subscribers also it will attract your readers and grabs visitors attention quickly.On mouse hover they spins(rotates) some degrees and when mouse hovers out on it they return to their original position,this effect is caused by the CSS3 property which I have mentioned above.Now lets go to the tutorial and see how to add them into blogger blog.
spinning-icons-for-blogger

How To Add Half Spinning Icons To Blogger ?

<style>p#hb_socialicons img {
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
p#hb_socialicons img:hover {
-moz-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
-o-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
</style> 
<center><p id="hb_socialicons">
<a href="YOUR-FACEBOOK FAN PAGE-URL GOES HERE">
<img border="0" src="http://3.bp.blogspot.com/-ck0bnvgk5uI/T_fxhb7Ay-I/AAAAAAAACRY/yZR4hu8omnE/s1600/helperblogger.com-facebook.png" /></a>
<a href="YOUR-TWITTER FAN PAGE-URL/USER NAME GOES HERE">
<img border="0" src="http://4.bp.blogspot.com/-P_NkdPIsSQQ/T_fxjUKUF2I/AAAAAAAACRs/KXfA3LnHej8/s1600/helperblogger.com-twitter.png" /></a>
<a href="YOUR GOOGLE PLUS PAGE URL GOES HERE">
<img border="0" src="http://1.bp.blogspot.com/-uSOHwlVeA68/T_fxiHgtoJI/AAAAAAAACRc/-UZ8ujxc7Ic/s1600/helperblogger.com-google_plus.png" /></a>
<a href="YOUR-FEED URL- GOES HERE">
<img border="0" src="http://2.bp.blogspot.com/-2sRpqFhID4A/T_fxipoh7DI/AAAAAAAACRo/kn_qiQKBT-o/s1600/helperblogger.com-rss.png" /></a>
<a href="YOUR YOUTUBE USERNAME GOES HERE">
<img border="0" src="http://3.bp.blogspot.com/-2wY3FQCZgoM/T_fxkMsCqtI/AAAAAAAACR4/jsNUZdVcCCg/s1600/helperblogger.com-youtube.png" /></a>

Note : Highlighted text in the above code should be replaced with the following.
  • YOUR-FACEBOOK FAN PAGE-URL GOES HERE with your Facebook fan Page URL
  • YOUR-TWITTER FAN PAGE-URL/USER NAME GOES HERE with Twitter user name or Fan page
  • YOUR GOOGLE PLUS PAGE URL GOES HERE with Google Plus Profile or Fan Page URL
  • YOUR-FEED URL- GOES HERE with your feed name URL
  • YOUR YOUTUBE USERNAME GOES HERE with your Youtube Username.
If you like this then please subscribe to Our feeds and Like us on Facebook for Future Updates. Thank you.
Proudly powered by Blogger