Any Lessons and Tips Through Regular Posts

?max-results=10">Advertisement
');
    ?max-results="+numposts8+"&orderby=published&alt=json-in-script&callback=recentarticles7\"><\/script>");

Showing posts with label Blogging techniques. Show all posts
Showing posts with label Blogging techniques. Show all posts

Wednesday, May 18, 2016

The Reason Why Everyone Love Blogging


Why is blogging important
A lot of people worldwide proudly call their self a blogger, even i, I used to hate blogging at first because it frustrate me all those things about SEO, Backlinks, Meta tags, etc. I never thought that blogging would be this fun so I would list down some of the highlighted reason why most of people stick and love being a blogger

SHARING IDEAS

Blogging is essential way to share your idea and thoughts with everyone else, at first when I start blogging I really don’t know how to start , what topic would I choose but then after hard thinking i got myself an idea on blogging about Android because I love android and I know a lot about it, so i stick with that topic, and after years passed by I got more experience and knowledge about blogging so I started sharing my ideas about blogging too, that’s why blogging is one of the best way to share idea on our fellow netizen.


EARN ONLINE

I think every blogger knows this, if you’re a blogger you can earn money with your content that’s why many people spending a lot of hard work in their blog for it to earn more, Adsense is one of the Ad Network where in millions of website and blog used to monetize to their site/blog , So you can earn money by just sitting down your chair writing a good article and drives traffic to your blog, 

BUILDING COMMUNITIES

Many blogger, enter the world of blogging to connect with others to be part of something, meet new people to connect relatives and friends and to discuss on a certain topics

PROMOTING YOUR SELF

What is the best way to be known about your skills, talent or your creativity, many people blogging to share their self for example (Soccer Tutorial by you, or ARTS you made) By that you get exposes to other people.

HELPING INEED 

I think you already know this , I know you get a lot of knowledge in other blog sharing helpful importation for example before starting a blog I know that you search about how to start a blog first right? So other we are thankful that other blogger share their ideas and knowledge to others, that’s why they blog because they’re good on something to help other who don’t.

TO BE HEARD

Many writers engage them self to blog because as you know millions and millions of people now a days is connected to internet and spend a lot of their time in it. So that’s why writer start blogging to so that many people will notice his/her work.

Friday, March 11, 2016

How to Add Search Engine Friendly Post Title


Google SEO
Indeed content is the king in search engine. And then we can say title is the queen. almost more than 70% visitors come from search engine which depends on post title. I think blogger should mostly make attention towards the post title. If they do it, then there need not any other optimization. There should be a particular reason to give your blog high rank by Google. If your content quality is best, then it can be a reason or if you get most visitor by referral or any other techniques. So you have to think about increasing the rank of your blog and getting more traffic by only optimizing your blog post title. Now lets see some tips and tricks that help all all the time to optimize your blog.

What is SEO Friendly Post Title?-

Post title is a topic that a blogger is going to write some useful information staying around it.
Title is content itself. The information or content without title can not catch visitors eyes on your posts. So it is fact that you should give a title of your content and the title should be appropriate and optimized.
Title should be appropriate to your content which should be short and sweet also. Here is three key things that a blogger should remember while he is writing an article about any topics.
  1. Keyword tool should be used to analyze keywords.
  2. Length of title should be maximum 66 characters.
  3. Word should be clear, concise and attracive
Google keyword analysis tool:-
google keyword analysis tool
Do not write any article randomly which can not be search engine friendly. So to know what to write, use the Google keywords analysis tools.
keyword planner toolGoogle Keyword Tool
To find out the which word is mostly searched globally in this time, use Google keyword planner Tools. There you can find the high ranked keywords. This service provides by GOOGLE adword campaign. See these pictures where you can see how to use the google keyword planner.


Title length should be less than 70 characters:-

Use title which only has 70 characters maximum. Use one keyword in title as possible. If you use more than one keywords in your title, then there might be confusion on what your post is about and search engine shows the title by chopping.

Make clear, concise and attractive title:-

Mostly searching keywords are attractive, so it can be attractive title. If your title is that keyword which is mostly searched, ROBOTS love that title. ROBOTS mostly love clear and concise titles.

You will understand clearly by the following examples:-

Example 1:
"Learn About How to Automatically Post Your Blog Post in Facebook ?"
 Example 2:
"How to Automatically Post Blog Posts in Facebook"

In above, the first example looks some clumsy and unfriendly to the users. There you also can find the unnecessary phrase in beginning. But second example is good and which consist 59 characters only and it seems very good to search engine optimization.

In summary, just follow these points to make your optimized post title:-

  1. Use Google keyword planner tool.
  2. Check you spell correctly or not.
  3. Make title clear, concise, short and sweet.
  4. Length of title should be less than 70 characters.
  5. Start your post title with phrase like 'How to', 'Free', 'Top 10' etc.

Thursday, February 25, 2016

How to use font awesome's social font icons in blogger ?


Font icons are used to replace the images in web designing. Its nature is same like the nature of a text or font. All the attributes of a text can be applicable on this icon. Font icon makes your website structure quite attractive and context relevant.

Of course, you also use font icons into your blogger template. However, it consume a little time to load that font icon's script. In fact, font icon works by a css script. While you use a css script that reloads / renders the icons which contain in the .EOT, .SVG or WOFF files. There are many font icon generating script you can find. Among them, I mostly like the font awesome icons because it is very simple and easy to use.

