How To Stop Copy Paste Function to Your Blogger

1.Login to your blogger dashboard--> Desing- -> Edit HTML

2.Scroll down to where you see </head> tag .

3.Copy below code and paste it just After </head> tag

<!--Disable Copy And Paste-->
<script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

4.Now Click on Save Template,You are done..

5 Secrets of a Wealthy Blogger

If you are reading this post, it means that you are seriously curious about what I have to say, and want to find a few magic bullets to make money blogging. It’s good you are here then, because I am going to give you some gems to make your blog a huge success.
The secret to blogging success is building up your RSS subscribers list. That should be your ultimate goal, but not the immediate need that will make you money right now. It is however, what I am going to focus on in this article. Long-term cashflow should be your end-goal if you are blogging for income.
Before I release my secrets to you, let me volunteer that I am sitting here writing this while friends and family are out swimming in 100 degree weather. Not that I’m hurting in ice-cold air conditioning or anything… But the fact is that blogging takes work.


Even as I make a living from my blog, I make the time to write new content instead of jumping on every chance to have fun.

1. RSS Subscribers Like Incredible Content

There has been lots of debate online about the length of posts that work best on blogs. I have written posts as small as 300 words, and posts as long as 5,000+ words.
More recently, I have written longer articles. The reason for this is that it allows me to go into a topic deeply, and not worry about leaving out key points that I could have made.
Let’s face it, Google and other search engines also love lengthy posts. They thrive on unique text after-all. The longer your articles, the higher the chances that they turn up on the first page of SERPS (search engine results pages) for a few different search terms. More rankings equal more potential subscribers to your blogs RSS feeds.

2. RSS Subscribers Hate Spam

The thing about RSS subscriptions is that they guarantee an email from Feedburner, or other delivery method, which gives them direct access to your blog articles. Why does this matter? Lots of affiliate bloggers spam their newsletter subscribers with junk affiliate emails constantly.
I cannot tell you how many times I was forced to unsubscribe from a newsletter because it only sent affiliate hype letters and reviews. This really eats at me because I have gone out of my way to only give personal updates and top quality articles in my newsletters.
Of course, if you want to increase your income, you can take up my place on quality content newsletters only. Just because they are top quality articles doesn’t mean that you are unable to include a few small advertisements within your newsletter. It’s the stupid “Johnny made $10,000 in 48 hours” crap that makes people wish they kept their email addresses to themselves.

3. RSS Subscribers Are Loyal

If someone subscribes to your RSS feeds, it means that your articles have struck a chord with them. Why did this happen? Chances are they found you on a guest post somewhere, or they happened across your blog and found some great reading materials.
To duplicate this kind of activity, it is important to guest post and blog hop on like-minded blogs. I know that this has been said so many times, but the problem is that many of you simply have not listened and are now wondering why your blog is lacking traffic.
When I guest post on ProBlogger here and there, I end up with a hundred or more new subscribers to both my newsletter and my rss feeds. Imagine what would happen if you guest post on at least 3 blogs every week. Your new-reader count would go through the roof, and your blog comments would follow.

4. RSS Subscribers Like Secrets

To gain the attention of people who would end up being subscribers, you need to be open with your knowledge like I am open with you right now. Share the wealth of information in your brain so that others don’t have to learn it the hard way.
This is the information age. That’s why you could launch a product and make big bucks every month. People want information provided to them in an easy to read and understand format. Provide free information in that format on your blog, and your subscriber numbers will rack up into the thousands.

5. RSS Subscribers Like Celebrity

One of the biggest reasons I was able to have success was that I already had a name for myself. This didn’t give me a major advantage in the blogging world, but it enabled me to make thousands of dollars consulting for Celebrities.
You can gain some “celebrity” that WILL help you in the blogging world by partnering up with big bloggers that have created a name for themselves.
It is rather simple to network with major bloggers. Most of them will have a contact form on their blog. Come up with an idea that will benefit them greatly, and you will benefit from their existing brand when they go to bat for you.

Are You A Subscriber?

Do you subscribe to the standards that I listed? Are they in your belief system? If not, making these changes will dramatically improve your blog. After employing these tactics, you will see a huge increase in subscriber counts within a 3-month time period.

