Our sites on Underconstruction www.TrekGator.com || TrekGator FB Page X

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.
Read More »

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
Read More »

Friday, July 24, 2015

How to Find Most Searched Keywords

Search engines always prioritize to the keywords which are mostly search in the web search engines. Most popular search engines like Google, Bing, Yahoo, MSN etc gives more priority to the mostly searched keywords because in an hour and a day thousands and millions of people searched that kind of keywords like Barack Obama, Putin, China Economy and in a minute thousands of visitors reach a website. So that to show the right and best result to the viewers. Search Engines filter and rank a best blogs and site in the first position in a particular keywords.

Ranking a keywords can be affected by the rank of your website. If your website rank is less than 1 or it is 0 or N/A, your posts or article cannot be in a first rank even your article is best than other sites. So you should consider to get higher rank of your sites and blogs.

There are four ways to find the searched ratio of keywords:

  1. Using Google Trends
  2. Google Adwords
  3. Using Google Search Engine Suggestion
  4. Searching in the Forums
Using Google Trends to Find Highly Searched Keywords
Now lets go to find highly searched keywords in the blog in the recent time. If you want to find highly searched keywords in the google, then you can easily find through a google website. Here are the steps that you can apply while you are searching highly searched keywords. 
  1. In the first, go to the www.google.com/trends
  2. Choose a country to find the keywords which are highly searched from that country. 
  3. After choosing any of country like in the figure where I chose India and then there in the searched trends box just write any keywords or world to get the searched position, interests and related search of that keyword. In the given figure I chose India and then I tried to find the position and ratio of Keyword Bollywood which you can see in the following figures.



Read More »

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>


Read More »

Friday, July 03, 2015

How to Add Gadget Section in Every Blogger's Blog header

You should have noticed that we always cannot add widget in header section because often the header section of blog is locked and there is not provide any widget section. This can be an another tips, impression or whatever you say, to increase your adsense money or any other monotization.
All bloggers want to increase their money through blogging, so putting ads on recommended place, this can be better money making technique. Here we are going to learn how to add widget or gadget in the right side of the blogger head section where you can put adsense ads or leave for people’s ads place. When you going to put this gadget on any section, first of all you should know how many space the widget going to reserve.

We always recommend you to keep back up your blog’s template before any changes are going to take in your templates.

OK let’s start the lesson step by step:-


1. As usual, login into you blogger dashboard
2. Go to Template>>Edit HTML
3. Click any place inside the template and click CTRL+F to find the code <b:section class='header' id='header' 
4. And then replace only the class=’header’ with class=’header left-header’.
5. After that again find the code <div class='header-cap-bottom cap-bottom'>. Above this you can see two ending div. 
      </div></div>
     <div class='header-cap-bottom cap-bottom'>
6. Paste the given code above them. 
       <div style='clear:both;'/>
7. And then it’s time to make new gadget area. Let’s add new gadget elements
8. Then paste the given code before the code  <div style='clear:both;'/>
<b:section class='right-header  crosscol' id='right-header' maxwidgets='1'         showaddelement='yes'/>


Now it is the time to add the CSS codes


Find the <head> tag and the add the given css below this tag
<style>.left-header{display: inline-block;float: left;}#right-header {display:inline-block;float:right;}</style>
At last Click on Save Template button to save the template and go to the layout button to see the widget area.
Add  Widget in header right

Thank you for visiting us.

Read More »

How to Add Static Pages Easily in Blogger

If you want to make your post static or static, you can add page to manage. This is the good way to manage your blog.
Pages

You can add this just like "About Me". Finding the details of your pages, managing multiple page and easily seeing how pages are organized is easy if you add the page gadget.

You can add your page gadget horizantally and vertically.
Arrange horizontally or verically

Steps to add page gadget in blogger.
step 1: Go to Blogger dashboard, then click on layout and search the page gadget.
Blogger Gadget

Step 2: After finding that gadget, click it and then click on save button
Blogger Layout

There you can see 28 primary gadget in blogger but you can find many gadget of third party in more link.

Make your blogging time happy. Thank you.
Read More »

Wednesday, June 17, 2015

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.
Read More »

Friday, June 12, 2015

Make change Avatar Size Of Blogger Comments

You can see the default avatar in blogger comments and that avatar has default size but most of the people may not like this size, so they want to change the size of avatar. Here we are going to tell you simple trick to modify the avatar size of blogger comments. Changing the avatar size is very easy, there you just should add CSS code. Just follow the following steps to make change the avatar size.

Step 1: Login to blogger dashboard then go to template and click on the edit html

Step 2: Then type the below code into the search box.

]]></b:skin>

Step 3: Use the following code in the css box

 .comments .avatar-image-container{
background-color: rgb(34, 34, 34);
border:1px solid #ccc;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
width: 64px;
max-height: 64px;
}
.comments .avatar-image-container img{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
max-width: 64px;
height: 64px;
}

You can change the avatars size by changing the value of Avatar width.