The characteristics of font icons:-
  • It is a scalable vector icon - Scalable means that you can increase and decrease its size giving its size.
  • It uses all the attributes of <a></a> tag.
  • Its weight and size is low; it does not consumes more memory.
  • It does not take more time to load; it is like a text.
Step 01: Login into your blogger dashboard>>template>>edit html, find the </head> tag and paste the following css link just above it.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
Step 02: Now, here are some classes of font awesome that generates the social icons. You just copy the following code accordingly into your blogger template.

To add facebook font icon, use any of the following class code

<i class="fa fa-facebook"></i>
<i class="fa fa-facebook-official"></i>
<i class="fa fa-facebook-square"></i>

To add twitter font icon, use any of the following class code

<i class="fa fa-twitter"></i>
<i class="fa fa-twitter-square"></i>

To add google plus icon, use any of the following class code

<i class="fa fa-google-plus"></i>
<i class="fa fa-google-plus-square"></i>

To add flickr icon, use the following class code

<i class="fa fa-flickr"></i>

To add pinterest icon, use any of the following class code

<i class="fa fa-pinterest"></i>
<i class="fa fa-pinterest-p"></i>
<i class="fa fa-pinterest-square"></i>

To add linkedIn icon, use any of the following class code

<i class="fa fa-linkedin"></i>
<i class="fa fa-linked-square"></i>

To add youtube icon, use any of the following class code

<i class="fa fa-youtube"></i>
<i class="fa fa-youtube-play"></i>
<i class="fa fa-youtube-square"></i>

To add tumbler icon, use the following code

<i class="fa fa-tumblr"></i>
<i class="fa fa-tumblr-square"></i>

To add tripadvisor icon, use the following code

<i class="fa fa-tripadvisor"></i>

In the above list, I have included some more popular social medias' icons. However, you can find many more font icons generated by font awesome from its official github page. If you have any problem while adding the following code, please inform us.

Thursday, December 24, 2015

Powerful Blog Promotion Tactics From Marketing Experts


social media powerful promotion
In the present day blogging has become a common thing and people used to make use of blogging for a variety of objectives. Blogging for most is a leisure pursuit. A lot of people are likely to take blogging as just a hobby or something that is done to idle away the hours. However, the best part of bloggers these days makes use of blogging to present their brand or product to the world with the intention of making money. Therefore, many people use blogging to make an income.

Blogging is a unique and innovative technique that thousands have used to make sizeable income for themselves. Blogs can be one of the most precious assets to your business website. Blog promotion is a vital part of a business promotion tactic at the moment. Today, many business people online are using blogging in order to promote their business and get more traffic.

Promoting your blog is very important if you would like to be successful in the field. Without promoting your blogs, people won’t know about your blog and its information. When you promote your blog with effective tactics, it can be easily accessible to them with just a click. There are many things you require to do to have a thriving blog. Your posts not only need to be well-written, useful, and appropriate to your target audience, but also need to make sure that you are promoting them correctly.

Obviously, Blog promotion tactics can be different for diverse marketing experts but it finally aids you to drive traffic to your valuable information. Following are some of the effective blogging tactics shared by marketing experts so as to help you to get fans or followers and even your customers.

1) Blog Must Be Good
Primarily, keep in mind that your blog must be good. In order to make your blog good, you must provide useful content, present a unique point of view, tell stories, and react promptly to trends with the aim of maintaining your content appealing and fresh.

2) Post Contents With Images
Marketing experts in the field suggest that to post contents in your blog with catchy and related images. It is seen that posts with images used to get more attention from the readers than posts with no images. However, don’t try to post an image for the sake of posting it. You should try to find an image that goes well with your content and blog in general. Avoid posting images that is already used in your blog. You have to focus on making your images more useful with text overlay. The bloggers can utilize images to draw traffic from social sites. Therefore, seek to form more visual posts with graphics as well as imposing images.

3) Build Relationships
Marketing experts’ instruct that building relationships is very important when you promote your blog. Make sure that you are connecting with other popular blogs in the field. By connecting to popular blogs, you can gain the attention of both the influential blogger and his or her readers. Building relationships is crucial as it allows you to build a strong foundation and draw followers to your blog from other blogs. Building good relationships will help you to make a loyal audience and share content from other blogs. Make use of social networks to engage with others and it will eventually allow you to draw the attention of a lot of people to your blog.

4) Make Use of Social Media
Without a doubt, social media have turned out to be an important medium to promote your blog. A lot of bloggers have become successful by promoting their blogs in social media channels. Marketing experts say over and over to the bloggers to have a solid presence on Twitter, Facebook or other social media platforms since it guides you to have more followers or fans to your new blog.

5) Guest Posting
Marketing experts states that one of the best ways to promote your blog is through guest posting. Guest Posting will assist you to get quality and natural back links. Guest posting also helps the bloggers to make relationships with other bloggers in your field. Establishing good relationships with other bloggers can support you with more traffic. If done right, guest blogging can still help you to get strong visibility for your blog. Hence, don’t ignore the importance of guest posting as it is one of the best way to promote your blog or blog posts.