Guest Posting and The Panda Update: Is Guest Posting the Problem?

The recent Panda update has affected many websites, and not only the “content mills” of the Internet. Many bloggers are scrambling and wondering what they can do get their rankings back to where they were.
Side note: If you feel you have been wrongly effected by the recent update, let Google know about it here.
Many bloggers have even gone as far as to delete each and every one of their guest posts until their rankings bounce back, thinking that the guest posts they have allowed on their sites are what is affecting their rank.
However, guest posting is not a problem if it’s done right. If accepting guest posts is what’s keeping your web site at the bottom of the SERPs, then it’s time to start taking a better look at the guest posts your web site is accepting.
Let’s take a close look at the similarities between your sub-par guest post and the type of pages that were affected by the Panda Update:

Original content makes up a low % of content, either at the page level or throughout a whole site

Unfortunately, many guest post topics are rehashed over and over on the Internet. Is it always the guest poster’s fault? No, but when people are trying to build links rather than provide value through their writing, then topics become rehashed over and over again. If you have many guest posts like this then your web site starts to look like a duplicate content monster—and sometimes you wouldn’t even know it.
Solution: Research proposed guest posting topics and see what’s already out there. Let guest bloggers know that if they want to write on topic, then it has to be something completely different from what comes up in the SERPs.

Ads that don’t coincide with the content

Many times when you accept guest posts they may be a little off topic from what you are usually writing about. When you accept many off-topic guest posts, your site begins to look like a content mill—more like an article directory than a blog.
If you have advertisement on your site that’s the same on each page, you begin to have totally irrelevant ads on many of your pages. This is a sign of a poor-quality website—and one that is now measurable in Google’s algorithm.
Solution: Make sure when you are accepting guest posts that the topic is at least somewhat related to the ads that you run on your website. If you run a blog that covers a few or many different topics then make sure you place the appropriate ads to place on the pages that are guest posts.

High bounce rate and low time spent on the page

Low-quality guest posts ensure that the visitor will leave the site as soon as they land on it. Since many guest posts do not have the in-depth analysis on the topics that the visitor is searching for, and are usually just cover a broad generalization of the topic, a visitor will automatically assume that the rest of your website will be just as low quality.
Solution: At first glance the solution to this problem might be to require lengthier articles—but that of course is not a solution. It may in fact just add to the problem. There is no magic word count that will keep your visitors on your site longer—only good content can do that. A good solution to the problem is to require some type of study case or detailed analysis with each article—something to capture the readers’ eyes and keep them there.

Guest posting is not the problem

Guest posting should not be a link-building exercise first and foremost. It is a valuable tool, but one that can definitely be taken advantage of, and doing so will definitely leave your site susceptible to algorithm updates like Panda and others that will be similar in the future.
If you think submitted guest posts will increase the value of your blog, accept them. If they’re just filler, then you are probably better off without the unneeded content.

What You Need to Know About Video Blogging: Video Blogging Tips

Blogs have become a very significant instrument for the promotional activities and the deliverance of information about your company/services/products etc, for the past few years. They act as an important medium to increase the traffic to a company’s website, establish business and form trust with the abundant relevant information they consistently deliver.
However, a few companies are enhancing their blogs, and are evolving from being writers into producers, via the usage of video blogs. Such blogs are much more appealing to the audience, in the sense that they add a visual alternative to the usage of plain, simple text in blogs. Though such video blogs take much more time and effort to produce, the result turns out to be much more appealing and way more interactive than a conventional textual blog.
Any individual or an organization that is thinking of starting such a blog, or want to incorporate videos in their current blog, should follow a few tips before taking the plunge;

1. Select a Subject

This is pretty easy for a company that is industry-specific. Yet for most bloggers, it is pretty natural to deviate off the main topic and start talking about other things. Selecting and sticking to a topic is a key thing, which any video blogger should adhere to, as it sustains consistency of content and sticks to the interest of the niche audience that the video blog was intended for.

2. You should either, be a Good Public Speaker or Start Looking for one

A video blog cannot run efficiently without a speaker who is self-assured, eager and is not afraid of speaking before potentially large audiences. It is simpler to be in front of a camera set up rather than a live audience, as speakers do not have to look at the audience and speak and all the errors can be negated through re shoots. The editing can leave out all faults and make the presentation look perfect.

