Tuesday, January 21, 2014

,

Css Vertical Menu with hover effect for Blogger

Not all menus should be horizontal nor labels must be a cloud, a vertical menu also helps us keep our area tidy.
Links go to taste and need of every one if we have too many labels vertical menu is a colorful way to display them. Although, as usual is that our menu is simply a business card that will hold our mail, profile, portfolio.
And why not? to locate sites or in other words the essential and social networks.
I'm not saying that it is a new or spectacular but it's a very simple, simple menu that will add all in one gadget HTML and CSS,
It is a Nice vertical menu with hover effect you can add to Your blog.



You have to do it Just in some simple steps  
  • go to your blogger dashboard >> Layout 
  • Add a Gadget >>  HTML/JavaScript
  • paste the below given code in that and Click save.
<style>#gpmenu{
background:#fff;
width:140px;
}
#gpmenu ul{
list-style:none;
}
#gpmenu li{
list-style:none;
margin:3px 0;
}
#gpmenu li a{
list-style:none;
background:#8faf39 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixbIJ0wkiiC6-7MtGh1qeQPIJJj7lhvZJqyNCvDt4Fbm54tDTnp0TFLAk_KLI2cQhNUc6Y9x2_3NajK514nXKDmMIVPjYz0shnZKwBABELePhKQ3UeGNi19Cx10ST6kdjsKqPh4jqgnFU/s1600/menu_033_bg.gif) no-repeat;
color:#fff;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
text-decoration:none;
display:block;
height:35px;
line-height:35px;
padding:0 0 0 20px;
}
#gpmenu li a:hover{
background:#da4a70 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpuaMSQGOOdTaMYc07JPlOOm5LJkYuAzKS19hcKhNemnNcL1qxxdulFpUuvxr-Zi6UX48EsfF0f9dRpb00EHg9N84xhLksyTFLGcxwdQkIGfc4H1pOlgR8SYNoNWVKZtbZ-HGqFZaLx7U/s1600/mytechblogging1.gif) no-repeat;
color:#fff;
text-decoration:none;
}
}</style>
<ul id="gpmenu">
<li>
<span>
<a href="Your-Link">Home
</a>
</span>
</li>
<li>
<span>
<a href="Your-Link">About
</a>
</span>
</li>
<li>
<span>
<a href="Your-Link">Contact
</a>
</span>
</li>
<li>
<span>
<a href="Your-Link">Feed</a>
</span>
</li>
</ul>
  • Note: 
Replace Red Your-Link to your Desired Links and Red Text to your Desired page name, and you can also remove or add more tags.



  • Your Turn!
So, this was all about the Vertical Menu with hover effect. I am sure you have liked and understood this. If you have any questions or queries please use the comment box below.


Monday, January 20, 2014

7 SEO Mistakes to Avoid Every Blogger

seo mistake

7 SEO Mistakes to Avoid Any Bloggers - Why not go your blog posts are on the first page of Google Search? In blogging, the writing quality is not everything. There are times when we have to make the text displayed in Google search or other search engines to facilitate the search of information that they can get quality articles we write.
In this article I write about my summary of that research in a variety of well-known blogs in order to introduce to us all of what SEO mistakes that should be avoided by our bloggers. There are at least 7 SEO mistakes without realizing we are doing it routinely. What are these?
7 SEO Mistakes
1. Keyword Stuffing
Keyword stuffing means that the keywords that you are targeting to grow to meet your blog posts. For example, you write an article of 300 words about 50 keywords and embed the same in all parts of the post. It is called keyword stuffing. In writing blog content, we do not need to plant too many keywords. Simply 4 or 5 times in a 300 word article and place it's in the post title, post the first paragraph, middle paragraph and last sentence.
Read also: SEO Basics
2. Duplicate Content
Blog content should be original. Write an original article with your own style, do not ever copy-paste the source even though you put in it. Google will degrade the quality of your blog for finding content on your blog that was equal to the preexisting of his crawl. You do not need to have a lot of posts on your blog but contains article copy-paste or duplicate content from other people's blogs. Wake up your blog with your own writing.
3. Ignoring URL Structure
Never ignore the structure of the URL of each post or page you. Create a blog URL that contains keywords of your writing. Continue like this:
- Make it look like this: http://www.bornblogger.net/seo-pack-of-2014
- Do not be like this: http://www.bornblogger.net/p=?7348348293828
Make a good URL structure and unsightly, and contain the keywords you are targeting.
4. Qualified Content Design VS?
Many bloggers are emphasizing one of two things above rather than make it balanced. Quality content is certainly important as the content of your blog was the one that the reader what to look up to in your blog. But, if your blog look very bad or ugly or not neat, nobody would like to read it to linger despite your content quality. Conversely, if you put more emphasis nice view but the writing is just copy-paste or do not contain useful for readers, for what?
For that and create quality content and make the look simple and comfortable visited by readers.Note the navigation menus all over your blog, also include the Related Articles below each of your posts.
5. less Enterprising Social Media Promotion
Today, social media tends to bring about a change in human civilization with advanced technology in it. Many who use social media for a variety of purposes. Google is no exception.The largest search engine also utilizes social media to assess the quality of your blog.Immovable promotion in social media because there will be many visitors from there. Also, make article in your blog can be distributed automatically by visitors to their social media. Look for related plugins such as Social Shares and so on and post at the bottom of your blog.
6. less Utilizing Inbound Links
Inbound Links is the anchor text that contains a link and connect to other articles from your blog.For example, I use keywords to Make Money Online , and that's my anchor text and link it to another article that is in my blog. That's called inbound links. Take advantage of inbound links in each article you to make the visitor linger on in your blog.
Inbound links also make it easy for the reader to explore a wide range of quality content you have on your blog.
7. Not valid backlink
Most bloggers are willing to buy backlinks to increase Google Pagerank his blog. However, not all backlinks services and providing quality organic backlinks. Be careful because sometimes there are valid backlink and it leads to spam links. This is slowly destroying the quality of the SEO strength of your blog so that your blog does not pick up and also be penalized by Google Search.
Look for a valid and quality backlinks by multiplying the comments on other blogs that have the same category with your blog, too Be active on forums and other social media.
That's 7 SEO mistakes that you should avoid. Sometimes a lot of things that we passed when in fact it is very important to note. 7 SEO mistakes in the above are things that we often do not realize how important it is to increase the SEO strength of your blog. That's 7 SEO mistakes from me, what do you think?