Step 4: And then click the save template and then click on apply the change.

Read More »

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.
Read More »

Verified Twitter Page Tick Mark For Admin Comments In Blogger

Verified Icon

Are you a blogger? Yes definitely you should be a blogger. If you are a blogger, the one that you should have noticed ie comment box of the blogger. Yeh I know that you can hide that comment box but if you want this comment from the visitors, then there you should show that comment box.

Today, I am not only going to tell you hidden and shown comment box of blogger, I am going to tell the difference of comments by users and reply comment of admin. I think you have already noticed that there you can not see any difference between users comment and admin comment. So if you want to make different style reply comment of admin, you have to follow this tutorial. Admin's comment should be different than other because sometime you have to suggest and warn the visitors, then in that time people should who is saying these things.
Here now I am going to tell you how to make different comment of admin from users. So you can add verified twitter page tick mark for blogger admin or author comment. Have you ever noticed a tick mark in any celebrity and leader's twitter page. This kind of verified mark is only provided for the worldwide famous stuff, such as for actors, best companies etc. Likewise we are just going to put it as for an admin comments.


Follow the following instructions for further process.



  • Log in into you blogger account.
  • Go to the template as usual.
  • Press ctrl+f and find .comments .comments-content .icon.blog-author, then delete all the code inside this class. The content looks this:
background-repeat: no-repeat;  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
  • Now you should paste the following code in that deleted field.
background: url("https://dl.dropboxusercontent.com/s/gp8fhc34w2rka9h/verified%20page.png") no-repeat scroll 0 0 transparent;
  • Then click on Save Template.
Congratulation, you have successfully done this job.
Comment us for any problem. 
Thank You.

Read More »

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.
Read More »

Sunday, May 24, 2015

Recurring Earthquake and Scared People

After long time facing the hardest problem we have ever thought, I am here just to say you people "Hello". May be you all have already know that Nepal is suffering the biggest problem i.e Earthquake Magnitude of 7.9 and 7.4 one after another.

On 25 April 2015 exactly 11:54 am, a big Earthquake  hit Nepal. The epicenter of that Earthquake was Barpak Village of Gorkha District which is a tourist mountain village situated between Kathmandu Valley and Tourism Valley Pokhara. Moreover, small and big many aftershocks were followed all day. The village was completely destroyed in the few seconds. Not only the Barpak Village nearly 35 districts of Nepal was affected by that Earthquake. Meanwhile, I was in the capital city of Nepal, Kathmandu. Many people were scared because of the continuous aftershocks. Off course I was scared. That was really an unforgettable memories which I can not erase from my memory, After a big hit, more than 100 earthquake hits (aftershocks) of magnitude of 4 to 5 were followed whole day. Not only on 25th April 2015, still aftershocks were continuously followed while I am writing this.

Many extensive destruction of buildings and houses along with 2 UNESCO Heritages were caused and more than 10000 thousand people have been reported to be dead and rescue is still on going. There is not actual reports how many people have been dead exactly because of remote areas and rural villages. Gorkha, Nuwakot, Sindhupalchwok and Dolakha districts of Nepal have been completely destroyed by first Earthquake hit of 7.9 magnitude. Later on 12 May another big hit followed which carried remaining buildings and houses. People are scared and they are living on tent and small cottages but many of them are facing rains and storms sitting on open sky. They do not have even a tent. Off course Government has been trying to relief those Earthquake Victims but could not get succeed to reach on many remote villages of mountain region. Because of hilly mountainous region, there have been hard to provide relief in the affected places.

We people have heard that our government along with many national and international org. have announced to provide relief but we are still uninformed because of no availability of communication and damages of available communication mediums. Some says these are only rumors.

We can't help everyone, but everyone can help someone. 
Ronald Reagan

At last I just want to appeal you people to help those people if you wish.













Read More »

Wednesday, April 22, 2015

4 Reasons of Low Adsense Earning

Earning through adsense is not as easy as we thought. Make visitors to click ads and get more money is not as easy as it is said. Visitors are also very intelligence so they do not want to click any ads that only show but not works as they want. Even if any visitors click the ads, then money might not be enough because clicked ads can be low rated ads.
Adsense Low Earning

So now here I am telling you the mostly occurred problems that can be the causes of low adsense earnings.


The Four Causes which can be reasons of low earning:-

Low Visitor/ Traffic:


You should get more traffic on your site or blog. Then there will be chances of clicking your ads. Otherwise low traffic can be a mean of not seeing your ads by visitors.

Low Rated Ads


Low Rated Ads mean low paying ads. There are many low paying ads in the adsense database. So choose the high rated topic which also can show high rated ads or high paying ads. As you know adsense shows the ads relating with the content shown in the page. If you write the posts about health, then it can be the high rated content and there can be shown high paying ads. This is one example of high rated posts. There are many high rated keywords like health, technology, environment etc.

Not recommended Ads unit 


If you are using not recommended ad unit, then there can be less click on your ads. Adsense team has recommended some ads unit by observing the behavior of visitors long time

