Liked

Friday, 11 January 2013

Change Read More with image Blogger

1 comments
It is wise to replace 'read more' text link at your blog with image showing read more link.  It shows more attractive and stylish. Follow Some Simple steps to replace read more text with given images. Simply select the the image that suits your template color scheme and replace read more text with the codes given below your selected image. 


  • Log in Blogger Dashboard.
  • Enter in Template » Edit HTML.
  • Check ' Expand Widget Template'
  • Now, Search out the read more text in your template depending what text mention in template [Tip: Use Ctrl+F to search fast by using browser's Search menu].

Replace read more text with the codes given below of selected image.




<img width="120px" height="32px" src="http://1.bp.blogspot.com/-pilzbQTM6CU/UO_Mt0C4owI/AAAAAAAAAkc/UowqIcJV6KI/s1600/blue.png"/>

Thursday, 10 January 2013

HTML HEX Color Value Generator Blogger

1 comments
Give Your Blog text, link attractive colors. Color Picker will help you to choose appropriate color value to make your text, link and blog color more realistic and attractive. If you like it please share it.



Some Examples of Major Color values.

Social Share Widget For Blogger

1 comments
Default Blogger templates have not social share button after the post area. If you have social share button set at your blog your visitors can share your post with the social network platform that they use. No doubt it is useful to increase blog popularity and page rank. So, what is next, follow some very simple steps to add this social sharing sites button set at your blog.


  • Log in Blogger Dashboard.
  • Enter in Template » Edit HTML.
  • Check ' Expand Widget Template.
  • Find out the given codes in template (Tip: Use Ctrl+F to use your browser search menu to search quickly).
]]></b:skin>

Monday, 7 January 2013

Increase width of blogger comment bar

1 comments
Default Blogger comment bar is smaller than width of post area. This disturbs the layout and looks unprofessional. You can easily change it through two ways, suitable with your template. Follow some simple steps to increase the width of comment bar similar to the width of post area-
  • Log in Blogger Dashboard.
  • Enter in Template » Edit HTML » Check to 'Expand Widget Template'.
  • Now search out the given code (Tip: Use Ctrl+ F  to search fast by using browser search bar.)


]]></b:skin>


Now just above ]]></b:skin>  add the given codes.

 .comment-form{ min-width: 100% !important; }

Saturday, 5 January 2013

Hide or Remove Blogger Navbar

1 comments
Blogger provides a navbar as a default to log in and navigate to next blog with search blog. This navbar is hidden in third party templates. The advantage of blogger navbar are given below:

  • Blogger Navbar Takes you back to www.blogger.com.
  • Search box: Search Box provides the pages and post at the blog you currently viewing.
  • G+ share button: Lets you share the blog to your circles on Google+.
  • More: This drop-down lets you share the blog by email or on other social websites as well as notify our team of a Terms of Service violation by clicking "Report Abuse." You can also report abuse through  Help Center.
  • Next blog: Takes you to a recently-updated Blogger blog similar to the one you're currently viewing.
  • [email address]: If you're signed in to your account, you'll see your own address here. Other viewers will see their own email addresses, or none at all if they aren't signed in.
  • New Post and Design: If you're signed in, these links will take you to your Blogger Dashboard.
  • Sign In/Out: This displays the appropriate option, depending on whether you're signed in or not.


How To Hide Blogger Navbar


You can hide blogger navbar completely by adding some codes to your template. Follow some simple steps to hide blogger navbar completely.


  • Log in Blogger Dashboard.
  • Go to Template » Edit Html (check mark to 'expand widget template' )
  • Search out the given code in your template (Tip: use ctrl+f : to search by using your browser search bar)

]]></b:skin>

Now add the given codes just above ]]></b:skin>


#navbar-iframe, #navbar { height: 0; visibility: hidden; display: none; }

FeedBurner Updates

 

Thanks for Your Arrival !

Recent Comments

Followers

Recent Comments

Your Precious Arrival

free counters

© 2011-2012. MTS-Mast Tips n Tricks All Rights Reserved Arvind Jangid, Sikar, Rajasthan, Ph. +919413159634 . Template by Mast Blog Tips | Back To Top |