Author: Thomas Goodson
I am freelance writer. I am working in essay writing service reviews writing company. Our writing papers are having some special and important information. It is fully based on presenting world. Now I will publish my article named as “Powerful Blog Promotion Tactics from Marketing Experts”
Website: reviewz.clazwork.com

Monday, November 23, 2015

How to add Simple Drop down Menu Using CSS


Recently, one of my visitor friend asked me how to add drop down menu in blogger. So this tutorial specially dedicated to him. Friends here I am going to show you that the adding technique of drop down menu in blogger only using css. There is no need to add javascript and jquery for this tutorial. Actually using javascript and jquery make the site little bit slower than the using css. Therefore, there is no need to run after the javascript and jquery.

It is too easy to add this code into your blogger blogs. You also should not keep back up of your templates because actually this does not affect the template code of blog. So now lets go into our step by step process of drop down tutorial:-

This is not extra things for you but some of my visitors asked me for dropdown menus, so I put this simple codes for simple drop down menu.

Step 1: In the beginning just copy the following code.

<div id='absnavbar'>
<ul id='absnav'><li> <a href='#'>Company</a> </li>
<li> <a href='#'>Portfolio</a></li>      
<li> <a href='#'>About</a> </li>
<li> <a href='#'>Contact</a>
<ul> <li><a href='#'>sub_contact 1</a></li>
<li><a href='#'>sub_contact 2</a></li>
<li><a href='#'>sub_contact 3</a></li>
</ul>
</li>
</ul>  
</div> 

Step 2: Then Login into your Blogger and find the layout then click it and just search the HTML/JAVASCRIPT.
\
Step 3: Now just paste the above code into HTML/JAVASCRIPT box.

Step 4: After that save it.

Now you have to add the css code for formatting or giving the style for that HTML code.

Step 5: Just go to the layout and at the top of layout you can see the template designer link, just click it.

Step 6: Then click on advance and choose the add css link among these list. And then paste the given code in this box.

/*-----Drop Down Menu for Blogger by allblogsolution ----*/
#absnavbar {     background: #333333;     width: 960px;     color: #ffffff;         margin: 0px;         padding: 0px;         position: relative;         border-top:0px solid #323232;         height:38px;}
#absnav {     margin: 0px;     padding: 0px; #absnav ul {     float: left;     list-style: none;     margin: 0px;     padding: 0px; #absnav li {     list-style: none;     margin: 0px;     padding: 0px;         border-left:1px solid #333;         border-right:1px solid #333;         height:38px; #absnav li a, #absnav li a:link, #absnav li a:visited {     color: #eeeeee;     display: block;    font:normal 14px Helvetica, sans-serif;    margin: 0;     padding: 10px 13px 11px 13px;         text-decoration: none;         #absnav li a:hover, #absnav li a:active {     background: #ff0100;     color: #ffffff;     display: block;     text-decoration: none;         margin: 0px;     padding: 10px 13px 11px 13px;                     }#absnav li {     float: left;     padding: 0px; #absnav li ul {     z-index: 9999;     position: absolute;     left: -998em;     height: auto;     width: 160px;     margin: 0px;     padding: 0px; #absnav li ul a {     width: 142px; #absnav li ul ul {     margin: -25px 0 0 161px; #absnav li:hover ul ul, #absnav li:hover ul ul ul, #absnav li.sfhover ul ul, #absnav li.sfhover ul ul ul {     left: -998em; #absnav li:hover ul, #absnav li li:hover ul, #absnav li li li:hover ul, #absnav li.sfhover ul, #absnav li li.sfhover ul, #absnav li li li.sfhover ul {     left: auto; #absnav li:hover, #absnav li.sfhover {     position: static; }#absnav li li a, #absnav li li a:link, #absnav li li a:visited {     background: #ff0100;     width: 120px;     color: #ffffff;     display: block;     font:normal 14px Helvetica, sans-serif;     margin: 0;     padding: 10px 13px 11px 13px;         text-decoration: none; z-index:9999; border-bottom:1px dotted #444444;    #absnav li li a:hover, #absnavli li a:active {     background: #151414;     color: #ffffff;     display: block;     margin: 0px;     padding: 10px 13px 11px 13px;         text-decoration: none; }
Step 7: At last click on apply now button.

Now we are successfully done this tutorial. Thanks for visiting us.

Friday, October 02, 2015

How to Hide Content of Website and Blogger


Most blogger wants to hide some content from sites and blogger blogs because they try to make their blogs different one. When a blogger ads a content to header like all blog solution which has a header bar for recommended article, it must be flexible that is it must be removable. So that you need to add hiding jquery codes along with some html code. Lets follow the following steps to hide a block of content.

First Step: Log on your blogspot dashboard and go to template > edit html, now add id='remove' and <span id='hide' style='float:right; font-size:18px; font-weight:bold; padding right:15px;'>X</span>


eg: <div id='remove' style='background:red;  padding:7px 2px; color:blue; text-align:center;'>Les remove this content now<a href='http://allblogsolution.blogspot.com' style='font-weight:bold; color:white;' target='new'> Download This Template Now For Free </a>
                <span id='hidethis' style='float:right; font-size:18px; font-weight:bold; padding-right:15px;'>X</span>
</div>

Second Step: Now it's time to add jquery code and jquery api that conduct the id of the html code. Here is the codes
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js'/>
<script>
$(document).ready(function(){
    $("#hidethis").click(function(){
        $("#remove").hide();
    });
});
</script>
In the above code, you must consider one thing and that is you should not add ajax api if it is already available in your template or blog, otherwise it is mandatory.