The recommended ads size are:-

300 x 250:- Medium rectangular but seems as square.
336 x 280:- Large Rectangular size
160 x 600:- Wide Skyscraper Size
728 x 90:- Leaderboard size

Not targeted ad units


If your ad units are not targeted in some specific content, then it also can be a reason of your low earnings. If your ad units are targeted then more recommended ads are shown in your blogs and you can earn more money because you target your ad units, these are shown into the adwords platform and advertiser choose your site to show there ads with high money.


Read More »

Monday, April 06, 2015

The Connection Between Graphic Design And Storytelling !

Connection Between Graphic Design and Storytelling
We humans are ‘suckers’ for good stories, to an extent that our systems are hard-wired to grasping more out of reading/hearing good stories. A good story is the one that makes all the difference in a boardroom meeting, irrespective of whether it’s an investor pitch or an educational presentation.

Over the years, people have harnessed the simplicity of storytelling and intertwined the same in business; and PowerPoint presentations stand testimony to that.

Let’s say for instance, you’re someone with a good business idea, on the lookout for investors. Instead of carrying around piles of documents bearing your blueprint, to investors; you could simply summarize your idea in the form of a PowerPoint presentation and tell your business story.

Narrating your business idea in the form of a compelling story is one way of succinctly getting your idea across to your investors. Graphic design becomes an integral part of business storytelling and it can be rightly said that designers make great storytellers!

A good design backed by the right choice of words can help create and strengthen emotional connections between you and the audience. Some of the most successful speakers in the world have effectively used storytelling as a means of garnering people support including the likes of Martin Luther King Jr. and Steve Jobs. Such is the power that storytelling bestows you with!

Here’s how you can build a compelling business story for your audience:

1. Conceptualize

Focus on the key idea that you want your audience to remember. Once you’ve done that, weave your story around it. Your key idea should be the heart of your story around which you extrapolate.

2. Structure

Build a structure for your story. Ensure that it has a

  • beginning
  • mid-portion
  • end/conclusion

3. Simplify

Encapsulate statistical data in the form of visual aids that render storytelling easy. Use infographics, pie charts, dashboards and bar diagrams to make your story impactful!
Read More »

Show Particular Label Posts in Homepage

Show Particular Label Posts in Homepage
Posts Categorizing in Homepage
If everything is perfectly organized in your site or blog, then all the pages or post of your blog can be reached by the visitors easily. Like when we visit a news portal we can see there every news is categorized into different categories. Such as Asian news, european news, sports news, entertainment, etc. So that the visitors can find each and every news easily. Likewise some of the blog and site should be categorized into different categories. But there is little difficult to make the blogger post into categories. To categorize the recent post, we should use the lebel as category. It is a process of showing particular label's post in homepage. This kind of widget, you cannot find in blogger.

As usual we always advised you all not to change any code before keeping back up your templates because if you accidentally missed placed the codes, you can restore the template.

Here is techniques to make the particular label's posts showing in homepage:

Step 01: In First as usual Go to your blogger dashboard.
Step 02: Then enter into the template and click on edit html.
Step 03: After that find the code ]]></b:skin> above this paste the given code:

img.label_thumb{float:left;margin-right:15px !important;height:65px; /* Thumbnail height */width:65px; /* Thumbnail width */border: 1px solid #ff00ff;}
#label_with_thumbs {float: left;width: 100%;min-height: 80px;margin: 0px 15px 2px 0px;padding: 1;}ul#label_with_thumbs li {padding:6px 0;min-height:60px;margin-bottom:1px;border-bottom: 1px solid #ff99ff;}
#label_with_thumbs li{list-style: none ;padding-left:1px !important;}
#label_with_thumbs a { text-transform: none;}#label_with_thumbs strong {padding-left:1px; }

Step 04: Now find the <head> and just below this code, paste the following code

<script type='text/javascript'>//<![CDATA[function labelthumbs(json){document.write('<ul id="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s1600/picture_not_available.png';}var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="June";monthnames[7]="July";monthnames[8]="Aug";monthnames[9]="Sept";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}elseif("summary"in entry){var postcontent=entry.summary.$t;}else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}if(showcommentnum==true){if(flag==1){towrite=towrite+' | ';}if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}if(displaymore==true){if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}document.write(towrite);document.write('</li>');if(displayseparator==true)if(i!=(numposts-1))document.write('');}document.write('</ul>');}//]]></script>

Step 05: At last add the widget codes. Click on layout and add gadget then choose the html/javascript and paste the given codes into that box
 <script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;</script> <script type="text/javascript" src="/feeds/posts/default/-/label name?published&alt=json-in-script&callback=labelthumbs"></script>
Step 06: Change label name by your blog's label
Step 07: You should just repeat the above code to put another label's posts but should change the label name.

Well done, You did successfully. 
Read More »

Follow Us On Facebook

Warning ! Don't copy our content, your adsense account can be disabled

Blogger Widgets