Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

Tuesday, April 19, 2016

How to add 'About Me' gadget in blogger with profile image URL?

We have given the various methods in which you can add 'about me' link in blogger. We have also given tutorial on how this can be done using HTML/JavaScript gadget. But that was just a simple version. In that, you can add your description text and linking your blog URL.


But today we are here with another version of it-better version. It's a better one because you can actually add your own profile photo in addition to things you can add in its simple version. 

Are you ready to have this wonderful gadget added in your blog? If yes, please follow the given steps:

Step 1
Login to your blogger account

Step 2
Select the blog (if you have more)

Step 3
Click on drop-down menu button

Step 4
Click on Layout button

Step 5
Click on Add Gadget button

Step 6
Scroll down. Select HTML/JavaScript

Step 7
Keep the title as 'About Me'

Step 8
In the content, paste the given HTML codes:
<left> <img src="https://scontent-sin1-1.xx.fbcdn.net/hphotos-xat1/t31.0-8/s960x960/1401332_621479974564229_725520938_o.jpg" alt="profile" height="140" width="120" />
<p align="centre">I am Sherab Tenzin, a man behind this blog <b><a href='http://stcbmtl.blogspot.com/' rel='privacy policy'>To Learn Blogging</a></b>. I live in Thimphu with my family. 
</p></left>

Step 9
Make changes in above highlighted font texts

Step 10
Click on Save. You're done.

Blue font are your profile image URL and your blog URL, Red is your profile description text, Green is your blog name. You can also change alignment of text from centre to left or right or justify. Moreover, you can also change the height and width of the profile image according to your blog's design.  

Monday, April 18, 2016

How to remove Blog Name when a post is shared in Facebook?

When I share my a post of my blog in Facebook, the format in which the shared link appears in Facebook is: Blog Name: Post Title.
    

I want the link to show only the Post Title and not Blog Name. The display of blog name isn't at all needed as it's already displayed as a header. By default, blogger shows in the format of Blog Name: Post Title.

If you want just like-display of only the click-able post title, follow the given steps to incorporate the change in your blog:


Step 1
Login to your blogger account

Step 2
Select the blog to make this change

Step 3
Click on drop-down menu

Step 4
Click on Template

Step 5
Click on Edit Template

Step 6
Find (Ctrl+F) the given code embedded inside:
<title><data:blog.pageTitle/></title>

Step 7
Delete it

Step 8
Paste the given code in place of above code:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title>
<data:blog.pageName/> </title>
<b:else/>
<title>
<data:blog.pageTitle/>
</title>
</b:if>

Step 9
Click on Save template

Step 10
Click on View Blog. Share one of the previous posts on Facebook. See if it appears in earlier default format. If not, you have just done it right. 

Saturday, February 20, 2016

Google Product Help Forums+benefits of joining them for Bloggers

Google has as many as help forums as there are its products. You can view all the forums from HERE. Since we are in one way or another are users of Google products and services, we must participate in those forum discussions.


If you want to know the advantages/benefits of joining those help forum discussions, I have listed few based on my experiences:
  • To share knowledge & views.
  • To learn new things
  • To update changes in the product/service
  • To help others
  • To seek help from experts
  • To make new friends
  • To expose our blogs
  • To receive new visitors for blog
  • To get new sources of posts
  • To improve blog's traffics
I am one of the active participants in Blogger Help Forum despite not being able to contribute as often and as valuable as others do. Yet I have helped few and also learned many things from joining it. 


I have also answered some questions thinking if my answers can help those newbies. Indeed in few times they really did. I also received notification email from Google appreciating for giving the best answer. 
   





This is a great deal. The joy of helping others is great. In return, you get new visitors and new followers. More importantly traffic your blog receives get increased from different countries across the world. 

Google also has the system of dividing participants/contributors as experts, top contributors, etc. You can join and then keep on taking every runk of this system.