I hope this codes will help you to make your blogger blog and site more attractive and user friendly. Your feed will be our encourage, so do not forget to give feedback. Thank you.

Thursday, July 30, 2015

How to Keep Back up and Restore Blogger template


Keep back up and restoreBloggers are for information and entertainment. Bloggers gives new information and tries to entertain the users also. By the way here I am not going to saying you about roles of blogger and etc etc. But I am just trying to telling you that Blogger blogs is one of the most using blogger platform nowadays and it also supports template made by user which suits its criteria. Actually, here I am just going to tell you that if you conduct a blog in blog then you should also know the security of that blog. If sometime crashed the blog template, you should have their back up and restore them easily. SO you should keep back up of your blogger template. Indeed this is complete post or article for beginners but this is very essential for the blogger bloggers. This becomes very important when you are going to add some extra features in your blogger manually by editing html page. In this time you should keep the back up of your blogger template for the security of your blogger. Blogger back up of restore feature is one of the most important feature provided by blogger. This is the simplest process of keeping back up of your blogger template.  Lets follow the step by step process to keep back up of blogger blog.

Method 1:

Back up of blogger template

Step 1: First of all, lets sign in into the blogger dashboard.
Step 2: Then just go to Template.
Step 3: Now at the top right of the page, you will see the back up/restore button. Click it.
Keep back up of your template
Step 4: Then their appears a pop up and their you see Download full template button, click it.
Step 5: Now your template will be downloaded.

Restore blogger template

As it is, login and go to the template. Then click on back/restore button. Then their you will see two download full template and choose file. Click on choose file and select your template file which you already have kept back up. Now click on upload.
Restore the blogger template
button

You did it.

Method 2:

Back up of blogger template

Step 1: Just Login blogger account.
Step 2: Click template>>edit html.
Step 3: Click anywhere in that page.
Step 4: Now select all by pressing CTRL + A. Then press CTRL + C to copy them. And just paste them into notepad and save it in anywhere of your computer.

Restore blogger template


To restore them. As it is, just login and go to template>>edit html. Select all the code and delete them first. Now copy the code you keep back up in your notepad and then paste them here. Now  click on save template. You completely did it.

Thank you friend. I am sure, this article will help you. Keep on blogging.

Saturday, July 25, 2015

How to Add HTML Parser to Your Page


HTML Parser is a tool that parse any html and javascript code into XML code. Sometimes it becomes urgent to add some html/javascript code into blogger template, so that, in that situation you should place your html code after parsing it into xml code. In this tutorial I am not only going to ask you to parse your code here but I am also going to tell you how to add parser tool into your blog's static page. If you add this parser in your own blog or site page, then you will not visit other site to parse your codes. HTML Parser is also known as HTML Encoder. From this tutorial, you will definitely know how to add this tool in your blog page without any error. Visit this Demo. 

This tool is very usable to change html code into xml code which seems like simple text. And this code could be easily put into your blogger template area and also in comment form. Moreover that it is mostly used to parse the adsense code.
HTML Encoder