Saturday, January 18, 2014

What is SEO? See in Seo Dictionary



SEO

Algorithm: Complex mathematical formula developed by the creators of Google through which the order in which the results are shown in this search engine is set. The formula is secret and is constantly evolving.

Anchor Text: This is the sequence of words on which you put a link or you make the link pointing to a given website or blog. "The blue little words" that can be clicker within a text.

Author Rank: Increasingly important in positioning Seo. It is the influence and importance of an individual to "human" level. And how can Google my real measure influence? Through your Google+ profile

Authorship: This is a used by Google to verify that your blog is yours parameter. Through authorship the pic shown in the organic results with your face and this also leads to a greater number of visits increased positioning. To use it you have to link your Google+ profile with your blog or website. (Coming in Blogger 3.0 tutorial)

Back link: Are the links pointing to your website or blog from other websites. They are one of the most important factors for positioning and many people try to manipulate them. Google is getting smarter to detect artificial back links or poor quality links.

Black Hat / Black Seo : The name that designates all fraudulent techniques to achieve greater Seo positioning. The essence of the Black Hat is accelerating the rise in the positions of Google.Increases which naturally is slow (and should be slow but steady if things are done well).

Keyword / Key: Is the word you highlight in a post with which we want to appear in search engines. It should be well optimized in this post to make it easier for Google to recognize. (It is optimized through what is known as Seo on page).

Keyword Stuffing: Is over-optimization for a keyword within a post or content. Is to repeat soexaggerated and unnatural one word and in turn put in bold to try and make it stand out even more. Black Seo is a practical beginner and no longer works for position.

Link Building: It's a form of Seo strategy or positioning is to increase the positions of your blog in the search through obtaining the highest number of inbound links. (See back-link ).

Link Juice: When you link to a blog friend, or link to you pass Link Juice, it's like a blood transfusion to improve your positioning.

Long Tail: It is a concept which choose to focus on some SEO to optimize their websites. The Long Tail or long tail is all chained list of words that do not normally have many searches as they are not words or generic terms and therefore from an SEO point of view can be attractive because there is less competition. Example: This is not long tail , " sports cars s. " Now that's long tail : "like driving a sports car low cost . "