I haven't participated in other forums. But I am going to do hereafter. The number of new things I learn from them will higher. If you've joined in them, please share with the main benefits you have received from them. 

Wednesday, February 17, 2016

How to add comment rules as comment form message in blogger?

The popularity of a blog is often judged by number of comments its new articles receive. An article with less or no comment is being perceived as a least read or low standard article though it might have been read by many. 
       

Therefore, as bloggers, we have to encourage our readers to leave their views or suggestions as comments. For this, out of many methods, what experts recommend is adding of a 'comment form message' just above comment box. 

In this tutorial, I will help you in adding this message. And to extend it little farther, I will also guide you on how to link your comment policy within this message as an additional link.

I will also help you in adding comment rules directly as a comment form message without adding another navigation link of comment policy.

Step 1
Login to your blogger account

Step 2
Select the blog (if have more)

Step 3
Click the drop-down menu

Step 4
Click on 'settings'

Step 5
Click on 'Posts and Comments'

Step 6
Click on 'comment form message'

Step 7
Click on Add

Step 8
Write your message. If you want to give 'comment policy' an embedded link within that message, copy and paste given code:
<b>Read our <a href="http://stcbmtl.blogspot.com/p/comment-policy.html" rel="comment policy">comment Policy</a> to know your rights &amp; responsibilities before actually leaving a comment for this article.</b>
You can then customize blue and red font in above code according to your needs. You may also change the message. 

To add comment rules directly as a comment form message, follow given steps:

Step 1
Click on template (assumed you are already logged in)

Step 2
Click on Edit HTML

Step 3
Find the code (ctrl+f): <h4 id='comment-post-message'><data:postCommentMsg/</h4>  embedded and replace it with given HTML:

<div class=”rule”>
<h5>My Comment Rules</h5>
<li>Rule Number 1</li>
<li>Rule Number 2</li>
<li>Rule Number 3</li>
<li>Rule Number 4</li>
</div>

In above code, change rule number 1 to 4 with your comment rules and then click on Save Template. You're done. If you want more number of comments, you just add any of comment number line code. 

Hope you got this tutorial. If you have faced any problem in implementing this, please leave them as comment. I will answer for you and for other readers.  


Tuesday, February 16, 2016

How to add navigation links in a footer of free blogger templates?

We have shared you a tutorial on how to remove an attribution link and then add a customized copyright notice in free blogger templates. If you have implemented that tutorial, the addition you have made unto your blog will be just a copyright notice. 
         

But you must have observed in many websites that they also provide other links such as 'about us' and 'Privacy policy' along with the copyright notice. 

Therefore, in today's tutorial, we will help you in adding such links in the footer of a free blog template and then do necessary alignments to suit your template designs. Most of the Blogger-powered third party templates have such links enabled in the templates.

Don't worry. The steps are simple and easy. 

Step 1
If you have removed attribution link and then added customized copyright notice, click on edit of that gadget.

Step 2
Delete all the codes you have added inside it and then paste the following HTML codes:
<hr /><b>Copyright &#169; 2015 <a href='http://stcbmtl.blogspot.com/' rel='designer'>To Learn Blogging</a>. All Rights Reserved. &nbsp;<a href='http://stcbmtl.blogspot.com/p/privacy-policy.html' rel='privacy policy'>Privacy Policy</a></b><hr />

Understanding above HTML:
Red Font
To add two horizontal lines above and below these links body. Remove them if you don't want these lines.

Blue Font
To add space between copyright notice & links. Copy and paste more to increase the space between the two.

Green Font:
To make all fonts bold. You can use i to make italic & u instead of b to make underlined fonts. Read this to customize font. 

Dark Blue Font
Part of one link. Copy and add this to make more links in your blog. You can refer mine. 

Don't use alignment codes. I mean don't try to align copyright notice to left and then links in right. Because blogger treat as separate frame. Your copyright notice and links will get distorted unprofessionally.  

Monday, February 15, 2016

Ultimate Guide on Guest Blogging in Blogspot to Market your Blog

