social

Put Your Blog Branding to Work on Social Networks

There are currently over a BILLION users on Twitter and Facebook combined!

If you aren’t taking advantage of this massive audience, you are missing out big. ;)

I’m not just talking about having a personal account where you can make friends and have a social following, I’m talking about building an extended presence and following for your blog.

Put Your Blog Branding to Work on Social Networks!

blogascenter

Make Your Picture / Blog Logo Universal

Internet marketing and blogging is all about branding. Everyone wants to have a popular blog that everyone knows, talks about and remembers. One of the best ways to do this is to make sure that your blog name and all of your social network urls and branding are the same.

If you have blog234234.com, then you should also have:

https://www.facebook.com/?_rdrblog234234
https://mobile.twitter.com/i/guestblog234234

This makes it easy for people to search and find where your blog is on the major social networks.

The same can be said for your logo and your social networking pages. Twitter backgrounds are actually blog branding machines! How many people are going to visit your Twitter page, read a few updates and then leave? Probably most people. During that time you can use those few seconds as a chance to leave a brand-able impression.

This is exactly what I did with my Twitter profile and once Facebook launched their TimeLine update, you can now do the same thing with your Facebook profile and fan pages.

Content for Your Social Blog Pages

There is always a question on what type of content you should be posting to your social networking blog pages. Should you just setup an RSS feed that updates Twitter and Facebook automatically every time your blog updates, or should you post original questions and comments to your audience?

At the end of the day it comes down to what your preference is and how active you are on the major social networks. Even if you are just posting the RSS feed updates, you can still read a lot of people through Twitter and Facebook growth.

How Can You Expand Your Blog Exposure?

If you aren’t currently building out your own blog exposure through Facebook and Twitter it’s definitely something you should think about. Social networking is only going to keep growing in size and once you are setup with your social pages, your following will only keep on growing.

For more helpful tips and methods I’ve used to increase my blog exposure on social networks, be sure to check out my new book on Amazon.com titled Blogging Tips: “Confessions of a Six Figure Blogger!“.

<image credit>

Boosting Your WordPress Blog’s Performance in 3 Simple Steps

Often users ask me why their WordPress blog is so slow.

Well, there’s no general answer for that question, it could be due to plugins or maybe something related to your server host.

But one thing is certain: speed is one of the most important factors for a good UXP (= “user experience”) and a common reason why visitors leave a page, frustrated.

And were talking about matter of seconds here: From a waiting period of 3 seconds on you will lose approximately 40% of your visitors.

Also Google is very interested in a high build-up speed of your site; if you’re too slow, you are prone to receive penalties in terms of search results.

So let’s begin by finding out how slow your site really is. We are able to do so by downloading the yslow extension of Yahoo.

About Yslow

Yslow is a tool that lets you breakdown and display your site’s performance issues in a very simple way and gives tips on improving these problems.

On the basis of 24 criteria the global settings are then tested as well as your individual content (images / stylesheets / HTML), conclusively giving you school grades and points (maximum 100) based on the preceding analysis.

By clicking “Run Test” you get a detailed breakdown of your blog’s speed. Since problems are highly dependent upon what kind of theme you use, the main focus of this tutorial lies on general solutions that have the power to increase the speed of every blog.

1. Let’s start with the caching:

Caching is the process by which frequently used files are temporarily saved so they do not have to be created / recalculated each time . Your blog’s article overview for example would only have to access a database, even if new articles have been created, instead of obtaining a new list every time a new page viewer accesses the site.

You can achieve this and a lot more, by using caching plugins like the powerful W3 Total Cache tool.

2. Make your images load lazy

When it comes to space, images often claim more than 50% of a given page. They are one of the biggest traffic drivers and significantly connected to the build-up speed of your site.

Especially with very image-heavy blogs it pays off to make sure they are only loaded when the user scrolls towards them.

Thats exactly what the so called lazy load scripts do. They replace content outside of the browser window with placeholders, only calling up the real files when users actually scroll down to the image.

This will increase the build-up speed by a multitude, enhancing the UXP and costing less server bandwidth.

You can do this by going to Plugins → Add New and put in “BJ Lazy Load”. Of course there are several Lazy Load plugins out there, I would recommend the one by Bjørn Johansen tough, because it lags less when reloading and has a better compatibility with coaching-plugins.

READ : HOW TO: Increase Traffic To Your Photography Blog

3. Lazy Share-Buttons for social sharing

Integrating Facebook, Pinterest and Twitter buttons to your blog can considerably slow down your site.

But because social sharing is a thriving motor behind any blog’s success, we have to find a way to work around these issues.

READ: Best Social Sharing Plugins..

Option 1: Reloading Social Buttons per click

The two-click social button solution is mainly used by platforms that have critical privacy conventions. With every click of the like-button, facebook will know from where your IP has been prompted, thereby making it very easy for them to realize your path outside of facebook, which does not appeal to some users and page-owners.