3. Use enchanting visuals

The reason for establishing a video blog for the audience is to provide an audio-visual experience, rather than plain text. No one wants to glare at the computer screen for a long period of time without really seeing anything apart from the narrator’s face. Include visuals such as video clips, animations, and the opening and the closing instances of video will keep the viewers interested in the blog.

4. Maintain Consistency

The word ‘consistency’ can have many implications in blogging. It can mean keeping the subject consistent, the layout or the appearance consistent, the mood/theme/setting of the blog consistent, or the frequency of the blog posting consistent. Viewers prefer things consistent as they can anticipate what to expect when they visit the blog repeatedly.
Anyone can become a successful video blogger, with appropriate impetus and commitment, besides being aware of the tips that have been mentioned above.

A Cool Any Size jQuery Powered Featured Posts Slider For Blogger

Over the last few weeks i have published some cool jQuery Gadgets and Widgets for your Blogs.In this post i have taken the jQuery Easy Slider, a stylish slide show with some neat options and turned it into a kinda mini slider with the option to go large.We previously published the Blogger jQuery Anything Slider that had the option to add videos or images as slides and a Simple But Stylish Blogger Featured Posts Slider.So i wanted to continue with a slide show that could be easily re sized from spanning the width of your blog to the miniature example i have here.

This jQuery Featured Posts Slider also has features like auto scroll, continues scroll plus next slide and previous slide buttons for manual scroll.The original Easy Slider script and code was created by the very cool Css Globe, below is a live demo of our version.



As you can see i have gone small in the demo but it could be even smaller and of course much much bigger.

Add The Any Size jQuery Slider To Blogger

Remember Always Back Up Your Template Before You Make Changes - How To Back Up A Blogger Template

Step 1. In Your Blogger Dashboard Click Design > Edit Html



Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - How To Find Code In A Blogger Template)

]]></b:skin>

Step 3. Copy and Paste the following code Directly Above / Before ]]></b:skin>

/*Slider Css*/
#slider{}
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider li{

width:320px;

height:111px;

overflow:hidden;
}
#prevBtn, #nextBtn{
display:block;
width:30px;
height:77px;
position:absolute;
left:-30px;

top:15px;

}
#nextBtn{
left:320px;
}
#prevBtn a, #nextBtn a{
display:block;
width:30px;
height:77px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0kcoVyD1WDwKeOhQN55ru9qyAaGHzG5iFl0Y5540x1GVia0_PIR7b_Y_q4AzXENHq2oQERbO74fP9zPwMw1e3vPD7hOvl0XsOwZ31IB3qmnAQoFz7d3Q8CbbGv-6QfsvTx4qSETpSqII/s1600/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_b9Sro7VY4FbmjoMq8ghse2DP9gFpfvK4QgRdjqTv60JehKODdkC_amK55O-1wYRJ391DpKc4Se_L3m3Ht7WvsXd8_XmoncJoiBDUhAKB1vyNw5dRhdY7CPZXolfHqqort8mTngrjF0I/s1600/btn_next.gif) no-repeat 0 0;
}
/*Slider Css Info @ http://www.spiceupyourblog.com*/

Change the size of the slider - The width and height are highlighted in yellow so you change these to your required dimensions.You will also have to change the position of the next and previous buttons which is a little more tricky.

Highlighted in red you can see i have the buttons 15px from the top, if you made the slider bigger you would increase the margin from the top.So for example if you made the slider 222px high you would make this 30px.You can try a few margins until you get it right.

Step 4. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - How To Find Code In A Blogger Template)

</head>

Step 5. Now Copy And Paste This Code Directly Above / Before </head>

Note - If you have previously added jQuery to your template you can leave out the section in green.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

<script src='http://spiceupyourblogextras.googlecode.com/files/suyb-easyslider-blogger-v3.js'/>
<script>
$(document).ready(function(){
$(&quot;#slider&quot;).easySlider({
auto: true,
continuous: true
});
});
</script>

That's the Css and Script added for the slider now we add the Html for the actual images.

The Html, Links And Images

This is the html for the actual slider in the demo blog, you can see the links and images highlighted.You can copy and paste this code into a Html / Javascript gadget from your design page, add your links then save and drag and drop into position.