What is mean by Guest Blogging? It’s a blogging practice in which a person writes posts in another person’s blog. The person who contributed the article will be a guest blogger and article thus contributed will be a guest post. 
   

The guest blogging practice is becoming popular. Many popular blogs across the world are indeed run by this practice. They have good number of guest bloggers. 

People also love being guest bloggers in popular blogs having good command in the internet and search engines because they become known in the internet and helps their blogs in getting new followers, readers and sponsors. 

Therefore, guest blogging is often called as one of the sexiest modern tactics of marketing a blog’s content to bring good traffic and online brand building.

The guest blogging is quite an easy thing in self-hosted blogs. But in free-hosted blogs of WordPress and Blogger, there are quite a good number of procedures for guest blogging. But all the steps are easy.

How Guest Blogging can be done in Blogger?
In blogger, a guest blogger is technically called as a limited access author. This means guest blogger cannot access everything of a blog in which he or she wants to write a guest post. Guest blogger can write or edit his or her post written in that blog but not articles written by others. He or she cannot customize blog designs or settings. 

Step 1
A person who wants to become a guest blogger should write an email to the owner of the blog requesting for an opportunity to write a guest post in his or her blog.

Step 2
The blog owner may review your blog or other online articles and then if he thinks you can add value to his blog, he send an invitation to become a guest blogger. 

Step 3
You have to open your Gmail account and then accept his invitation. Once it done, you can access the dashboard of that blog from your Gmail account.

Step 4
You can write a post and when it’s done, you can save it as draft. The blog owner will review it and then publish it. But you’ll be shown as an author of the post.

The procedures appear short and easy. But this is more of generalized and theoretical steps. In technicality, it’s the owner of the blog who should how to invite a person as guest blogger in his blog. 

Procedures (refer diagrams below): Settings>Basics>Add Authors>Type Email Id>Invite Authors



In above step, email id should be that of a person who wants to become a guest blogger in your blog. He should have Gmail account. Other email accounts aren’t supported in blogger. 

So I have given the steps of guest blogging in Blogger. But before actually entertaining the guest blogging, I would recommend you to have Guest Blogging Policy as another page in your blog. In our case, this policy is Write to Us link given in our footer attribution link. 

Things to be known by guest blogger after guest blogger invitation acceptance & before writing a guest post:

You’ll remain as the legal owner of the article you have contributed. That blog will remain a mere platform. 

You’ll be held responsible and accountable for damages if incurred due to your post. The blog owner won’t be held liable. 

The blog owner or other third persons cannot re-publish your article without your consent.

You shouldn’t directly publish the guest post though you can do so. Blog owner has a legal right to review it. 

The blog in which you are being invited as guest blogger will appear in your blogger dashboard. But you cannot edit posts written by blog owner or other bloggers. You can just view and share their posts. 

You can edit your post as far as you are in the list of guest bloggers of the blog. Blog owner has the right whether to keep you as a permanent guest blogger or remove from the list right after your article is being publish.
_____________

In Bhutan, this guest blogging practice isn't prevalent. May be we don't have time or we don't want to take blogging seriously. If we implement this, the community of Bhutanese bloggers will become stronger. All blogs will receive fair share of domestic views -which is also loved by search engines like Bing and Google for page rankings. 

Hope you'll implement this. I have used this practice. I have had Tenzin Dema as my first guest blogger and has written one guest post in my blog. 

Tuesday, December 15, 2015

How to add simple per post page-views counter in Blogger?

We want to see and keep track of how our blogs are doing. Number of back-links, comments, followers and also page-views in a day, month or year are some basis to judge success of the blog.  
 
  
Out of those parameters, I usually love to consider page-views as more realistic basis. 

There are many tools that help us to know the page-views our blogs have received in day, month or year. Some of them are:
      
  • Google Webmaster
  • Google Analytics
  • Quantcast
   