Page Rank: Is the popularity in the eyes of Google which has a web page or blog. Important : Unlike what many people think a higher Page Rank is not always synonymous with a higher positioning. The Back Links are the strongest way to increase our Page Rank. Ranging between 0 and 10. (To give you an idea a blog that takes five years and is popular publishing can have a Page Rank 4 and Google? Have Page Rank 10.

Sand Box: The Sandbox is the equivalent of limbo Seo jargon. Is to be in no man's land. When your blog is very young and still does not appear in the search results are said to be in Sandbox and as positioning will win it.

Seo on Page: consists of applying certain Tips / "tricks" / Seo practices within your blog or post the content on your site in order to emphasize the positioning. .

Off page Seo: SEO mode increase based primarily on getting through positioning strategies are to achieve the highest possible number of links to our website or blog (Link Building).

Spider:  Google spiders. They are responsible for running the cobwebs of the network (virtual cobwebs formed by links) and are responsible to visit your blog to check for new content and proceed to indexing in Google.

White Hat: Composed of multiple strategies all clean and legal in the eyes of search engine SEO, seeking not only a better position but a rich user experience. Using White SEO techniques applied in time significantly increases traffic on a website or blog with consequent advantages this may cause.

Friday, January 17, 2014

Circle Drop Down Menu For Blogger

A menu can be as practical and versatile as you want it to be or as flashy and elegant as we propose. A menu can be the highlight of a blog or so sad and insignificant that no repair on it.

 No advice worth when choosing a menu, as does the design ever say that's a taste of the author.
If it comes to making a menu for someone else is good to consider the use to be given to that menu, or the amount of links you will need because if many might be better a dropdown menu. If the blog is commercial then we can afford a dynamic menu with great images and interesting effects.
 When choosing a menu the range of possibilities is very wide and luckily we have at hand large sites with tutorials

Today i put a simple code to copy and paste and set a Circles Drop Down Menu. With it you can group and sort many inmates as a site map links, but in less space and with a resolution appearance.

drop down menu
It only takes CSS but includes some effects which I think they have nothing to envy to other menus using JavaScript libraries to fold and unfold. However, in older versions of Internet Explorer, as usual, it will lose some of the effects like transitions that will not be visible and the curves are straight, but the menu also work. As we note in the aesthetic issue. 


And without further ado, and then the demo code, which as you can always add salt ye selectors adding and / or changing values, for a total dish your taste.
 



This would be the HTML structure. In it you have to change the # that are just links to the demo, destination addresses you want, just to do with major labels (among h5) and words that will link . All these I have marked in green. 
Go to your blogger layout add a gadget  HTML/Javascript  where you want to show Menu, will stick inside the following:
HTML

<ul class="menured"> <li> <a class="red1"></a> <div> <h5> Home </h5> <a href=" #  "> Link 1 </a> <a href=" # "> Link 2 </a> </div> </li> <li> <a class="red2"></a> <div> <h5> Information </h5> <a href=" # "> Link 3 </a> <a href=" #  "> Link 4 </a> </div> </li> <li> <a class="red3"></a> <div> <h5> Join us </h5> <a href=" # "> Twitter </a> <a href=" # "> Facebook </a> <a href=" # "> Google+ </a> </div> </li> <li> <a class="red4"></a> <div> <h5> Contact Us </h5> <a href=" #  "> eMail </a> <a href=" #  "> Cell </a> <a href=" #  "> LandLine </a> </div> </li> </ul>



The content and links without red1 Role network2etc.. They are responsible for creating icons that look first and are actually funds that can be set from the CSS with icons or pictures you want. The code is fixed for each 32x32px and is as follows:

and now Go To your Blogger Template Edit HTML and find ]]></b:skin> and just before it paste the Following CSS:


<!-- Start www.mytechblogging.com-->
ul.menured * {margin: 0 auto; padding: 0; text-indent: 0;
-moz-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
ul.menured {list-style: none; width: 1800px; max-width: 100%; margin: 0 auto; text-align: center;}
ul.menured li {position: relative; display:inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width:44px; height: 44px; overflow: hidden; margin: 2px; padding: 5px; border-radius: 44px; border: 1px solid transparent; background: #fff;
-moz-box-shadow: 1px 1px 3px #555; -webkit-box-shadow: 1px 1px 3px #555; box-shadow: 1px 1px 3px #555;}
ul.menured li a[class^=red] {position: absolute; top: 5px; left: 5px; display: block;width: 32px;height: 32px; -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
a.red1 {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR1xv7WYJ9-fWxMIOg_Qk-3Gzs3fWhlJaeefm2bNZ51Ami8d5Remu5H7SuEnHYdNxN6nis66fKFUmK-Y4vpch-VbfaBtcP35ZWnbbzm653svNQcSq_S1rHEe6w11qGUqsl5TrUbBapJm-g/s1600/home.png) no-repeat;}
a.red2 {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlzDM8KhkRpoPwN_Rwk05I_XNLQog96oYrqXcwDlGZQNXziITopExFKhrupuGhaXf4eoOS5RQEFLs1nRU-VLBdXa7pD0mgzYCA-xX8pSryvZGrSmILvGkkdJi-wZoLzSMUnBLGOmDaYOwi/s1600/info.png) no-repeat;}
a.red3 {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrehWi86wmvzoPOJRWTQvDoUKR_v1iEDqSr9Gmru9XC-5WHFUzow-a961hZ_xH78X7L1A6vngkxQeVLdoUnAvp9vvUMP6J5OMiCF19cGgjADhVTwRqg091OkSb8Y_Ib9rt7FRhNahOPpgg/s1600/users.png) no-repeat;}
a.red4 {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQixjgneMDO9RK9aeL546P0V2dV1S1ro_Wq0TS36rzvb_ojCLj2RpAJ_nTW8bbbDbc7I3SE6yQS4WUhXWoQTmiHVBEXJuZiK571oWb1CVmP9aNFjIGY9gAnUOe-uJ75mPFgIeth6eMBytJ/s1600/email.png) no-repeat;}
ul.menured li div {margin: 0px 8px 5px 38px; text-align: center;}
ul.menured li div h5 {text-align: left; text-transform: uppercase;}
ul.menured li div a {display: inline;margin: 0 3px;font-size: 12px; color: #F36900;}
ul.menured div a:hover {color: grey;}
ul.menured li:hover {width:240px;}
ul.menured li:hover a[class^=red] {-moz-transform: rotate(720deg); -webkit-transform: rotate(720deg); transform: rotate(720deg);}
<!-- end www.mytechblogging.com-->
Hope full coding
in case of any Help Comment
i will feel happy to Help You.