<div id="slider"> <ul>

<li><a href="http://www.spiceupyourblog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2-VR4PKw2deD6fxFhiAdvP8CDHZp0VvrKtC2HMtaaYUibm__D1WAymJafL9L6Bt0XsFywWaqypV1xWMa3uVv23II3NoU5nm2lQSVI85HMto6z6oN_gSdm4_4dC43Q8zyQt1OteDJbVpw/s320/01.jpg" width="320px" height="111px" /></a></li>

<li><a href="http://www.bestbloggertemplates.net"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGMP3Qi4zLTQzL4NIcTIRjRIK400qFyfqrN-vlqptRlVqcgFje9NvjHNBTyc9ATEvannI8AJCnTQ6hBfu0d2U0G0PPko6LImYU8Ttu5bZiLyj0ry29zUzOtqXnByEzq6XUB-qQy7j3QEc/s320/02.jpg" width="320px" height="111px"/></a></li>

<li><a href="http://www.socialiconstudio.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLn3d9fjfRjU14bnFi2MoOGXpva_5gdtgU4b1L_oOA2bwFjVl5aDIvwVyjaQEe3cz8wyHpG2WlWP4vzsuEDzm7lxoc92Mu1DEyjOcPbZUOLxDMTRr90PYm01LH2h7Vk1oU2MLyfAlxhk/s320/03.jpg" width="320px" height="111px" /></a></li>

<li><a href="http://www.spiceupyourblog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhBh_qeM5jbdOWLt7omd_0UqHOwtj-UFr16l3KEyDyp2JhXgyHjYMKu6kUV-aPd2pOebAhJazaRV1eqHBYsv2RvpqT_Qgs6Jy18Rsvfdck_n7VBIzBCg9w4Zfjsj1jmL1uzldLu6qAL90/s320/04.jpg" width="320px" height="111px" /></a></li>

<li><a href="http://www.bestbloggertemplates.net"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW6pJpz2lEw2Qs2NeC0bTDb1hKH684XJjwJKE0l5RsuQn-zo-Tsk2CEMa4OaK-j7dc15e_U1pHs6ZF7X1DVS-LNsy7bUTud-3iPD1O5mCNqM7uJlOGw_QcEJWLf-TZimcUBJRGB3rkVtM/s320/05.jpg" width="320px" height="111px" /></a></li>

</ul>
</div>

Note - The links are in yellow and the image URLs in red, change these to your links and images.

Note 1 - If you do change the size of the slider you need to change the width and height in each slide above to the same dimensions.

Add More Slides - To add more slides you simply add another link and image like this after the <ul> tag above :

<li><a href="http://www.bestbloggertemplates.net"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW6pJpz2lEw2Qs2NeC0bTDb1hKH684XJjwJKE0l5RsuQn-zo-Tsk2CEMa4OaK-j7dc15e_U1pHs6ZF7X1DVS-LNsy7bUTud-3iPD1O5mCNqM7uJlOGw_QcEJWLf-TZimcUBJRGB3rkVtM/s320/05.jpg" width="320px" height="111px" /></a></li>

That's it for the versatile jQuery Easy Slider and this Blogger Tip.Once again thanks to Css Globe, and make sure to check out more of our jQuery Gadgets and Blogger Gadgets.

Blogger Add's Favicon Feature

Blogger recently added a new feature to the design section, called as "Add Favicon". This feature will let you to add a Favicon to your blog. A favicon or icon, is a Web site icon or URL icon, or bookmarks icon, which is a file containing one or more small icons, most commonly 16×16 pixels, associated with a particular Web site or Web page. Just like you can see in the Tab above. For more information on favicons, here is a link to the wikipedia page on Favicons.

Prior to this feature, if you wanted to add a favicon to your blog, to would need to Edit HTML and link your icon file like below:

<link href='http://****.com/favicon.ico' rel='shortcut icon'/>
<link href='http://****.com/favicon.ico' rel='icon'/>

**** is the hosting site where your favicon file needs to be hosted.

We tried this new feature on our blog, but unfortunately I think that the feature is currently not working with custom blogger domains. But if you are on a blogspot URL, the feature seems to be working perfectly fine.