But they show sort of overall page-views. At the max they give us a list of top 10 highly viewed posts. Nothing more than that. We, as bloggers, want something more - the total views every individual post has received. 

Read: How to use Google Webmaster & Google Analytics to know a blog's health?
     
The overall page-views report is also there in blogger dashboard. There is also a feature to show top 10 highly viewed posts and also 10 countries from where maximum people visited our blogs. 

Read: 10 effective and professional methods to increase your blog's page-views?   
 
I have already said. That is not enough. We want to know the page-views received by every article we have posted in our blogs. If possible, we want them to be displayed as counter in the header of article.
  
In recent times, blogger has allowed adding of per post page-views counter in our blogs. But it entails adding of some HTML codes in our current blogger templates. There are some other third party tools that can be used to add feature of per post page-views counter. 

Read: How to add professional HTML Box inside Blogger post?
  
The good news is that this tool won't reduce the loading speed of your blog unlike other similar tools. It's also simple and effective. Let us add it in our blog-because we want to display page-views every post has received to our readers. 
   
    
How does it look? Excellent, right? So without wasting much time, let me guide through step by step in adding this feature in your blog too.
  
Login to your blog>Template>Edit HTML>Find (Ctrl+F) the give HTML code:
  
<div class='post-header-line-1'> 
   
Just below the above code, add the given HTML code:
<b:if cond='data:blog.pageType == &quot;item&quot;'><img height='16' src='http://forums.bit-tech.net/images-light/misc/stats.gif' width='16'/><img alt='counter' expr:src='&quot;http://demo.bloggerwidgets.cz.cc/counter.php?page=&quot; + data:post.id + &quot;&amp;digit=4&quot;'/>  <b>Views</b><b:else/><img height='16' src='http://forums.bit-tech.net/images-light/misc/stats.gif' width='16'/><img alt='counter' expr:src='&quot;http://demo.bloggerwidgets.cz.cc/counter2.php?page=&quot; + data:post.id + &quot;&amp;digit=4&quot;'/>  <b>Views</b></b:if>
  
Once it's being add, click on save template and you're done. Congratulation for having per post page-views counter in your blog. Click on view blog to see if it has been installed. Thanks 

Wednesday, November 4, 2015

How to improve the blog traffic from Google+ Communities

Google Community is just like a group in Facebook. In Facebook group, anything shared can be viewed by all its members. Members are assumed to be people of same interest or objective. To access information shared in a particular group or share anything in a group, one has to first join as its member. 
 
       
This is the case with Google Community. There are many communities in Google that can be viewed from your Google+ profile dashboard. You can join in any of them. If no community matches your interest or objective, you can always create one and invite your friends as members – just like you can create a group in Facebook. 

How to view existing Google Communities
There are thousands of Google communities – starting from vegetarians to celebrity communities. Some communities have millions of members. So you can join any of them and start viewing the posts members have shared or start sharing one of yours. 

To view all communities, it’s damn easy. If you have opened your Google+ profile, just to the left of your profile details, click on the drop down bottom and then click on COMMUNITIES. 

All the communities will be shown on your Google+ user dashboard. If you want only the communities that are being recommended for you, click on recommended community.

How to create new Google Community
I have already told that you can create a new community if none of communities has objectives that are into areas of your interest. Once it’s being created, you can invite your friends to be its members. When more and more people join as its members, it will grow into a bigger community and level of your interaction with members and also among members themselves will increase.  

I have also created a community that goes by the name To Learn Blogging to share scratches of blogging for people who are new into blogging world. It has now more than 20 members. I am inviting more and more people as its members. Some are joining themselves.  

To create a Google community, the steps are given below:
  1. Open your Google+ Profile 
  2. Click on drop down button (just below Google+)
  3. Click on Communities
  4. Click on Create Community (on the top right hand side of Google+ profile dashboard)
  5. Select the kind of community (Public or private. Better select public)
  6. Give the name of the community
  7. On do people need permission to join? Select No, anyone can join
  8. Click on create community
