Showing posts with label Blogging. Show all posts
Thursday, 11 April 2013
How to Apply Read More Option to All Posts Automatically in Blogger
You have noticed that almost every blog has Read More button on the posts which are displaying on home page. These posts have excerpt function to make the posts short on the home page for wider coverage of posts.
In blogger, there is no excerpt function for posts by default. That's why, a simple blogger template always displays full post. Because of full length post on home page, the length of the page has been increased or the home page covers only 2 or 3 posts maximum. Some custom blogger templates has the excerpt function for the posts.
If you will apply this function then home page can cover more posts with equal size and space. Another benefit of this function is that it causes to increase the charm and beauty of your blog layout.
If you are using a template which does not have the read more function, then you can easily apply this function for your current template. Simply follow the steps:
1- Go to blogger dashboard and choose "Template" and then click on "Edit HTML"
2- Press "Ctrl+F" and use Template Editor search area for searching </head> and press Enter
(Note: Click on the template code area and then press "Ctrl+F")
Now Just above the </head> tag, paste the following code.
<script type='text/javascript'>
summary_noimg = 250;
summary_img = 200;
img_thumb_height = 150;
img_thumb_width = 150;
</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 = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
Now Search for <data:post.body/> and replace it with the following code:
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div style='float:right;margin-right:10px;margin-top:5px;'>
<a expr:href='data:post.url'>Read More</a>
</div>
</b:if>
</b:if>
Now "Save template" and check the work.
Important Notes:
You can change the thumbnail size and number of character before Read More option of your choice.
summary_noimg = Increase the characters if your post have no image.
summary_img = These characters are apply on posts with images
img_thumb_height = This will apply for the height of your post thumbnail on home page
img_thumb_width = This option will work for the width of your post's image on home page.
Wednesday, 10 April 2013
How to Work With New Blogger Template HTML Editor
Blogger has recently changed the HTML editor. Now if you open your Template setting and click on the Edit HTML, you will find a completely changed layout. Blogger HTML Editor has been changed having some new extra features and functions. This new editor reduces the blogger's over work and problems which some of bloggers have been facing in old editor.
This new editor has the functions like Jump to Widget, Preview template, Revert changes, Revert widget templates to default and format template. Lets discuss all of them briefly so that you can work easily and without hesitation with this new editor.
Jump to Widget:
This function will take you to the selected widget area within the template code. This function will show your all widgets which are currently using within your template.
Preview Template:
You can preview your template after applying some new features or changing. The preview will appear on the same page instead of html code.
Revert changes:
You can easily revert the change which you have applied to your template. Remember that do not save your template. Use preview template function to check the apply changes. If you save the template, you can not revert.
Format Template:
This function will arrange your template code in proper way and clean up the indentation of the template. You must apply this instantly without hesitation.
Benefit of the new Editor over older one:
Following are the benefit/function which are useful in new editor:
Line Numbering:
This will helpful to go to the line which have some error.
No Need to Expand Widget Template:
Unlike older editor, there is no need to expand the widget template, so this function has been obsolete.
Save Change Affection:
In older editor, if you applied save change, then the editor took you to the top of the editor. But in new editor, you will stay at the save line in the editor where you were before the saving.
Tuesday, 2 April 2013
Use Alt Attribute for Better SEO and to Increase Blogger Traffic
As all of you know about SEO (Search engine Optimization). If your blogger or site has better SEO then your page views or traffic will increase. Most of the people don't know that with the help of images, SEO could have been better. Now I'll tell you the way that how can you optimize your images and blogger traffic?
When a picture is downloaded from internet then it is saved with its by default name. Your first step is that you have to change its name with proper keyword or image description.
There is a great percentage of blogger traffic depends upon the image search. Google image search is used worldwide for original and quality images. So, when you put the image name
with keyword then it will come in image search and as well as in surfing with those keywords. Your blogger posts are also searching by your post titles and bold letters in posts will also help to search that post.
Now, follow these steps to use alt attribute properly.
Change Image Name with Proper keyword:
When you are downloading the pictures then these will be saved with their by default name. Change the names of images with proper keyword before uploading or inserting in blogger. For example if a picture is downloaded with name of 1, then you have to change it with your proper description according to the content before uploading.
Use Alt Attribute:
An image is useless and meaningless when it is not tagged with keywords. For robots search an image should be proper tagged. Because spider search and search robots can't read the multimedia without untagged images. So. proper tagged images will help the robots search to search a proper topic. For this purpose use alt attribute. After you upload the picture go to the 'HTML' portion which is along with Compose option. There you can see the by default code which is following:
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMHD_95MmUGRln6h_uNFH3cemSUaewNKO8S3OXmK_nLK2ryK6-DZbevbJ7RPVIIbivRpdnPbstnBBW8uHcvFBWBZ5Gn7kx7DR-ydvsn5g_dNYQU4YmpHX9qk7ACTtAYt9rtEof08LIKbhD/s1600/how+to+seo+optimize+blogger+posts+titles.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMHD_95MmUGRln6h_uNFH3cemSUaewNKO8S3OXmK_nLK2ryK6-DZbevbJ7RPVIIbivRpdnPbstnBBW8uHcvFBWBZ5Gn7kx7DR-ydvsn5g_dNYQU4YmpHX9qk7ACTtAYt9rtEof08LIKbhD/s200/use+alt+attribute+for+better+SEO.jpg" width="250" /></a></div>
Now, find the image code started with 'img' which is in purple color, just after this add the alt attribute and write your image description (proper keyword name of image) which is in red color like this:
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMHD_95MmUGRln6h_uNFH3cemSUaewNKO8S3OXmK_nLK2ryK6-DZbevbJ7RPVIIbivRpdnPbstnBBW8uHcvFBWBZ5Gn7kx7DR-ydvsn5g_dNYQU4YmpHX9qk7ACTtAYt9rtEof08LIKbhD/s1600/how+to+seo+optimize+blogger+posts+titles.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="image description" border="0" height="104" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMHD_95MmUGRln6h_uNFH3cemSUaewNKO8S3OXmK_nLK2ryK6-DZbevbJ7RPVIIbivRpdnPbstnBBW8uHcvFBWBZ5Gn7kx7DR-ydvsn5g_dNYQU4YmpHX9qk7ACTtAYt9rtEof08LIKbhD/s200/use+alt+attribute+for +better+SEO.jpg" width="100" /></a></div>
Replace "image description" with your proper keyword name that was given by you after downloading according to the content. Try to use maximum 5 or less words.
Use this attribute and enjoy. This will definitely help you for better SEO and increase your blogger traffic.
How to Transfer Blog from Blogger to Wordpress without Changing Posts Links
Worpress users are increasing day by day because of its easy and user friendly interface. Another reason is that, it is providing platform for those who have hosting account and want to run their blog as self hosted blog. If you are running your blog on blogger and want to transfer it to the wordpress with self hosting, then it is very easy. You must have your top level domain to transfer it because usual blogs always given the sub-domain of the respective blog like example.blogspot.com and example.wordpress.com. To keep the same url on wordpress, your blog on blogger must have top level domain.
Lets explain with example. If you do not have your own domain then your post link will be:
Lets explain with example. If you do not have your own domain then your post link will be:
http://example.blogspot.com/2013/04/post-title-words.html
In case, you transfer your blog to wordpress then the link will be:
http://example.wordpress.com/2013/04/post-title-words/
Now there are two problems with the links:
1- Top Level domains are different, which will cause as change of link (blogspot.com and wordpress.com)
2- Blogger link has .html extension while wordpress does not have any extension by default
The second problem can be solved if you are using your own top level domain.
So to start shifting your blog from blogger to wordpress, firstly export your blog from blogger settings.
After completion of export, do the following procedure.
1- Set your permalink in wordpress settings:
2- Select "Permalinks" under the Settings area and then choose "Custom Structure"
3- Add the extension .html in the end of the default custom structure link as mentioned in the snapshot.
4- Click on "Save Changes"
Now its time to import your blog here. All posts will be automatically published with the same links as on blogger.
Go to Tools and select Import option
Now click on the Blogger which is at position 1st
Install the blogger importer plugin which will appear after clicking on Blogger
After installing successfully, click on the authorize button you will be directed to blogger
Now you will see your blog title, url, and number of posts and comments on wordpress page, click on "Import" Button
Your complete blog now has shifted to self hosted wordpress blog with old posts' links and comments.
Must Remember
1- Do not forget to submit your new site map to the webmaster tools and also update your own new feed url (example.com/feed/) into your feedburner account.
2- Go to your domain control panel and change your CNAME (Alias) setting and point www to @
2- Go to your domain control panel and change your CNAME (Alias) setting and point www to @
Friday, 29 March 2013
How to Change Default Post Time for Your Blog
There are many bloggers from all over the word. Some are professional blogger while some are amateur. These all bloggers are from different countries. Whenever a blogger publishes his post, the default time of publishing is assigned to the post according to the time zone of the blog. Blogger has set default time zone for all regions which is Pacific Time. To better management of your blog, you should change the time zone according to your location.
Changing the time zone is very simple and easy. When you will change the time zone of your blog, this will automatically apply to all your posts and the publish time of your all posts will set according to your current time zone.
To change your blog time zone, follow the steps:
1- Go to Blogger Dashboard
2- Select Settings > Language and formatting
3- Under the "Formatting" are, select your time zone accordingly
4- Now save your settings, your all posts' time will be set as your current time zone.
How to Add Email Subscription Box in Blogger
This tip can help you to increase your number of regular users and also increase the number of page views. When you put useful things and information in your blog then many people want to join your site to get the daily update news and information from your blog. For this purpose you have to add the email subscription form or box into your blog so that they can easily get the updates of your blog.
Here is the procedure that how can you add this box into your own blog. For this purpose, follow these steps:
- First of all go to your blogger 'Dashboard'.
- Then go to 'Layout' and click on 'Add a Gadegt' option.
- You'll have a pop-up window, from this window find and click on 'HTML/JavaScript' option.
- Then you'll have an empty box. Don't write anything in 'title' option just under the title option write the following code:
<style>
.hl-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4KVTA4Wh9M_sLfLJYynbjIFf6k1nbputAp8c09yGkx63L58uyEXLsaRRdFdFaYZALMik4A1wjGMz6ukI8IsQW2sXFuwouXcjq70gDsnSdGyzil2GX8TDAGK1JtLRryxrJ2S-GOv9EemM/s1600/mail.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.hl-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.hl-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:150px;
color:#666;}
</style>
<div class="hl-email">
Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggerzhelp', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "") {this.value = "Enter email address here";}" onfocus="if (this.value == "Enter email address here") {this.value = "";}" value="Enter email address here" type="text" />
<input type="hidden" value="bhd" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>
Customization:
- Replace the URL for your desired email icon in Pink colour portion.
- Adjust the value of text area according to your own in 150 place.
- Set your own Feedburner email feed link in place of Red portion.
- Replace 'bhd' with your feed title. You ca get it at the end of your feed link.
Now you are done, save your widget and set it on your page layout and then click on 'Save arrangements'. Check your blog and enjoy with this feature.
Tuesday, 26 March 2013
How to Tweet Your New Post on Twitter Page Automatically
You know well about the importance of Social Media Networks. These are very important for a blogger or webmaster to improve his site traffic and viewers. So whenever you publish a new post then all of you obviously share it on social media to inform your fans and get traffic. To avoid from sharing manually, I have already discussed about the auto posting on facebook. Today, you will know that how your latest post will be tweet automatically on your twitter page. Before starting, you must have Feedburner Account of your blog/website. If you already have, then follow the instructions and your all new posts will ready to tweet automatically on your official twitter fan page.
Go to Feedburner and click on the feed account where you want to apply auto tweet.
Now do the following procedure step by step:
1- Click on Publicize
2- Select Socialize from Left Sidebar Menu on Feedburner
3- Add your twitter account
- You will be redirected to twitter login page, enter your twitter ID and password and then select "Authorize App".
- Now Keep all setting default on Feedburner page and "Activate" the facility.
- Save your settings and your all posts are ready to auto tweet.
Best Wishes!!
Thursday, 21 March 2013
How to Create Feedburner Account for Blogger and Wordpress
Feeds are considered the heart of a blog because this is the medium to promote your all latest posts. Whenever you publish a new post, it is fetched by your default feeds automatically and also publicize to all your readers and subscribers. The most popular and enhanced platform for your feeds is Feedburner. To access the feedburner, you have to create your feed burner account with the help of your default feeds' address.
Both Blogger and Wordpress platform provide default feed address for all bloggers. Using this feed address, you can easily create your feedburner account.
I have prepared a snapshot tutorial for you which will help to create your feedburner account.
Wordpress Feed Address
The default feed addresses for wordpress are:1- http://Yourdomain.com/feed/
2- http://Yourdomain.com/?feed=rss
From the above addresses, you can check your RSS feeds if you are using Wordpress platform.
Blogger Feed Address
If you are using Blogger platform then the default feed address is:e.g.
http://NAME.blogspot.com/feeds/posts/default
1- Now Sign In to your blogger/gmail account and go to Feedburner.
2- Enter your complete feed address as mentioned in the image and follow the process.
Feedburner will fetch your Feed Title and feed address automatically. You can choose the feedburner address of your choice e.g. http://feeds.feedburner.com/YOURSITE. It depends upon availability.
Next Step:
Now this is the Final Step:
Your feedburner address and account is ready. Use this address for better SEO for your site.
Happy Blogging. Best Wishes!!!
Wednesday, 20 March 2013
How to Show Image in Blogger Homepage But not in Post Page
Normally, when you publish the post then its image is shown by default in both homepage as well as in post page. But, mostly bloggers don't want this feature. They just want that image should be shown in homepage but when anybody click on the post to read it then image shouldn't be shown. Here is the procedure to do this phenomena.
It is very simple procedure by just adding some piece of CSS code in your blog template.
Here is the procedure, follow it step by step:
- Go to you blogger 'Dashboard', 'Template' and then 'Edit HTML'.
- Check the option 'Expand Widget Template'.
- Find the following code with 'CTRL+F'
}]]></b:skin>
- Just under this code, write the following code:
<b:if cond='data:blog.pageType != "index"'>
<style>
.hidepic{
display: none;
}
</style>
</b:if>
- Save your template, you are don it.
Remember it that, everytime you'll write the post, you have to 'Insert' pics firstly then go to the HTML option which exists on the left side in post writing. You'll have the code like this:
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGRJzm94M-ihG9KQfWdnbNEMt6iS0ECDf3OesId6hWLuT6ad64Up6AbsEQE6stB7IYfioSGC7cEcbSzX-o3pX4F-MB7AP1BOyvUW0YJOpjCb-qHppRHhgiw0G7YPYZAEnhqS1YTxE5v7M/s1600/fire_bird_by_fhrankee-d32af8v.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGRJzm94M-ihG9KQfWdnbNEMt6iS0ECDf3OesId6hWLuT6ad64Up6AbsEQE6stB7IYfioSGC7cEcbSzX-o3pX4F-MB7AP1BOyvUW0YJOpjCb-qHppRHhgiw0G7YPYZAEnhqS1YTxE5v7M/s320/fire_bird_by_fhrankee-d32af8v.png" width="320" /></a></div>
- Finally write 'hidepic' at the place of 'separator'.
NOTE: The 'hidepic' class should be used everytime in each post means that you have to do the last step of replacing 'separator' with 'hidepic' each time when you are writing the new post.
Tuesday, 19 March 2013
How to Publish Your Blogger Post Automatically
Sometimes a blogger wishes to publish his post automatically on a specific time because of his/her activity e.g. for some event, friend's marriage etc. Blogger platform has an effective solution for this. There is a feature of schedule posting in blogger. If any author of blog wants to publish his post on a specific schedule then he just have to set the schedule with the date and time. That post will be published automatically according to the default time of his blog setting. This feature is very nice and used by a lot of bloggers because of their extra activities. With the help of this feature, you can schedule your posts of all week even whole month.
The process of scheduling a post is very simple.
1- Go to "New Post"
2- Select "Schedule" from right sidebar of blog editor.
3- Click on "Set date and time"
4- Select your desired date from calender and set the time of publishing for post.
5- Click on "Done" and "Publish" your post.
You post will be published automatically at the specif time. You can check your "Scheduled" posts in your "All Posts".
Monday, 18 March 2013
How to Add and Show Skype Emoticons in Blogger Comments
As you know the Skype emoticons are the best way to express the feelings of anyone. It'll make your page more beautiful and attractive when you'll add it in your blogger comments form.
The procedure is very easy, I'll tell you the procedure step by step. You have to follow these steps.
Here is the procedure:
- First of all go to your blogger 'Dashboard', then 'Template' and 'Edit HTML'.
- Now Check the option 'Expand Widget Templates'.
- Now, find the following code with the help of 'CTRL+F':
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
- Just under it, write the following code:
<div style=' width: 370px; text-align: left; border: 2px solid #0084ce; background: #FEF9EA; padding: 10px; color:#0084ce; font-weight:bold; '>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQLZZRevG_Sji2zgO5K2IrC4mJrWwrRxBES2mQgbZt4TEzpDjcHpkf7Pb32yYgKx-BhynInmxZkoYDN-B7UDVohXYKbetduvRvpUOtx1bl0YqnHskjezxMWLzmOYIYvS7TTXExyAV4JvM/s800/emoticon-0100-smile.gif'/> :a
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg90F1zaum5Qv38MH9fwWqXgyjUfjbtPgXDCoPoUgw-mh8i8ChBUTYU5nc79QaywTzRqLBHJPUvaIPlK4Ra30rOIsLLV_Mbr9jxKIvI0kunKTnVQD6keiywDh6pzAmIAT_8kDBhKMFFDX4/s800/emoticon-0101-sadsmile.gif'/> :b
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKOWywUENEDL5YQkxC8ItFfdQNDxh_RTkYN1T6wQzFPCVjqZ3NdFUZJRbHgcsDYysnNGkmWh1aIqaoZ_MMCILnIO9uxidiATFEn2yTRBNsIAzlr-zoC74-GAht4whsiI-ZOFwRUr_m_5Q/s800/emoticon-0102-bigsmile.gif'/> :c
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk9_22pZpyV4oYDXwnjVcoww5pWhQI-uFYReTjROY5lGr3FI_zXNAoX0lG0tCwH_8_NV_tOpsg9CKBh6mFdJgFAtc2CKp9D5u0FICHMFZscmK08JDlUvwypwp7inSCXKudBpaGh44ff_4/s800/emoticon-0105-wink.gif'/> :d
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhodPCb68NBhL1fs_nGb45AP7jY5r7EN6GC-pZwJcPLf-KQI7b3Ii-V7PJJOtNw0CPn5vkPWtxumMDc7UOkwattxQt6juer_V5RI3AJ_tF7zD9KND7gsSYch6IouX_j9MYoH4pMkkQZ9oQ/s800/emoticon-0104-surprised.gif'/> :e
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVmSotv2QzOwIoMaq4Wsdepw0e6b-smaHv2rEypal95hnhbEVsBOB6CYnI3IvzyVMMKXH4ErmHJEjM9Yno0tm4vcJ995NXFuDvkEWMJiiGGl4txy4FDE8yaXF3-4_YCIq5tEEsSuoVE6E/s800/emoticon-0106-crying.gif'/> :f
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2MKpixg48FaNJJdtudjcoMfUHeRYGD1n3-tKdsOvE423d4CnYdx9QDzn3QsjqbdNE2b-x9Xq1R3ZzHFqpsFmI4jS4JmB-FfCNjkAGgv1K7qR2qBpjdTwWEA8tf6htUTcqSUkjI1ucBy0/s800/emoticon-0109-kiss.gif'/> :g
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU1e-8KCruDlXaYVEspZgmRhtnzi22DJ_9-PcFX-QIP_JKedxaKeKza3H3WA60tIclN86szA5cQpDVaKQgfoSjWX-1coEEbhuB3EbKz1iNFzlucIYyI2jrJe0WnYugEucuUssZMoo-XjM/s800/emoticon-0111-blush.gif'/> :h
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqBwhw7fYy3IxXkhCSREuf3oVnTrhhVTOQVXm_wZFrI-oZ5r_tlKt5iwNFryXURBAlTqt4ZnjjVleLX_gGAORk70LH68AVaxiMelikeqoRiwrmxvk9_z8_RV-uMFzIADGYvHGOg0VKidg/s800/emoticon-0110-tongueout.gif'/> :i
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ZlNhNhZhZIEqqKlrX8TzpBta2-wuhLnmMCTb7SOB6GL98qZZv4pUfyXpHaVtw_3ugpYuS8Iin1eAZfJc2jX5BTfubdJZQlGkNQ4Hc2mGP33kgeGjYD9NyiJYYrOA9tw4HkO5mhDbLho/s800/emoticon-0126-nerd.gif'/> :j
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM6Mr89RJriSxcejyNEvvFXS7XP8VAvyA8_5iDLb9y4LcbR5Xqnqc7uhB35rPQV_XIH4E2IcOjz3TGD7x_msuxY5OoofD6g74S46GRBHdGA0wPyvPYmvgFHMnHCYQDyM0lBAuwm4b6Ru0/s800/emoticon-0103-cool.gif'/> :k
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBmWV21Repy989t_-NSvcATniAVYsOf_gU-PqdS-ovLEtCxd9et0DfBEGvMQU_x-M9aUGFaVzJPlUBxyhSA4q0xPiEuWqMXVKKpLUq8w1lSl8jhNEJHc9kaUFzbSBL7h1Pq_VeL2E7ulA/s800/emoticon-0130-devil.gif'/> :l
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgzqcODwsR2nwaFFHPm3V0pXl6AXpEdid1NWZ13Uo2HKbvK7nLVtr90j_XlyqqwsQnACFHVOb6vS7n82-8DM75sUV1Uht3v3nscIRH1Y_YYi1pgu_d3GB4iBPJ6Bj62_qqXAKei-gx2Qc/s800/emoticon-0133-wait.gif'/> :m
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHl59Dl894dpOZQRxYIj19pTDQYE4sEBkfpZpjamq3t9-9EKQL9rPBXj1Gg_gYc2eHvGpKfp8KnqUP-u5-OKGbYTArCjJMrlopEYXiZb1__Qa0nqod6qSFkFROo9L2cj7KQOshe8wdDIE/s800/emoticon-0137-clapping.gif'/> :n
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-MXuXFTEuJLIrdc2whuINC7LjC9FDFya4d995Gl1AcxLSeAi3CMQivJdEB4KwqaIwH0owBw9Pbt92Vlk445cmD7hk2FjimF9gJX-fxckD4UeOWbs-INdOF2jORD7EUcxnrMFx1Cs_KUI/s800/emoticon-0136-giggle.gif'/> :o
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSlI-iMoYpSGdrR4X7-kJzU4FO5F6jxI1j6Puz6ajGiP9lnbvHrtJmB4HcB1S3qX9V4TLKB5S-dJMwCsyqGDowWYuVAd1LudWtvTZ4WilLJuTD6gEAKrVa_DkbV7h1DXDX_IbFpoC4mNs/s800/emoticon-0141-whew.gif'/> :p
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDHX39KsRxtotNOCa3qjhQYCZpywI4_SwWs5dcnzCcFgkicNzTKDLxPvQM-_IMChOE-ATODfIyb13KQRD8vCft8saHUlMenYg-jMNhDzmlNsshov1PlW0HCt8pZHCAg2uDJZZHrzRAb98/s800/emoticon-0148-yes.gif'/> :q
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9NgrJBBOKYDuTeIlq61lXnUYjxb63h_-v36sOWTv-aEbLVhxGzGbQ-SH38PdSu1FQ0RgfKUKmNnuBy5iYVxoC-0Oi5lWSBfI5kv0Kte1l75vo5kio8oIEgVcPDBCTEX09P0bi3_utQUc/s800/emoticon-0149-no.gif'/> :r
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsSCjcmD8im_SGzON6QHVWfkHTII4Cq-0EUWwhBIOVh6FpuzDg-BcpJ-xC0Kq1npjz-trkJF-H9NdWqmdY6rugS5BuQDSFdeMB8qrMB6yK9vhKLqljehKiNl8DIk6XOolWlcJ_fkvb1aI/s800/emoticon-0178-rock.gif'/> :s
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5u5B_Hzn3s_f9E7la1CVdNtxw3kjXirxzb8Xj4gYxhzx377W1MQ-dg4AWhU4Kn4vgbfs-jbYHXo8ff799Hzm75sGy0NESwrr9-C81KgNZ0kuM_XI-JE5ovHin9DM0cZ1eH2NzfpEII8I/s800/emoticon-0155-flower.gif'/> :t
</div>
- Now, Save the template. You are done, after this emoticons will be shown in reader's comment.
If you want to add Skype emoticons in Author's comments too then after saving this follow these steps:- Find </body> and just above this code write the following code:
<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') {
_str = b.item(i).innerHTML.replace(/:j/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ZlNhNhZhZIEqqKlrX8TzpBta2-wuhLnmMCTb7SOB6GL98qZZv4pUfyXpHaVtw_3ugpYuS8Iin1eAZfJc2jX5BTfubdJZQlGkNQ4Hc2mGP33kgeGjYD9NyiJYYrOA9tw4HkO5mhDbLho/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM6Mr89RJriSxcejyNEvvFXS7XP8VAvyA8_5iDLb9y4LcbR5Xqnqc7uhB35rPQV_XIH4E2IcOjz3TGD7x_msuxY5OoofD6g74S46GRBHdGA0wPyvPYmvgFHMnHCYQDyM0lBAuwm4b6Ru0/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBmWV21Repy989t_-NSvcATniAVYsOf_gU-PqdS-ovLEtCxd9et0DfBEGvMQU_x-M9aUGFaVzJPlUBxyhSA4q0xPiEuWqMXVKKpLUq8w1lSl8jhNEJHc9kaUFzbSBL7h1Pq_VeL2E7ulA/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgzqcODwsR2nwaFFHPm3V0pXl6AXpEdid1NWZ13Uo2HKbvK7nLVtr90j_XlyqqwsQnACFHVOb6vS7n82-8DM75sUV1Uht3v3nscIRH1Y_YYi1pgu_d3GB4iBPJ6Bj62_qqXAKei-gx2Qc/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHl59Dl894dpOZQRxYIj19pTDQYE4sEBkfpZpjamq3t9-9EKQL9rPBXj1Gg_gYc2eHvGpKfp8KnqUP-u5-OKGbYTArCjJMrlopEYXiZb1__Qa0nqod6qSFkFROo9L2cj7KQOshe8wdDIE/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-MXuXFTEuJLIrdc2whuINC7LjC9FDFya4d995Gl1AcxLSeAi3CMQivJdEB4KwqaIwH0owBw9Pbt92Vlk445cmD7hk2FjimF9gJX-fxckD4UeOWbs-INdOF2jORD7EUcxnrMFx1Cs_KUI/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSlI-iMoYpSGdrR4X7-kJzU4FO5F6jxI1j6Puz6ajGiP9lnbvHrtJmB4HcB1S3qX9V4TLKB5S-dJMwCsyqGDowWYuVAd1LudWtvTZ4WilLJuTD6gEAKrVa_DkbV7h1DXDX_IbFpoC4mNs/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDHX39KsRxtotNOCa3qjhQYCZpywI4_SwWs5dcnzCcFgkicNzTKDLxPvQM-_IMChOE-ATODfIyb13KQRD8vCft8saHUlMenYg-jMNhDzmlNsshov1PlW0HCt8pZHCAg2uDJZZHrzRAb98/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9NgrJBBOKYDuTeIlq61lXnUYjxb63h_-v36sOWTv-aEbLVhxGzGbQ-SH38PdSu1FQ0RgfKUKmNnuBy5iYVxoC-0Oi5lWSBfI5kv0Kte1l75vo5kio8oIEgVcPDBCTEX09P0bi3_utQUc/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5u5B_Hzn3s_f9E7la1CVdNtxw3kjXirxzb8Xj4gYxhzx377W1MQ-dg4AWhU4Kn4vgbfs-jbYHXo8ff799Hzm75sGy0NESwrr9-C81KgNZ0kuM_XI-JE5ovHin9DM0cZ1eH2NzfpEII8I/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsSCjcmD8im_SGzON6QHVWfkHTII4Cq-0EUWwhBIOVh6FpuzDg-BcpJ-xC0Kq1npjz-trkJF-H9NdWqmdY6rugS5BuQDSFdeMB8qrMB6yK9vhKLqljehKiNl8DIk6XOolWlcJ_fkvb1aI/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQLZZRevG_Sji2zgO5K2IrC4mJrWwrRxBES2mQgbZt4TEzpDjcHpkf7Pb32yYgKx-BhynInmxZkoYDN-B7UDVohXYKbetduvRvpUOtx1bl0YqnHskjezxMWLzmOYIYvS7TTXExyAV4JvM/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg90F1zaum5Qv38MH9fwWqXgyjUfjbtPgXDCoPoUgw-mh8i8ChBUTYU5nc79QaywTzRqLBHJPUvaIPlK4Ra30rOIsLLV_Mbr9jxKIvI0kunKTnVQD6keiywDh6pzAmIAT_8kDBhKMFFDX4/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKOWywUENEDL5YQkxC8ItFfdQNDxh_RTkYN1T6wQzFPCVjqZ3NdFUZJRbHgcsDYysnNGkmWh1aIqaoZ_MMCILnIO9uxidiATFEn2yTRBNsIAzlr-zoC74-GAht4whsiI-ZOFwRUr_m_5Q/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk9_22pZpyV4oYDXwnjVcoww5pWhQI-uFYReTjROY5lGr3FI_zXNAoX0lG0tCwH_8_NV_tOpsg9CKBh6mFdJgFAtc2CKp9D5u0FICHMFZscmK08JDlUvwypwp7inSCXKudBpaGh44ff_4/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhodPCb68NBhL1fs_nGb45AP7jY5r7EN6GC-pZwJcPLf-KQI7b3Ii-V7PJJOtNw0CPn5vkPWtxumMDc7UOkwattxQt6juer_V5RI3AJ_tF7zD9KND7gsSYch6IouX_j9MYoH4pMkkQZ9oQ/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVmSotv2QzOwIoMaq4Wsdepw0e6b-smaHv2rEypal95hnhbEVsBOB6CYnI3IvzyVMMKXH4ErmHJEjM9Yno0tm4vcJ995NXFuDvkEWMJiiGGl4txy4FDE8yaXF3-4_YCIq5tEEsSuoVE6E/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2MKpixg48FaNJJdtudjcoMfUHeRYGD1n3-tKdsOvE423d4CnYdx9QDzn3QsjqbdNE2b-x9Xq1R3ZzHFqpsFmI4jS4JmB-FfCNjkAGgv1K7qR2qBpjdTwWEA8tf6htUTcqSUkjI1ucBy0/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU1e-8KCruDlXaYVEspZgmRhtnzi22DJ_9-PcFX-QIP_JKedxaKeKza3H3WA60tIclN86szA5cQpDVaKQgfoSjWX-1coEEbhuB3EbKz1iNFzlucIYyI2jrJe0WnYugEucuUssZMoo-XjM/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqBwhw7fYy3IxXkhCSREuf3oVnTrhhVTOQVXm_wZFrI-oZ5r_tlKt5iwNFryXURBAlTqt4ZnjjVleLX_gGAORk70LH68AVaxiMelikeqoRiwrmxvk9_z8_RV-uMFzIADGYvHGOg0VKidg/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}
//]]>
</script>
- Now save your template and see the new and nice change. Skype emoticons will be shown in both reader's and author's comments.
Sunday, 17 March 2013
What is Difference Between Google Custom Search and Default Search of Blogger?
Searching is very common now a days. Whenever a question for anything arises in the mind of any person, he always try to search this from search engines like Google, Yahoo, Bing, Ask etc. Similarly, a website can also have the search capability for the users to provide them specific posts which they are required. This search option filter only the site so we can say it limited search. There are two types of search for a blog. One is blog default search and the other is Google Custom Search. You can use both options for your site. This is another way to engage users within your site to enhance your pageviews.
There is a difference between both search options. I want to share this with you.
Default Blogger Search
The default blogger search option is provided with a lot of blogger templates or you can add this manually like your own customized search box. Whenever a user enter some keywords into this button, this search shows some posts having those keywords. These keywords maybe within the title or even into the post contents.
Disadvantage of This Search:
A very big disadvantage of blogger default search is that this is not intelligent. It means that if the user types wrong spelling or extra words then this search will show no results. And obviously 99% users have different mind and it is quite possible to mismatch the keywords from the posts content. This will cause to create bad effect on the user and he may leave your site and search again on the Google Search Engine. Then you know well the result of this.
Google Custom Search
Google provides custom search option for webmasters and bloggers to increase the intelligence of search from blog or a website. With the help of a code, provided by Google, you can add Google Custom Search Option on your blog or website.
Advantage of Google Custom Search:
The advantage of Google Custom Search is that it has the same intelligence as you find on the Google Search Engine. If you enter wrong spelling or less words then this search will surely provide the required posts. The difference between Google Custom Search and Google Search Engine is that custom search will bound to your website or blog only and will show the results only from your blog.
So Google Custom Search is best option for your blog to provide outstanding customer service.
Best Wishes!!!
Saturday, 16 March 2013
How to Add Facebook Like Button in Blogger Under the Post Titles
This is another tip to increase your site traffic. When you'll add this Facebook button below the post title and somebody likes your post then it will be shared to his friends and you site will be know his friends too and when his friends likes your any post then it will be shared to their friends and so on. They will visit your blog site daily after that and your site will be familiar soon and definitely your page views will increase.
I'll tell you now that how can you add the Facebook like button under you post.
Here is the procedure:
- Go to you blogger 'Dashboard', then 'Template' and finally 'Edit HTML'.
- Then check 'Edit Widget Templates' option.
- Now search this code with 'CTRL+F'
<data:post.body/>
- Now, just above this code write the following code:
<p><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100& action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/></p>
- Finally, save your template and check it.
How to Delete Threaded Comments in Blogger
There are two levels of comments, Single level and two levels commenting. Single level commenting allow a reader to write a comment on the post and two levels commenting is the original comment and replies to that comment. Blogger is supporting two levels commenting.
Threaded comments allow a reader to reply another reader on the post.
You can avoid this feature and delete the threaded comments, today I'll tell you how?
Here is the procedure to avoid this feature:
- Firstly, you have to go to your blogger 'Dashboard', then 'Template' and finally 'Edit HTML'.
- Now check the 'Expand Widget Templates' option on the top of the page.
- Now Search the following code with 'CTRL+F'
<b:if cond='data:post.showThreadedComments'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
- You'll find this code twice, you have to remove this code twice and replace it twice with following code:
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
- Now, Save your template and you'll see that there is no threaded comments.
Friday, 15 March 2013
Recover 404 Error and Redirect the Page to New Page in Blogger
404 (Not Found) error is very common and it occurs because of a little mistake of webmasters or bloggers. In blogger platform, a lot of publishers are not familiar with this issue and that's why they failed to develop good reputation in Search Engine and lose a lot of traffic. When a search engine detects a link with 404 error, it decreases that link in the search directory. This error will also leave a bad effect on the visitor of that page. Today, I will tell you that how you can recover this issue and redirect your removed post's link to the new link or any other page.
Follow the instructions to escape the 404 error.
Open the link of your post which has an error of 404 and copy the part of link from first slash "/" till end (.html) as selected in the given snapshot.
- Now go to your blogger dashboard > Settings > Search preferences.
- Edit "Custom Redirects" below the area of "Errors and redirections"
Now paste the broken link specific part into the empty space where it says "From" and the same part of the post link where you want to redirect that link in the rest of empty space. e.g. I want to redirect:
- From /2013/2/what-is-permalink-in-blogger-and-how-to.html
- To /2013/02/Permalink-and-its-use.html
When you will save, you can see the both of the links. Verify them and select "Save changes"
- Note: You have to paste only the part of links as you are looking in the selected area in image.
Now your broken link with 404 will automatically redirect to the new link instantly.
Hope you will like this. So share it with your friends.
Best Wishes!!!
What is 404 Not Found Error and How to Escape from it?
If a visitor clicks on your page link from Google Search Engine and the he/she looks "page not found" or "post not found" then Google will count this as Not Found (404) error. If you have your webmasters tools account then you can check the entry of this error there. This is also called crawl error. You will also see the broken link there. Broken link is the which which has an error of Page Not Found.
The page not found or post not found error occurs if you delete the post or page. Here, I have an example for you to consider the error and the entry of this in webmasters tools.
The given link has an error. You can also check the stats of this error e.g. from which time this error is occurring and when it was encountered last time.
There are some things which you have to keep in mind to escape from 404 :
- Never Delete Your Post or Page.
- Whenever you are updating or editing your post, do not select "Automatic" in Schedule and verify the URL from permalink that it is same as it was before.
- If a post or page is deleted, then redirect that post to the new post or another page or post.
- Whenever you want to change your permalink, then also remember to redirect the old URL to newer.
Disadvantages of 404
The disadvantage of 404 error is that your link will be removed from the Google Search Directory and will also cause of bad effect on the visitor.
Wednesday, 13 March 2013
How to Add First Big Letter (Drop Cap Letter) in Blogger
Today I'll tell you the way that how can you add or create first big letter in your each post. Sometimes it looks very beautiful as show in the picture that the very first letter of the post is larger than other words. This is also called 'Drop Cap Letter'. The drop cap letter can have different colour and font size than rest of the words of post. Drop cap letter can also be shown in comments.
Now let's start it. Before doing this you have to get and save the backup.
- First of all go to your blogger 'Dashboard' then in 'Template' , 'Edit HTML' then you have HTML file then on the top of file you'll have the option 'Expand Widget Template', check this option.
- Now search the following code with CTRL+F:
]]></b:skin>
- Add the following code, just above mentioned code:
.capital:first-letter {
float: left;
display: block;
font-family: Times, serif, Georgia;
font-size: 40px;
color: #000000;
margin:0px 5px 0 0;
padding:0 0 0 10px;
}
In this code 40px is Size of letter you can decrease or increase it according to you desire and
#000000 is Value of color you also set it with your desired colour value.
- After adding above code, search the following code:
<data:post.body/>
- Then before and after the above code write the following code (in colour) like this:
<div class='capital'><data:post.body/></div>
- Finally, save your template.
I hope above mentioned code (<div class='capital'><data:post.body/></div>) will work for you, In case of not working this code you can check one of these code:
<p class="capital"><data:post.body/></p>
OR
<span class="capital"><data:post.body/></span>
Then save template and I am sure it will work for you. Apply this in you blog and enjoy it.
Advantages/Disadvantages of Exporting and Importing a Blog in Blogger
I have already discussed about the Exporting and Importing a blog. Today, I am going to tell you some advantages and disadvantages of Import/Export of blogger posts. Remember that when you export a blog then it means that you are exporting your all posts as well as comments of your blog and when you import that file to your blog, then all comments also publish along with related posts. Exporting is good and sensible decision to save your backup of blog but before importing it you have to remember that this function of blogger has some disadvantages. You can easily export and import your blog from here. The procedure is a bit different because of new blogger interface but no problem, you can check the following snapshot.
You can easily export your blog from here to save the backup.
Exporting a blog has some advantages but importing of a blog will obviously cause for a great loss.
Advantages of Exporting a Blog
You can export your blog to save your all posts and data within your post. The very benefit of this is that if you lose your posts then you do not need to write again. You can import your blog and all posts and comments will be published again with the same title and in such a way, you will save your work and time.
Another advantage of exporting a blog is that you can also transfer these posts to another blog or wordpress blog if you are going to use wordpress platform.
Disadvantages of Importing a Blog
Importing of blog is useful only if you are importing it to a newly created blog but if you are importing it to your older blog (from which you have exported it) then it is never sensible. There are some important points in the form of disadvantages:
Your old URL will be changed:
When you will try to restore your blog by importing then you will never get the old URL of your posts. Blogger will publish your blog with new URL. Although there will a minor change in URL (e.g. www.bloggerzhelp.com/2013/3/oldURL.html will publish as www.bloggerzhelp.com/2013/3/oldURL_342.html) and this will cause 404 (Not Found) error to your old post if it is deleted. Because of this you will lose your all traffic as well as Search Engine Indexed Pages. Because when Google see that the post is not found, that URL will be removed.
You will never get your old position in Google Search Results:
Because of new URL, your post views count will start from zero, so because of down reputation, you will not get better position in Google Search and it will take a lot of time to recover. It is like that you are at the position when you have started your blog.
So be careful to import your blog and never delete your old posts.
I hope it will be proved helpful for you. Best Wishes!!!
Subscribe to:
Posts
(
Atom
)