Just sign in to your blogger account, go to Design > Page Elements tab and click Edit on the new “Favicon” setting above the navbar element:

Click on Save and view your blog.

Hope, Blogger will fix this feature soon for custom blogger domains. If you are on custom blogger domain [www.****.com], then you can add the favicon by editing your HTML as shown above.

Provenance

If you have any query or suggestions on Blogger Add's Favicon Feature please feel free to comment below.

Facebook and Brand Friends, Why Do People Friend Brands

A new, interesting study by Google (Facebook’s arch enenmy) shows something that most of us suspected, but never had research data to back up. There has always been a lot of discussion around ‘friending’ a brand and what that means in real value to the brand. Well, the results below show us two things:

1. People who do ‘friend’ brands, do so somewhat selectively and….

2. The number one reason for ‘friending’ a brand is to receive discounts and promotional offerings.
So, the moral of this story is that if you are a brand and do not have many ‘friends’, you could offer up special ‘friend’ discounts and promotions in order to drive brand loyalty, but most people are not going to be your ‘friend’ just because they love your brand. Which leads me to believe that Facebook ‘friending’ does not create new opportunities for brands, but could actually cannibalize existing sales by driving demand for discounts where they may not have existed before. I would love for a deeper study on this topic to tell the second part of this story. Does ‘friending’ a brand help (increase sales) or hurt (sames sales, lower profit) a brand.
Learn more that the official Google study page – Why do Customers Friend Brands?

25 Best Firefox Add-ons for Bloggers, Web Designers and Developers

Firefox is considered to be the best ever web browser for bloggers, webmasters and web designers. It makes browsing, blog posting, SEO analysis, web page designing and other related practices much simpler and productive through various Add-ons. Following are the best firefox add-ons to enhance the productivity of bloggers, webmasters or web-designers:

• ScribeFire Blog Editor

  ScribeFire is a full-featured blog editor that integrates with your browser and lets you easily post to your blog. You can drag and drop formatted text from pages you are browsing, take notes, upload images, and post to multiple blogs.
  Download
  

• Zemanta

  Content recommendations while you write. Zemanta helps you enhance you blogs and emails with relevant images, videos, links or tags. Works with WordPress, Blogger, TypePad and others.
  Download
  

• SeoQuake SEO extension

  Seoquake is a Mozilla Firefox SEO extension aimed primarily at helping web masters who deal with search engine optimization (SEO) and internet promotion of web sites. Seoquake allows to obtain and investigate many important SEO parameters of the internet project under study on the fly, save them for future work, compare them with the results, obtained for other, competitive, projects.
  Download
  

• FireShot

  FireShot is a Firefox extension that creates screenshots of web pages (entirely or just visible part). This plugin provides a set of editing and annotation tools, which let users quickly modify web captures and insert text annotations and graphical annotations
  Download
  

• Firebug

  Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
  Download
  

• FireFTP

  FireFTP is a free, secure, cross-platform FTP client for Mozilla Firefox which provides easy and intuitive access to FTP servers.
  Download
  

• Greasemonkey

  Allows you to customize the way a webpage displays using small bits of JavaScript.
  Download
  

• ColorZilla

  With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. You can Zoom the page you are viewing and measure distances between any two points on the page. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes. DOM spying features allow getting various information about DOM elements quickly and easily.
  Download
  

• Yoono

  Yoono is a powerful but easy to use sidebar for Firefox that helps you simplify your online social life by connecting you to Facebook, MySpace, Twitter, LinkedIn, Flickr, Friendfeed, AIM, Yahoo IM and more, all in one place. Yoono is also the easiest way to share stuff with all your social networks – share links, images and video from the page you’re viewing across all your networks simultaneously.
  Download
  

• Shareaholic

  Shareaholic is the easiest way to share interesting webpages using Facebook, Twitter, Email, Gmail, Reader, Bookmarks, Buzz, Evernote, Bit.ly, and more. Works with 100+ services. This is the ultimate tool for the link sharing addict.
  Download
  

• WiseStamp Email Signature

  Empower your email signatures in Gmail, Google Apps, Yahoo Mail, Hotmail or AOL. Multiple signatures, Auto insert, Add IM & Social profiles (Twitter, Facebook, Digg, LinkedIn), Add Feeds, Easily add Logo or HTML and more.
  Download
  