And you’re done creating a community. You can add members, send invitations and also do some privacy settings as per your requirements. Since you’ll remain as its owner, whenever new member join it or post articles, you’ll receive notifications. 

How to generate traffic from Google Community?
This is the charm of joining different Google communities for bloggers. Or you may say for creating one that isn’t existent before.

Google communities can be leveraged to generate more blog traffic. Since each community is a group of people with same interest or objective, you just have to know what to share and what not to share. You must read the taglines of a community before sharing any article or post. In tagline, community owner usually gives aims and objectives of the community. 

Things to remember while joining Google+ communities:
  1. Join communities that have objective related to your blogging area. If your blog is all about web designing, you shouldn’t join a community of fashion lovers. It won’t make sense. 
  2. Join related communities with large number of members. The possibility of people from the community visiting your shared links will be higher only if that community has large number of members. 
  3. You can like or comment wherever necessary. This will make members feel your presence and often get new visitors or followers to your blog.
I have also joined as member to three communities. They are Blogspot, Blogging and of course my own community To Learn Blogging. They are related to areas where I run my blog. I also learn many new things in there as much as I get visitors and likes for my blog.

How to share a post in community
Sharing of your post in a community is easy. It’s just like how we share posts or articles in our Facebook walls or groups. Just follow the given steps:
  1. Open your blog 
  2. Click on title of the post you want to share
  3. Open a community in which you want to share the post
  4. Copy the URL of your post to be shared
  5. On share what’s new of that community dashboard, paste the post URL.
  6. Select the category for your shared post
  7. And click on Share button.
Benefits of Google community membership
I have said so much on how to join Google communities and also how to create one if none interest you. Why? Ok. Let me tell you the benefits of joining Google communities:
  1. You can discover new blogs in your niche. 
  2. You can make new friends
  3. You can speak out your interest
  4. You can build brand around your passion 
  5. You can share your blog posts
  6. You can receive new readers, followers and commenters 
  7. You improve your blog traffic.
Therefore, why are you waiting? Join as member to few Google communities, do what I have told you to do and then see the change in your blog traffic graph. I am sure you’ll be surprised. 

My blog traffic has improved its traffic and today receives at least 600 hits a day compare to only less than 100 few months before – when I didn’t join any of Google communities. What's the main source of traffic for your blog? Share with us in comment.  

Wednesday, October 28, 2015

Why it's high time to activate https in your blogspot blogs?

We aren't being bothered by whether our blogs' URLs are https enabled or not till now. Though blogspot works in both modes, https enabled mode ensures content security of blogs. The possibility of the blogs' contents getting hacked will be lower if URLs are https enabled. Every web designing expert will know the reasons.
 
                                 
If you care about your blog contents security, it like necessary to have https enabled for your blog. 

It has now become doubled necessity to enable our blogs' urls into https mode. Because Google have started considering https as a ranking signal. If you don't activate your blog's url into https mode, it not only risk the security of the blog's content but will also reduce Google's search ranking of the blog. Google has issued this notice in their Official Google Webmaster Central Blog