The german tech magazine heide.de wrote a plugin that helps you work yourself around that, by blending out the share-buttons until the second click.

And even though our article here still focusses more on blog-performance, this plugin is definitely worth a try.

Installation:

  • Go to Plugins → Add New
  • Look for “2 Click Social Media Buttons”
  • Click installation
  • After completing installation, click “Activate”

Configuration:

Open the settings in the plugin-overview of “2 Click Social Media Buttons”. There you can decide which share buttons you want to use and where they should appear.

Important: Under Infotext you can change the descriptive paragraph about the plugin. This is important, because the default-text is set to German.

Add the following text in the spaces “Facebook” up to “Pinterest”:

2 clicks for more privacy: Not until you click here will the button activate and you will be able to send a recommendation to Facebook. Even by merely activating it there there will be data transmitted to third parties.

Write this under “Infobutton” :

If you activate these areas by clicking, your information will be sent abroad to Facebook, Twitter, Flattr and Google and they might be saved by these parties.

And under “Permaoption” you add the following text:

Permanently activate the Share-Buttons

Read:  Pinterest’s Contribution to SEO

Option 2 : Newsgrape Mouse-Over share buttons.

Try adding mouse-over share buttons, so that you can make sure your site online transmits data when it is actually needed.

This will significantly enhance your performance, because the scripts are only activated when your users click on the buttons.

You can install the WordPress plugin right here, and it will look something like this:

Conclusion

These were some simple, yet powerful steps to boost the performance of your blog. If you have any further questions on how to conduct these alterations, feel free to contact me via rs@newsgrape.com

New Cool Social Icons With Hover Effect Widget V2

After a lot of trial, efforts and modify Previous Cool Social Icons With Hover Effect Widget. I finally created this cool, stylish , awesome Social Icons With Hover Effect Widget v2. You can now add this social icons with hover effect v2 widget to both WordPress and Blogger. You can easily add this to your sidebar which is a better option to take attention of visitors. This social icons with hover effect is available only on AllBlogggingTips. I made it to work for both Blogger and WordPress Blogs. I show you How TO Add Cool Social Icons With Hover Effect v2 Widget To WordPress and Blogger. Check out demo below.

Features: We had added new most commonly used social media profile icons like Google+, Facebook, Twitter, RSS and Email which was not in previous V1

See alsoSocial Icons with hover effects

 

Live Demo

Credits

This Cool Social Icons With Hover Effect Widget V2 is first shared on AllBloggingTips. Bloggers are requested to link back if they are going to share above widget with there visitors.

Add Cool Social Icons With Hover Effect v2 Widget To Blogger

Adding CSS Code

  1. Go To Blogger > Layout > Edit HTML
  2. Search For ]]></b:skin>
  3. And paste the code below just above ]]></b:skin>
/* Social Widget by AllBloggingTips*/