• Feedly

  Organizes your favorite sources in a magazine-like start page. Provides seamless integration with Google Reader, Twitter, Delicious, YouTube and Amazon.
  Download
  

• Shorten URL

  Shorten long URL from context menu or toolbar button with your selected URL shortener and display the result in location bar. Supports more than 100 URL shorteners.
  Download
  

• Live HTTP Headers

  View HTTP headers of a page and while browsing.
  Download
  

• Xmarks Bookmark and Password Sync

  Xmarks is the #1 bookmarking add-on. Keep your bookmarks, passwords and open tabs backed up and synchronized across computers and browsers. Search smarter with website ratings and reviews displayed with your search results.
  Download
  

• ImTranslator

  Online Translator performs real-time translation for Albanian, Arabic, Bulgarian, Catalan, Chinese (Simp.), Chinese (trad.), Croatian, Czech, Danish, Dutch, English, Estonian, Filipino, Finnish, French, Galician, German, Greek, Hebrew, Hindi and other languages and their combinations.
  Download
  

• easyComment

  Fill out Blog Comment Forms easily with your Name, Email, Homepage URL and Message. If you’re into the blogosphere, this is a must have!
  Download
  

• Clipmarks

  Clipmarks lets you clip and share specific parts of articles, blog posts or anything else you read on the web. You can post clips directly to Twitter or Facebook – or share them on clipmarks.com and more.
  Download
  

• Web Developer

  The Web Developer extension adds a menu and a toolbar with various web developer tools.
  Download
  

• LinkChecker

  Check the validity of links on any webpage.
  Download
  

• ShowIP

  Show the IP address(es) of the current page in the status bar. It also allows querying custom services by IP (right mouse button) and hostname (left mouse button), like whois, netcraft. Additionally you can copy the IP address to the clipboard.
  Download
  

• MeasureIt

  Draw out a ruler to get the pixel width and height of any elements on a webpage.
  Download
  

• Copy as HTML Link

  Creates an HTML link to the current page using the selected text and copies it (into the clipboard) for pasting into other applications.
  Download
  

• LastPass Password Manager

  LastPass is a free online password manager and Form Filler that makes your web browsing easier and more secure. LastPass supports IE and Firefox as Plugins (Opera, Safari, Chrome, iPhone, Opera Mini via Bookmarklets), allows you to import from every major password storage vendor and export too, captures passwords that other managers won’t including many AJAX forms, and allows you to make strong passwords easily.
  Download
  

• ReminderFox

  ReminderFox displays and manages lists of reminders and ToDo’s. ReminderFox makes sure you remember all of your important dates via easy-to-use lists, alerts, and alarms, right in your browser without the need for a separate calendar program.
  Download

Hope you liked this list. Enjoy Blogging, Designing and Browsing!

4 Different Effects You Can Add to Your Logos and How to Do it Well

Tones

Using tones is one of the easier ways to make your logo attractive while keeping a simple modern look. All you have to do is decide on a color scheme based on what your logo stands for and choose 2 or more variation on a single color. In the example below, we have the fictional company AirThread. I chose blue as the main color and used a dark and light variant to create an understated look.
Using tones is made even easier by the swatch libraries available in Adobe Illustrator. You can pick a collection of colors that go well together and just click around until it looks right. For this example I used the “Cool” color palette.

Gradients

You can use gradients in a number of ways on your logo design depending on whether you’re using Illustrator or Photoshop. When using Illustrator, the gradient mesh tool is the best way to go. That simple tool gives you a lot of options for getting your logo the way you want it. Let’s take a closer look:
First you lay out your text and images:

Then you choose the gradient mesh tool:

That will create an arrow that will allow out to add points to the object you click, creating a mesh around the shape that looks like this:

You can click as many times as you want to add as many different colors as you want but to make something look round you really only need 2 to 4. Decide whether you want to cast your light from the left or the right then place your highlights and shadows accordingly to give your object dept. Using lighter or darker shades of your main color will make your end product more realistic than using just grey and white. In our finished product, you can see that the eggs are a little shiny because we added one area of dark and one area of light to each.