Therefore, it will safer on our side to have our blogs' urls https activated. To have this in your blog, follow the given steps:
  1. Login to blogger account
  2. Select the blog (if you've many)
  3. Click drop-down menu
  4. Select security button
  5. Select Basics
  6. Scroll down to HTTPS Settings
  7. Right to HTTPS Availability, select YES
In step#7, if there is already YES, then your blog is already https activated. You don't have to do anything. If there is NO, only then you have to select YES from drop-down option.

Once you enable https in your blog, just below that menu, a warning of something like, 'HTTPS will not be available for blogs with a custom domain'. This warning for bloggers having personalized domain name. If you don't have one, you can just ignore it. 

Monday, September 7, 2015

8 popular disadvantages of blogging at blogger.com


We have learned the 12 advantages of maintaining a blog at blogger.com. And also we have learned some basic advantages and disadvantages of blogging at WordPress.com. Today let us see what are the possible disadvantages of maintaining your personal or business blog at blogger.com


Thursday, September 3, 2015

The 12 advantages of blogging at blogger.com

Blogger.com being a platform of blogging is as popular as WordPress.com. Some people though may prefer to blog with WordPress.com. However, some may prefer Blogger.com. We have already explored the advantages of blogging with WordPress. Today let us see what makes blogger more preferable for people when compared with other blogging platforms. 

1-User Friendly

Blogger.com is user friendly. You don’t have to be SEO expert or web designer to successfully maintain a blog in blogger.com. Templates are already designed ones and if you want to move little further, customization works are also simple and easy.

2-Customization Freedom

One of the popular advantages of blogging with blogger.com is that there isn’t much restriction in customizing designs and templates.   

3-Free Domain Name

You don’t have to pay anything to get the URL address for your blog in blogger.com. Once you give your intended URL, system will check its availability and then get assigned if it’s available.

4-Easy to Publish Posts

You don’t have to be techno-savvy to write and publish a post in your blog maintained with blogger.com. It’s as easy as tying an essay on a Microsoft Word Document.

5-Third party templates

You can also add third party templates without having to pay any penny. You can also use any of the templates being offered by blogger. All templates are also free.

6-No cost for changes

Blogging with blogger.com is cheap. You don’t have to pay even single penny to add customized templates and third party widgets.

7-Package of services

Blogger.com is one of the products provided by Google. Since Google has always remained as pioneering company in providing other ancillary services like search tools, Development tools, map tools, statistical tools, advertisement tools and also security tools. You can access all those products just because you have a blog with blogger.com.

8-HTML editing Freedom

Not to mention that HTML editing is easy at blogger.com, it’s also free. You don’t have to pay any to add your required customizations. Moreover, if things don’t go right, you have an option to revert to default templates and widgets.

9-Add simple widget

This is one the advantages I really love in blogger.com. To add third party widgets, you don’t have to be a web designing expert or SEO professional. You can just add HTMLs of those widgets in HTML/JavaScript widget directly. It’s simple.

10-Better Security

People prefer opening Gmail account over other accounts. Google ensures good security in our profile data management and information storage. So much as your Gmail account is secured, your blog opened at blogger.com will also remain secured. There is almost no chance of getting hacked.

11-Site Traffic

Blogger.com is a Google owned product. Since Google is one of the widely used search engines in the world, your blog maintained with blogger.com will be easily noticed. They are of same family.

12-No Risk of Losing Blog

Since your blog opened with blogger.com is actually being managed by Google as blogger.com is one of its products, there is very little chance of your blog getting lost from cyber world. Google is always appreciated for having the best server. 

Therefore, if your requirements are in line with maximum of above mentioned points, we recommend you blogger.com for you. 

Tuesday, August 18, 2015

How to Underline/Bold/Italicize Post title in Blogger?

In some templates, by default your post title will be either underlined or bolded or italic. But in many, it will be just like the post body. When title and post body are same, things don't appear distinct and are often mundane. 
   
  
If such things are already inbuilt in your template, that is well and good. But if your template doesn't have those and you're kind of bored looking at it, let us add few techno-touches in how the post titles are being displayed:

To make post title BOLD
To make your post title Bold, use this: <b>YOUR TITLE</b> while giving a post title


To make post title UNDERLINED
To make your post title Underlined, use this: <u>YOUR TITLE</u> while giving a post title

To make post title Bold & Underlined
To make your post title Bold & Underlined, use this: <b><u>YOUR TITLE</u></b> while giving a post title.

To make post title Italic
To make your post title Italic, use this: <i>YOUR TITLE</i> while giving a post title

To make post title Italic & Bold
To make your post title Italic & Bold, use this: <i><b>YOUR TITLE</b></i> while giving a post title.

To make post title Italic, Bold & Underlined
To make your post title Italic, Bold & Underlined, use this: <i><b><u>YOUR TITLE</u></b></i> while giving a post title.

To make post title Italic & Underlined 
To make your post title Italic & Underlined, use this: <i><u>YOUR POST TITLE</u></i> while giving a post title.

You can choose from above mentioned choices according to your requirement. This shouldn't be any hard. Keep learning and blogging. Cheers!

How to remove 'Home' from Post Footer in Blogger

When we use free blogger templates/themes, at the footer/bottom of a post, a 'Home' link will be given. If you're using other third party templates, it's good that some don't have such link in them. Whatsoever, its uses can be to help readers navigate to front page from the bottom itself without having to move to tabs. 

But if you have pages/tabs opened either as sidebar widget or below your blog title and description as tabs, this link appears unnecessary. It not only gives an unprofessional look to our blogs but also over-use this link. Therefore, let us try to remove it permanenantly or hide temporarily from our blogs.

To remove permanently
If you don't want this link below your post anymore, you can remove from your blog forever. If you want to have it, consider following steps and incorporate in your blog: 

Login to your blog>Click on Template>Click on Edit Template>Find (Ctrl+F) the following HTML code:
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

The above code will appear more than once in your blogger template. Leave the first one as it is and delete the same code that comes second in your search. 

Once you have located the same second code, highlight it and delete them from your template HTML. You can preview it and if that link doesn't appear in your post footer you must have got it right. Click on Save Template and you have successfully removed that 'Home' link from your blog.

To hide it temporarily
We can also hide this 'Home' link from your post footer temporarily. But it will remain hidden as far as you don't use other third party templates. If you think that this link will be needed in future but not for now, you may hide it from your blog. To get it consider the following steps:

Login to your blog>Click on Template>Click on Customize>Click on Advanced>Scroll down and click on Add CSS>Copy the given CSS and paste it in  blank white 'Add Custom CSS' area:


.home-link { display: none; }

Once you have added it, click on Apply to Blog. Click on View Blog and see if that 'Home' link was hidden from the footer of your blog post. If it's no more visible there, then you must have got it right as you wanted. This is easy. Isn't it? Enjoy Blogging. Cheers!

Monday, August 17, 2015

How to remove blogger logo from your profile widget?


When we add 'Profile' widget that displays details of the admin of the blog, it comes with a brown blogger icon attached with it. I don't know for others. But for me, I really don't like it. May be blogger wants to advertise its products to others. But it appears little disoriented. 

If you're too obedient to remove this icon from your profile widget, you may keep it just like that. But if you want to remove it and make your blog little more clean and professional, consider the following steps and incorporate in your blog:

Login to your blog>Click on Template>Click on Customize>Click on Advanced>Click on Add CSS> And add given CSS in Add custom CSS box:

.profile-name-link { background-image:none !important; padding-left:0px;}

Once it is being added. click on Apply to Blog. You can then click on View Blog to see whether this unwanted icon has been removed or not. If it's not there on your profile widget then you must have got it right. Cheers!

How to add border around post article in Blogger?

This will be embedded in some templates. But most templates don't come with this code embedded. When there aren't borders around post articles, it doesn't give professional look. There won't be distinction between sidebar and post body.



Therefore, to make your blog appear clean and professional, we can add borders around the post articles. To get this in your blog, follow given steps:

Login to your blog>Click on Template>Click on Edit Template>Find (Ctrl+F): ]]></b:skin> and just above it add the given HTML:

.post{border:1px solid #E5E5E2;border-style:solid;border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;background:#ffffff;margin:.1em 0 .5em;padding:0px 8px 0px 8px}

Once it's being added, you can preview your blog. If you want more customization, you can change those parameters in above where fonts are being high-lighted. Instance, if you want the border to be little thick, you can increase border from 1px to 1.5px or 2px. What can be easier than to get a border around your post. Cheers!

Related Posts Plugin for WordPress, Blogger...