#subscribe2 {
background:#f3f3f3;
border: 1px solid #ECEDE8;
font-size: 90%;
margin: 0 0 15px 0;
padding: 7px 5px 3px 5px;
width: 288px;
}
.subscribe-icons2 {
margin: 0 auto;
width: 286px;     background: #f7f7f7;
}
.subscribe-icons2 li {     -moz-border-radius:6px;
display: inline;
float: left;
font-size: 11px;
margin: 0 2px 10px 2px;
width: 52px;
text-align: center;
}
.subscribe-icons2 a {
color: #444 !important;
display: block;
padding: 56px 0 2px;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
}
.subscribe-icons2 a:hover {     -moz-border-radius:6px;
-moz-box-shadow: 0 2px 4px hsla(0,0%,0%,.35);
-webkit-box-shadow: 0 2px 4px hsla(0,0%,0%,.35);
color: #369 !important;
text-decoration: none;
}
.subscribe-icons2 .subscribe-youtube a {
background: url(http://karrersimpson.com/obituaries/tomchuk-helen-1575/icon64_googleplus.png) center top no-repeat;
}
.subscribe-icons2 .subscribe-twitter a {
background: url(http://karrersimpson.com/obituaries/tomchuk-helen-1575/icon64_twittert.png) center top no-repeat;
}
.subscribe-icons2 .subscribe-facebook a {
background: url(http://karrersimpson.com/obituaries/tomchuk-helen-1575/icon64_facebook.png) center top no-repeat;
}
.subscribe-icons2 .subscribe-rss a {
background: url(http://karrersimpson.com/obituaries/tomchuk-helen-1575/icon64_rss.png) center top no-repeat;
}
.subscribe-icons2 .subscribe-email a {
background: url(http://1.bp.blogspot.com/-ee20tH09o24/Ty1cavc7UtI/AAAAAAAAAVQ/0wIS7Fgjs_k/s320/gmail-email%2B21.png) center top no-repeat;
}

Adding social icons with hover in sidebar

  1. Go To Blogger > Design
  2. Click choose a gadget
  3. Select HTML/javascript widget
  4. Paste the following code inside it
<div class='subscribe2'>

        <ul>
            <li><a target="_blank" rel="nofollow" href="https://plus.google.com/103280517588083500359">Google+</a></li>
            <li><a target="_blank" rel="nofollow" href="http://twitter.com/allbloggingtips">Twitter</a></li>
            <li><a target="_blank" rel="nofollow" href="http://www.facebook.com/allbloggingtips">Facebook</a></li>
            <li><a target="_blank" rel="nofollow" href="http://feeds.feedburner.com/latestbloggingtips4u">RSS</a></li>
            <li><a target="_blank" rel="nofollow" href="http://feedburner.google.com/fb/a/mailverify?uri=latestbloggingtips4u&amp;loc=en_US"> Email</a></li>

        </ul> <!--end .subscribe-icons-->

        <div/>

    </div>

Make Following Changes

  • Replace AllBloggingTips with your Twitter, Youtube, facebook, Feed and Email username.
  • Replace https://plus.google.com/+AmmarAlii/ with your google+ ID

Add Cool Social Icons With Hover Effect v2 Widget To WordPress

  1. Goto WordPress Dashboard > Appearance > Editor and Select Style.css from right side .
  2. Copy And Paste The Below Code Into The CSS file:

 

/* Social Widget by AllBloggingTips*/

#subscribe2 {
background:#f3f3f3;
border: 1px solid #ECEDE8;
font-size: 90%;
margin: 0 0 15px 0;
padding: 7px 5px 3px 5px;
width: 288px;
}
.subscribe-icons2 {
margin: 0 auto;
width: 286px; background: #f7f7f7;
}
.subscribe-icons2 li { -moz-border-radius:6px;
display: inline;
float: left;
font-size: 11px;
margin: 0 2px 10px 2px;
width: 52px;
text-align: center;
}
.subscribe-icons2 a {
color: #444 !important;
display: block;
padding: 56px 0 2px;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
}
.subscribe-icons2 a:hover { -moz-border-radius:6px;
-moz-box-shadow: 0 2px 4px hsla(0,0%,0%,.35);
-webkit-box-shadow: 0 2px 4px hsla(0,0%,0%,.35);
color: #369 !important;
text-decoration: none;
}
.subscribe-icons2 .subscribe-youtube a {
background: url(http://karrersimpson.com/obituaries/tomchuk-helen-1575/icon64_googleplus.png) center top no-repeat;
}
.subscribe-icons2 .subscribe-twitter a {
background: url(http://karrersimpson.com/obituaries/tomchuk-helen-1575/icon64_twittert.png) center top no-repeat;
}
.subscribe-icons2 .subscribe-facebook a {
background: url(http://karrersimpson.com/obituaries/tomchuk-helen-1575/icon64_facebook.png) center top no-repeat;
}
.subscribe-icons2 .subscribe-rss a {
background: url(http://karrersimpson.com/obituaries/tomchuk-helen-1575/icon64_rss.png) center top no-repeat;
}
.subscribe-icons2 .subscribe-email a {
background: url(http://1.bp.blogspot.com/-ee20tH09o24/Ty1cavc7UtI/AAAAAAAAAVQ/0wIS7Fgjs_k/s320/gmail-email%2B21.png) center top no-repeat;
}

Adding social icons with hover in sidebar

  1.  Goto WordPress Dashboard > Appearance > Widget
  2. Click choose a Text widget
  3. Paste the following code inside it
<div class='subscribe2'>

        <ul>
            <li><a target="_blank" rel="nofollow" href="https://plus.google.com/103280517588083500359">Google+</a></li>
            <li><a target="_blank" rel="nofollow" href="http://twitter.com/allbloggingtips">Twitter</a></li>
            <li><a target="_blank" rel="nofollow" href="http://www.facebook.com/allbloggingtips">Facebook</a></li>
            <li><a target="_blank" rel="nofollow" href="http://feeds.feedburner.com/latestbloggingtips4u">RSS</a></li>
            <li><a target="_blank" rel="nofollow" href="http://feedburner.google.com/fb/a/mailverify?uri=latestbloggingtips4u&amp;loc=en_US"> Email</a></li>

        </ul> <!--end .subscribe-icons-->

        <div/>

    </div>

Make Following Changes

  • Replace AllBloggingTips with your Twitter, Youtube, facebook, Feed and Email username.
  • Replace https://plus.google.com/+AmmarAlii/ with your google+ ID

That’s All IF you face any problem adding New Cool Social Icons With Hover Effect Widget V2 in WordPress and Blogger feel free to ask.

Credits

This Cool Social Icons With Hover Effect Widget V2 is first shared on AllBloggingTips. Bloggers are requested to link back if they are going to share above widget with there visitors.

Peace!!