How to Add Custom Permalink in Blogger

Google Blogger let You To Edit Permalink. It Has Some Benefits. It Turn You Two Ways To Show on Search Result.Have A Look At This,How ?

Now You Should Have Clear Idea . Customizing Permalink Helps Increase Visibility In Search Ranking.

Why Should You Use Custom Permalink In Blogger ?
Because,

• Google Always Change Search Algorithm.So To Make Sure Your Blog On Top Search Result You Must Use Custom Permalink .
• You Can Edit Post Title Thousand More Times ,Sorry.You Can Edit Post Title Any Time As Your Wish.Then,You Can Edit,Add Post Title From Recent Search Hot keywords And You Can be Always On Top.
• Blogger Always Creates Permalink From Its Post Title.SomeTimes,Link Is Broken And Effects Search Results.Many Blogger Forget To Use Custom Permalink

Here You Go Top Benefits Of Using Custom Permalink in Blogger.

• It Let You Use Individual Link For Your Post.Link Can Be Used Anywhere.
• Makes Strong Stability on Search Result
• Helps To Stop Broken links Which is Created By Automatic Permalink Option.

Categories: Blog Design

Read More

Remove Footer Credit Link from Blogger Template Without Redirecting to any Website

We Blogger Notice Powered By Blogger In Footer Portion. It Looks Unprofessional. So You Want To Remove "Powered By Blogger" Attribution From Blogger Blog. Let's Move How To Remove This Widget From Blogger Footer .
Here You Can Learn Two methods To Remove, One Is Simple And Another Is Complex. If You Don't Get Any Good Result, Then Give A Try Our Second Option. This has been used and tried by may professional blogs and they have rated it one of the best options to do this.

If you remove Powered By Attribution like we use to cut any kind of detail from post it will get redirected to another website and you will not be able to see your blog in stable. So you need to be tricky and knowledgeable to remove it without getting redirected to any other page. Below we have written some methods which you can use to remove Powered By Attribution from your blog.

Method 1:

• First Go To Blogger Dashboard.
• Then, Theme>Edit HTML> Jump To Widget. Now Click Attribution1. Select Attribution And Change Value True To False And Save Changes.

• Or You Can Search The Following Line using Ctrl+F
  <b:widget id=’Attribution1′ locked=’true’ title=” type=’Attribution’>
• Change The True value into False.

• Now Go To layout>Attribution Gadgets>Click Edit
• A Window Will Appear. You Have To Click Remove.
• That's All. If This Trick Don't Work, Then Try Method 2

Method 2:

• Go To Blogger dashboard and click on Theme. Then click on Edit HTML
• Search ]]></b:skin> in the code And You have To Paste #Attribution1 {display: none;} Code Before/Above ]]></b:skin>

This will surely work and if you need any help in this matter contact us through the comment form which is located below. We will be happy to assist you.

Categories: Blog Design

Read More

Box Model for Putting Information Code for Blogger

If You Are Readers Of Blog,Then You Can Notice So many Blog Use Box Model To Show Important Code. In Blogger You Can Use Box Model System That look Your Post Awesome. You Can Put Your Code Here so That Visitors Can Get Code Easily. it make Extra Style For Your Blog Post. Here Is A Example Of Box Model We Are Going To Tell Here In Details.

Demo Box Model-

How To Implement Box Model In Blogger Blog Post

Follow The Below Steps To Put Box Model In Post-
Step 1:

• After Log in Blogger Blog, Go To Theme> then click on Edit HTML
• Then Search For Code ]]</b:skin> using Ctrl+F
• After Finding That Code ]]</b:skin>, You Need To Put Given below Code Before ]]</b:skin>

.Box-model {
background-color: #FFF1C7;
border: 5px solid #F2E1AC;
padding: 10px 30px 10px 15px;
margin: 0 0 1em 0;
font-weight: bold;
font-size: 13px;
position: relative;
}

Now save Template

Step 2:
Let's Move To Step 2. In This part We Are Going To Add Style On Blogger Post .

• Go To Post Editor(Click-Create New Post). Here In post Editor, You Can Notice Compose And HTML Mode. You Need To Turn On HTML Mode To Add Box Model Style To post.
• In The HTML Mode You Need To Add Code like That

<div class="box-model">
<p>Here we have shown you the live demo of Model box, This is just an image of Model box.</p>
</div>

• Then Again Come To Compose Mode, Then Try to publish Post. let's See On Front page.
• In The Code, notice The Blue Colored Text. These are The Text That Will Be Applied into box-Model class. You Can Change Those Text. Use Your Own Text That You Can Want To show In The Box Model.

Here is A Live Example Of Box Model-

Categories: Blog Design

Read More

Comment box html code for blogger in 20222

Comment Box is one of the important elements in the blog as they play an important role in updating the blog rank and to make in up to date. Their are various methods to provide a comment box in blogger, having a default comment box of its own. Different blogs have different type of comment box depending upon the type of template they have chosen. Some templates have inbuilt Facebook comment box which helps the blogger to receive the comments through Facebook platform.