While making logos is easier in Illustrator, mostly because they are vectors that can be sized at will, gradient treated logos are better in Photoshop. Again we’ll start with our text:

And instead of using the standard gradient tool in Photoshop, we’re going to use the “FX” button on your layers tab (note if you have a version of Photoshop earlier than CS2 you won’t have this button). That button will bring up this screen:

You choose how much transparency you want in the “Opacity” field, what colors you want from the “Gradient” drop down, which direction you want the gradient to slant in the “Angle” box and how big or how small you want the gradient to appear on your objects or letters from the “Scale” bar. Selecting the above options and adding a black background gave me this:

Not super high tech but it accomplishes the feel I was going for. The reason Photoshop is better in this arena is that handy little window. You can edit and change and tweak without really altering your image, the whole thing is an overlay so if you wanted to retype your wording or change you logo from a oval to a triangle, you wouldn’t have to start again from scratch.

Shadows

Shadows can be more than just drop shadows, they can also serve as reflections. For the next example, we’ll start with our Ghosteck logo and add a little bit of a shadow to show how something small can take a good logo to better.
The first thing you need to do is make a copy of your layer then turn it upside down and flip it so it’s a mirror image. Then you fade it. Basically I reversed all the settings I had in that handy window then tweaked it till I thought it looked right.

And that gave me this…

Glow

Glow can do a lot of things and is considered a lighting effect. Basically what it does is create an edge around your object or text that softly disperses color. You can control the color, how far from your object it goes out and whether or not the cloud is smooth or looks like static. For this example I went with a smooth glow for a semi haunting look.

Accomplishing this look was easy, again the handy “FX” window helped me choose the right glow settings to make Ghosteck a little less plain. I just moved the sliders bask and forth until I found a medium I could be happy with.

There is one caution though; too many effects will have people staring at your logo for the wrong reason. Subtlety and moderation are the key in making a dressed up logo look effortlessly powerful.

How to add an ICON IMAGE next to a Hyperlink?

Adding icons or images next to Hyperlinks indeed brands your links. The tutorial today will let you add an icon next to any link you want. It is different from our previous post where I shared how can you add icons to hyperlinks using CSS3. Most of you requested that how can you add an icon next to just a simple URL with no file extension, so this post will answer all your questions.

Adding Icons Next To Hyperlinks in Blogger

1. Go To Blogger > Design>  Edit HTML
   
2. Check the "Expand Widget Templates" Box
   
3. Search for this,
   

]]></b:skin>

    4.  Just above it paste the code given below,

.mbt-hyperlink-1 {
background: url(ADD ICON LINK HERE) no-repeat 0px 0px;
padding:7px 0 0 25px;
}

Make these changes:

• Replace ADD ICON LINK HERE with the URL of your icon. You can use any of the icons below or all of them. Right Click on any icon and select "Copy Image Location" or "Copy Image URL"

You can also use icons of your preference and save the Images on blogger.
If you wish to use three or four icons simply keep on adding the same CSS code given above by changing only the digit number i.e. 1, 2 , 3 , 4 like this,

.mbt-hyperlink-1 {
background: url(ADD ICON LINK HERE) no-repeat 0px 0px;
padding:7px 0 0 25px;
}
.mbt-hyperlink-2 {
background: url(ADD ICON LINK HERE) no-repeat 0px 0px;
padding:7px 0 0 25px;
}
.mbt-hyperlink-3 {
background: url(ADD ICON LINK HERE) no-repeat 0px 0px;
padding:7px 0 0 25px;
}
.mbt-hyperlink-4 {
background: url(ADD ICON LINK HERE) no-repeat 0px 0px;
padding:7px 0 0 25px;
}
and so on..........

    5.  Save your template and jump to the next part of the tutorial

How it works?

Now for example if you wish to provide a link to your user to download an Ebook, you simply need to add the CSS class to the link i.e class="mbt-hyperlink-1"  as shown below,

<a  class="mbt-hyperlink-1" href="http://xyz.com">Download SEO Guide Tips</a>

After you paste the above link in the HTML mode of your blogger editor and publish the post, you will see the Icon appearing next to your link as shown below,

Hope this was clear. If you needed any help just let me know. Peace and blessings! :)