Actually this only converts these following codes to encode into xml code:-

  1. '&' characters change into '&amp'.
  2. '>' characters change into '&gt'.
  3. '''' (single quote) characters change into '&#039'.
  4. '""' (Double Quote) characters change into '&quot'.

Follow the following step by step solution to add HTML Parser Tool in your blog or site page

  • First of all Create a Static Page.
  • Then just put the given code into your static page. (To add this code go to New Page>>HTML).

<form><textarea style=" height: 320px; width: 600px;" name="data1" ></textarea><input  type="button"  class="myclass" value="Convert" onclick="html2entities(this.form.data1)" onmouseout="this.className='myclass'" onmouseover="this.className='myclass myclasshov'"><input type="reset"  class="myclass"  value="Clear" onmouseout="this.className='myclass'" onmouseover="this.className='myclass myclasshov'"></form> 

  • You can change width and height of the form.
  • Now go to blogger dashboard and then press on Template.
  • Click on Edit HTML, then add the following code just above the </head> code.
<script type='text/javascript'>//<![CDATA[function html2entities(){vara=/[(<>"'&]/g;for(i=0;i<arguments.length;i++)arguments[i].value=arguments[i].value.replace(a,function(a){return replacechar(a)})}function replacechar(a){if("<"==a)return"&lt;";if(">"==a)return"&gt;";if('"'==a)return"&quot;";if("'"==a)return"&#039;";if("&"==a)return"&amp;"};//]]></script>




  • Now find this code ]]></b:skin> and put some given CSS to make your parser form more effective.
input.myclass{background:none repeat scroll 0 0 #888;border:2px dotted #777;color:#eef;font:bold 13px ‘trebuchet ms’,helvetica,sans-serif}input.myclasshov{background:none repeat scroll 0 0 #aaa;border:1px dotted #aaa;color:#FFF;font:bold 13px ‘trebuchet ms’,helvetica,sans-serif}textarea{width:100%;color:#261fc0;font:14px verdana;background:#fffdf7;border:2px dotted #ff180d}textarea:hover{border:1px dotted #444}
  • Publish your page. 
  • Now you have inserted html parser or encoder in your own blog. Enjoy blogging. 
Thank you

Wednesday, July 08, 2015

Customizing Blog Post in Home Page - Read More Link Including Thumbnail


If full content of the blog post is shown in home page, it looks little clumsy site because it looks in little bad format. So that making every post in the blog home page to be displayed with “read more” is more useful to avoid this kind of imperfectness.

To be a lot of specific, this may show the title of the post, then a brief outline with variety of characters and a fingernail, which will be the fingernail of the primary image uploaded within the post. Once the fingernail and therefore the post outline, there'll be a "Read More" link, that after you click on that, can take you to the particular post.
Creating Posts Within The Blog Homepage to be Displayed With Associate "read more" Button & a Fingernail.

This Automatic browse a lot of script can summarize content and the posts outline are going to be shown solely on the most blog page, class pages, and archive pages.

  • Log in to your blogger dashboard
  • Go to Template then click on EDIT HTML
  • Then press CTRL+F keys and search the following code

<data:post.body/>

  • You can find this code 3 times 
  • Replace the above code by using the given codes

<b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>  <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script><span class='readmore' style='float:right'><a expr:href='data:post.url'>Read More &#187;</a></span></b:if></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if><b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

  • Now search the </head> tag
  • And then paste the given code above the </head> tag

<script type='text/javascript'>posts_no_thumb_sum = 490;posts_thumb_sum = 400;img_thumb_height = 120;img_thumb_width = 120;</script><script type='text/javascript'>//<![CDATA[function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s = strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);}}strx = s.join("");}chop = (chop < strx.length-1) ? chop : strx.length-2;while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;strx = strx.substring(0,chop-1);return strx+'...';}function createSummaryAndThumb(pID){var div = document.getElementById(pID);var imgtag = "";var img = div.getElementsByTagName("img");var summ = posts_no_thumb_sum;if(img.length>=1) {imgtag = '<span class="posts-thumb" style="float:left; margin-right: 5px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';summ = posts_thumb_sum;}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';div.innerHTML = summary;}//]]></script>


Thursday, June 11, 2015

How to Add Comment Counter On Each Post


Stylish Comment Counter
The blogger has given the facility of counting of post comment in each post's footer which can not be familier for the visitors and users. So if you want to show the comment counter to the header title in blogger, follow this tutorial.

Adding the comment counter in the head can be the attraction of your visitors. This can encourage more visitors to comment more on your posts. So if you also think this can be good, then here we are going to show a tips that can easily add comment count in the top of the header title.
  1. First of all get signnig into your blogger account.
  2. Second, Go to Template and Click on Edit HTML. 
  3. Then just find  ]]></b:skin> pressing (ctrl + f).
  4. Now paste the given code just above the  ]]></b:skin>.
.comment-count {height : 48px;width : 48px;background : url(  IMAGE URL  );background-repeat: no-repeat;text-align : center;position:absolute;font-size : 20px;margin-top : -20px;margin-right : 3px;

Note: You can replace whatever image by placing url in blue IMAGE URL. You also can change the attributes values of css like font-size, margin, width and height etc.

Now it is the time to add comment count code:-


Just find this code <h2 class='post-title entry-title' itemprop='name'> .
If it doesnot exist then find this  class='post-title entry-title'.

Now put the following cod just below the above code.
<b:if cond='data:post.allowComments'><a class='comment-count' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a></b:if>
At last click on Save Template.

Well done, you have done successfully. Now open your blog and see on your new comment counter.
Thank You.

How to Make Stylish 404 Error Page For Blogger


404 error message icon
When someone tries to get into the page that is not existed, then server default shows 404 error page. It obviously means that the page that you are trying to get into is not available recently. So this can be little bit bad for the users when they see this message. But if you write this message in the another way to make them exciting about your page. For this, you can add a custom 404 error page with custom image which can make your visitors very exciting about your blogs. So in order to customize this message, I wrote some techniques here. Just follow the tips and enjoy blogging.

Some blogger just want to change the message and just want to show custom message. So if you are this type of blogger, just enter into your dashboard and go to setting and click on search preference and just type your custom message.
error message

Now if you want to add stylish 404 message with image, then just follow these instructions.
  • First of all go to your blogger account. 
  • Now press ctrl+f and find the </head> then just paste the below code above it.
<b:if cond='data:blog.pageType == "error_page"'><style type="text/css">.status-msg-wrap{font-size:100%;margin:none;position:static;width:100%}.status-msg-border{display:none}.status-msg-body{padding:none;position:static;text-align:inherit;width:100%;z-index:auto}.status-msg-wrap a{padding:none;text-decoration:inherit}</style></b:if>

  • Click on Save Template.
  • Now change the error page style.
  • Just go to the setting of your blogger and click on search preferences.
  • Paste the following code into the custom page not found field as shown in the above figure.
<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2><h3 style="font-size:17px;">Sorry, This Page is not available....!<br><a href="/">Click here</a> to go to Homepage <br> Have a great Day...</h3><img src="http://1.bp.blogspot.com/-GinHusPmemE/U4kZ3NdRsbI/AAAAAAAAAwA/foTWznYTakY/s1600/404.png"/>
  • Now save it.
 You have done successfully. Thanks for visiting our site. Enjoy Blogging.

Friday, March 27, 2015

Put Adsense Ad Below Every Post Title of Blog


Google Adsense Money
GOOGLE ADSENSE
Adsense is that the 1st selection of the many knowledgeable  bloggers for their blog monetizing as a result of it's a discourse primarily based ad that shows relevant to the content. to extend the ad revenue webmasters attempt numerous ad spot on their web log to induce most output from their ad programs. you would possibly have determined a billboard below post title in most of the massive blogs. Why they like adding ads below the post title? it's as a result of the spot simply once the post title is that the best place to place ads to extend Click Through Rate (CTR). However you must not accept what different follows. You must keep making an attempt to feature adsense at numerous locations to ascertain that spot works best for you. return to our today’s tutorial that is regarding a way to show Google Adsense Ad below post titles in blogger.

Here is the process to put adsense ads below the post title
  1. First of all, you should create ads. You can choose google recommended ads size.
  2. Make new ad unit and choose  300*250 ad size for better result because it is recommend ad of Google.
  3. After that you should parse that code by using HTML PARSE TOOL which can be found in GOOGLE.
  4. Now Copy the parsed code from the parsed tool.
when you copy the parsed code then paste it in the notepad.
  1. LOG IN your blogger 
  2. Go to the template button
  3. You should back up your template for safety click on back up
  4. Click it and then click on HTML EDIT
  5. Now press CTRL+F and search <data:post.body/>.
  6. Now paste the given code after the <data:post.body/>.
<b:if cond=’data:blog.pageType == &quot;item&quot;’>Place your adsense code here </b:if> 
  • Replace the Place your adsense code here by your adsense parsed code
  • Then click on Save Template button
ENJOY THE BEST AD CODE PLACING TECHNIQUE
This place code can be place center, left and right of the post. This is one of the most valuable technique to increase the traffic on your blog. It's your turn to go on this tutorial and make your ads better.

Tuesday, March 24, 2015

Recent Posts Wigdet for Blogger With Thumbnail


blogger recent post widget
Recent Post Widget
Actually blogger shows the recent posts in default. Blog means to reveal the ideas, describing something that you like, criticizing or sharing about your personal or business matters. So that blog always should be representative, then blogs can be useful to every people. Therefore you should make  more useful. To make , your blog useful, your blog should be representative first. There are several factors that you must apply to make your blog good representative. Among them, proper showing the information revealed in your blogs are very important. To manage the information of your blog properly, you must add many widget likewise recent post, popular post widget etc. Among them, here I have just told you how to add recent post widget in your blogger blog.

How to Add Recent Post Widget in Blogger Manually?

Step 1: Login In into Blogger.
Step 2: Go to Layout>>Html/Javascript
Step 3: Click on Html/Javascript 
Step 4: Just add the below code and save it.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style><a href="http://allblogsolution.blogspot.com/" rel="dofollow" target="_blank" title="All Blog Solution"><img src="" alt="Blog Solutions and tips" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://allblogsolution.blogspot.com/" rel="dofollow" target="_blank" title="Tips and Tricks of Blogger for bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script language='JavaScript'>
imgr = new Array();
imgr[0] = "http://4.bp.blogspot.com/-iXqiYH8tGxM/VJDRkYYwvwI/AAAAAAAACgM/IS-ichE-BV0/s1600/imageicon.png";
imgr[1] = "http://4.bp.blogspot.com/-iXqiYH8tGxM/VJDRkYYwvwI/AAAAAAAACgM/IS-ichE-BV0/s1600/imageicon.png";
imgr[2] = "http://4.bp.blogspot.com/-iXqiYH8tGxM/VJDRkYYwvwI/AAAAAAAACgM/IS-ichE-BV0/s1600/imageicon.png";
imgr[3] = "http://4.bp.blogspot.com/-iXqiYH8tGxM/VJDRkYYwvwI/AAAAAAAACgM/IS-ichE-BV0/s1600/imageicon.png";
imgr[4] = "http://4.bp.blogspot.com/-iXqiYH8tGxM/VJDRkYYwvwI/AAAAAAAACgM/IS-ichE-BV0/s1600/imageicon.png";
showRandomImg = true;
boxwidth = 256;
cellspacing = 5;
borderColor = "#223c36";
bgTD = "#010101";
thumbwidth = 70;
thumbheight = 70;
fntsize = 13;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://allblogsolution.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://googledrive.com/host/0B-GuAkK2nj5gM0dXQllSZ1Y1ekU' type='text/javascript'></script>
</div>

Note: It should be noted that the home_page = "http://allblogsolution.blogspot.com/" must be replace by your blogger URL and if you already added the google api (<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>), then do not add.

Here are some useful things for you when you goes to put this widget into your blogger:-

  1. You can change the numposts=10 into numposts=9 or 11 choose the number how many posts you want to display.
  2. And limitspy=4, intervalspy=4000,summeryColor="#666", boxwidth, showrandomimage, summerfontsize,summerypost can be changed by yourself.

Thursday, March 19, 2015

How to Change the Blogger URL and Re-apply For Adsense


newbie blogger
Eventually, after 2 weeks I am again here with a tip for all my blogger friends or newbie friends on blogger. This time I have come with a general and frequently occurred problem with most newbie blogger and the problem is Google Adsense disapproved.

I have already told you how you can make google adsense approved. But even if your adsense application is disapproved and you are still trying to create adsense account, you should change the url of your blog because most of the time Google does not accept those url for adsense account who was already applied for adsense but disapproved. So to apply again you should change the url of your blogger blog. Now you must improve your blog which complies the adsense policy. To do show, just follow these steps:
Changed Blogger Url

Step 01: Login to your Blogger Dashboard.
Step 02: Go to Setting and choose Option Basic.
Step 03: Now there you see blog address. Just click edit link next to it.
Step 04: Choose any available blog url and save it.

Now you changed your blogger blog's url.

In order to apply for adsense, you should go to Earning Option. Now just do what you see there.
Google Adsense Earning

I think this is much now. Comment us if you have any problem and suggestion. Thank you 

Friday, February 13, 2015

Responsive Video in Site and Blog


Responsive in every web materials is the trend of current web world. I mean , in the context of web development, responsive site can be called fashion but it also has many advantages. Mobile friendly, user friendly, device friendly and browser friendly are its some advantages. But in order to make a perfect responsive site, your site should have all elements responsive like videos, photos etc. Hence embedding video also should be device friendly, then your site can be called fully responsive.

Now here I am just telling you to make an embedded video responsive. Lets see how we can make any embedded video responsive or device friendly. There is no much difficult to do this. You just follow the following steps. 


How to Make Responsive Youtube Embed Video?


Step 01: In the beginning, you embed any video whose code can be like 
<iframe width="560" height="315" src="https://www.youtube.com/embed/o2Tw-8rF8dI" frameborder="0" allowfullscreen></iframe>
Step 02:  Now add this code <div class="embed-video"> in the above code. Now code becomes like
<div class="embed-video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/o2Tw-8rF8dI" frameborder="0" allowfullscreen></iframe>
</div>
Step 03:  After adding a div, now just add the below code any where in the stylsheet
<style type="text/css">
    .embed-video {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .embed-video embed,embed-video object,embed-video iframe   {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
</style>

Note: When you go to add any embed video, you will do the same as step 01 and step 03 only. You do not need to repeat step 03. Thank you friends. Any problem, just comment.

Sunday, November 02, 2014

How to Remove Spam Comments from Blogger


Remove Spam Comment
Spam?????
Hi guys, after long time, I am here to tell you why we should delete the comments of blogger and how to delete them. There are some causes of removing the comments from a blog. If you get this kind of comments in your posts, then you should immediately remove them.

Spam Comment

If a comment is spam then it can be a cause that your site rank is not increasing but it is decreasing. Spam comments are very harmful for a blog because if search engines find these comments, then they started decreasing the rank of your comments. 

How to Know a Comment is Spam?

  • If a comment is unrelated with your blog post
  • If comment is too long
  • If forceful links are found in a comment

Vulgar Comment

Some people may not like your blog and post, and they can write vulgar comments and they also can rebuke you and your blogging techniques. If your found these kind of comments, you also must delete them immediately because when other people reads these comment then they also might not like your blog. So this can decrease the visitors in your blog. Just remove it guys.

Comment Not Neccessary

Some articles and posts do not need any comments on them because these articles are truthworthy. 


Delete Comment of Blogger Post:-


  1. As usual Login to your blogger account.
  2. Just Check in Comment Link
  3. There you can see 3 link Published, Moderate and Spam and you just check them out. Now find spam comment and vulgure comment and delelte them. 
Note: Mostly the comments you find in spam box are spam but sometimes they can not be spam.

Thank you.

Tuesday, October 14, 2014

Add Google Fonts into Blog


web fonts/ custom fonts in blogger
Millions of blogs are in internet and most of them use default fonts but if you want to make your blog different and take visitors into your blogs, then you should keep something extra in your minds and should think how to make your blog's look different than others. You should take various things to change your blogs. Among them, Use of custom fonts can be one.

The only best way to use web-fonts/custom fonts into a blog is using of google web fonts but this is not last way. There are various web-fonts sites but google fonts are mostly used.

How to add web fonts/ custom font into a blogger blog?



1st Step: Choose a font From google webfonts. Too find, just go to www.google.com/webfonts. You can see almost 650 more fonts in the collection of google web fonts.
Picture 1

Picture 2


2nd Step:  Now hit on quick use tab and just shown in the above picture. Then you will see like the second pic where you will see following two lines' code.

Line 1 code: It is the link of google web fonts which you are going to use.
--------------------------------------------------------------------------
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

Line 2 code: It is the integration of css into your webpage.
--------------------------------------------------------------------------
font-family: 'Open Sans', sans-serif;
3rd Step: Now just copy the line 1 code. And then go to your blogger dashboard. Click on template>>edit html. Just below the <head> tag paste this code.
Picture 3

4th Step: Then copy line 2 and paste it into every tag where you want to put this font. Such as
h3.post-title
{
font-family: 'Open Sans', sans-serif;
 }
Picture 4

5th Step: Now you just press on Save Template button.

Sunday, September 07, 2014

Add Customized URL on Every Blog Post


Custom Blogger post url
By the way, in earlier, blogger used to generate posts URL automatically, but now it generates automatically as well as gives you to choose your custom URL. There would usually be post's title long and which could possible to be broken. So that type of broken link can be unfriendly for Google search engine and other search engines. This kind of problems would occur in earlier but now you have been provided an option where you can choose your own URL structure. This option has been very useful for niche blogger. Here is the process that you can apply to customize your post URL.

How to add custom URL on blogger posts?


Step 1: Log in to your blogger
Step 2: Create a new post
Step 3: Write some articles and there you see right side bar name post setting. You just click custom permalink.
Step 4: Put you own URL structure. And click on done.
Step 5: Publish it.

You've perfectly customized your blog posts URL. Now you can see your URL in the URL bar of your post article. 

Saturday, July 12, 2014

How to Hide Specific Posts From Blogger Homepage


There might be some of the outdated posts on your blog and these posts are not ethical and obedient for visitors. They might be fooled with these kind of outdated text. So they knew these article is fooling, then they think that the whole site is fake. If they think this is a fake blog or site, the visitors can be decreased in your site. So that generally, you should avoid these outdated text from your blogs. Outdated posts can be the one of the reason of losing the visitors on your blog. So that these posts are always taken as spam by visitors and also the search engines. 
Hide Particular posts from blogger

Every bloggers should give fresh and valuable information to their visitors. So if you want to hide these kind of posts from your blogger blog's homepage without deleting them, visit the following steps carefully. Lets see the step by step process to hide specific posts from your blogger homepage.

Step 1: Lets login to your blogger dashboard
Step 2: As usual click on template>>edit html and then press ctrl+f to find the given code.

&lt;div class=&quot;date-outer&quot;&gt;
Step 3: You just now replace the above code with following code.

 &lt;div class=&quot;date-outer&quot;<b:if cond='data:blog.pageType == &quot;index&quot;'><b:if cond='data:blog.searchQuery == &quot;&quot;'><b:if cond='data:blog.searchLabel == &quot;&quot;'><b:if cond='data:post.url == &quot;URL&quot;'> style=&#39;display:none;&#39;</b:if></b:if></b:if></b:if></div>&gt;
Note: Now you must replace URL with your blog's post url which your are wishing to remove from your homepage.

Step 5: Save template.

The above code only remove one post from homepage but if you want to hide more then you just need to put the following code just before the </b:if></b:if></b:if></div>&get; given above.

 <b:if cond='data:post.url == &quot; URL&quot;'> style=&#39;display:none;&#39;</b:if>
You have successfully done this tutorial. Enjoy blogging friends. Thank you. 

Friday, July 04, 2014

Importance of Media Planning


The breathe and soul of any advertising agency is the ability to understand the need of the client before proceeding with any advertisement campaign and that art is usually termed as ‘Media Planning’. Media Planning is basically the ability to deliver the right message to the right people at the right time with the right media.

So the word ‘right’ places the most vital role in the process of media planning. Coca-Cola, McDonalds, Pizza Hut, Thumbs Up and most recently IPL 2014 are some of the top brands that have been able to reach the target audience effectively and derive more sales thanks to Media Planning that involves the process of message dissemination.
Importance of media planning

How is it that every time you hear that tune of IPL the word ‘Chalo Bulava Aaya Hai’ comes instantly to your mind. Well that is called brand recall in technical terms and it comes from hitting the right target group with the right media at a cost acceptable to the client. If we talk of top players then you may argue that they have huge budgets but there are many smaller domestic players that today stand tall among international giant brands just because of media planning implemented by their advertising agencies. Media planning is a four-step process involving objectives, strategy, implementation and evaluation.
We are talking of brands like Bajaj, Britannia, Zandu Balm, Fevicol and MDH spices that have been ideals for the advertising agencies.

How sales sky rocket with media planning?


Media planning is what can make or mar an advertising campaign. Continuous analysis, tests and optimization of marketing strategy are all very important for success of any media campaign. A hoard of internal and external technologies is adopted for analyzing the strategies and adding value to a brand. So once you have in mind the target audience for a campaign, accordingly you select the medium of advertising, the place of advertising and the monetary details.

Brands are on the lookout for innovative concepts and according to the target group, media planning is done. Taking youth icons, movie stars is catching up and these not only help in building an image for the brand but also makes people remember them long after. If Shahrukh Khan says Navrattan cool talc is ‘Chotta AC’ then the whole nation believes that and the volumes of sales of the product shoot up. That is the impact which is only possible with an appropriate media plan.

Another tactic: Brand Placement


Brand placement is also excessively being adopted by media planners. Remember Hrithik Roshan talking about drinking Coca-Cola as a token of friendship in Bollywood movie ‘Yaadein’ or Fevicol in ‘Dabangg 2’ and BMW bikes in ‘Dhoom 3’. All these come under brand placement which is an effective line of attack to reach the fragmented audience. Even on the tube, you can see a lot of brand placement in daily sops too. At times a TRP gaining show has the actors talking about an upcoming event or movie, Bollywood celebs are invited in shows and Bigg Boss, Masterchef and many other reality shows openly endorse products all the time. And that definitely is like adding fuel to fire.

Media Mix


According to the campaign, the budget and many demographic factors, media planners need to take the crucial decision of which medium to use to disseminate the message to the said target audience. So, all contacts that the consumer has with a brand are evaluated and accordingly the media is chosen. There may be a mix of social media and television and radio ads that may be used to boost a brand and all that comes under media mix. For example, if you see the Kellogg K shape ad, they used Deepika Padukone as the brand ambassador and the television campaign has been a huge success.

There are many effective ways in which the media planning concept can be put to optimum use by advertisers and it is a huge domain.