In this article we will be sharing information/Source code related to Blogger comment form. Please read it carefully how to use it. Do not miss any part of the code otherwise it will not work. We have written one type of Html Code, You can change its setting anytime. The code for the Blogger Comment Box is Written Below:

Code For Comment Box:

<form action="/html/tags/html_form_tag_action.cfm" method="post">
<div>
<textarea name="comments" id="comments" style="font-family:sans-serif;font-size:1.2em;">
Hey... say something!
</textarea>
</div>
<input type="submit" value="Submit">
</form>

Categories: Blog Design

Read More

How to Add Youtube Video to Blogger Sidebar

You Can Upload Video To Blogger Blog Easily. The Video Can Be From Youtube, Webcam ,From Computer And Mobile Too.

Let's Start How to Upload Video To Blogger Blog.
>Go To Post Editor, Now Click Insert A Video From Toolbar
>A Window Will Appear With Different Option Of Uploading Video. Pop Up Window Have 5 Options .Details Are Below-
>Upload: You Can Upload Video From Your Computer
>From Youtube :You Can Use Video From Youtube. So You Need To Seach Video Or can Directly Use URL Of Video.
>My Youtube Vidoes :You Can Use Your Own Youtube Videos From Your Youtube Vidoes.
>From Your Phone:If Your Have Google+,Android Or iphone, Then You Can Upload Video To Your Blogger Blog
>From Your Webcam: You Can Now Use Video From Your Webcam To Blogger Blog.

If you will not follow the above Steps, your video will not work.

Blogger Video Not Working

Categories: Blog Design

Read More

How to Add Author Box in Blogger

For adding this feature in your blog i will suggest you to follow the below written procedure which is easy and safe for your blog. kindly follow each step properly and do not make any changes of your own. Almost every one thinks of adding the various widgets in his blog so that it may look attractive for the user. Adding author box is a special feature used by the professional bloggers all over the world. Through this they are sharing a special info related to them. Usually experience in blogging and other types of paragraphs are shared through the Author Box.

Different types of Author Boxes are being used depends on the type of blog you own. here in this post we will share an info regarding the most used and professional type of Author Box.

Procedure for Adding Author Box After Every Blogger Post

Step 1: Go to your blogger dashboard >> Click on Themes >> Then on Edit HTML

Step 2: Press Ctrl+F and find the below CSS Code in your template.

]]></b:skin>

Step 3: After that Add the Below Code above ]]></b:skin>.

/*Author Box CSS Code*/
.about-author {
width : 750px;
overflow : hidden;
margin:10px 0px;
border:0px;
background: #f2f2ef;
margin: 0 0 30px 0;
padding: 10px;
border: 1px solid #EAEDEF;
overflow: hidden;
color: #333333;
font-size: 14px;
font-family: Georgia, Tahoma, Verdana;
line-height: 24px;
}
.about-author img {
display: block;
width: 90px;
height: 90px;
margin: 0 1.2em 0 0;
float: left;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-border-radius: 999em;
-moz-border-radius: 999em;
border-radius: 999em;
border: 2px solid #ddd;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.about-author h3{
font-family:georgia !important;
font-size:18px !important;
margin:9px 0px !important;
color:#666 !important;
border-bottom:2px solid #666 !important;
border-top:0px !important;
}
.about-author p {
margin:0px;
text-align:justify;
color:#666;
}
/* Author Box CSS Code*/

Step 4: Search the Below Css Code in your Template.

<data:post.body/>

Step 5: Just below <data:post.body/> add the following code in your blog.

<div class="about-author">
<h3>About Author:</h3>
<img align="left" src="Paste Your Image URL Here"/><p>Write Something About Yourself</p><br/>
<p>Let's Get Connected: <a href="http://twitter.com/infologger2155" rel="nofollow" target="_blank"><font color="#00aced">Twitter</font></a> | <a href="http://www.facebook.com/bloggerwebsitetips" rel="nofollow" target="_blank"><font color="#3b5998">Facebook</font></a> | <a href="http://plus.google.com/109208666606854207231" rel="nofollow"><font color="#dd4b39">Google Plus</font>
</a></p>
</div>

Changes to be Made

1. Change Paste Your Image URL Here with your Image URL.

2. Change Write Something About Yourself with your Bio.

3. Change http://twitter.com/infologger2155 with your Twitter Page URL.

4. Change http://www.facebook.com/bloggerwebsitetips with your Facebook Page URL.

5. Change http://plus.google.com/109208666606854207231 with your Google+ Page URL.

Step 6: finally click on Save Template.

This is it and now you have added this feature on your blog. If you need any help message or comment through the below comment box and share your issue with our team. We will be help to assist you in this matter.
Enjoy and don't forget to share.

Categories: Blog Design Widget

Read More