Home » Archives for September 2013
Hide links inside comments: Now a days it becomes the headache of Bloggers and other content publishers that readers are spamming their links inside the comments. Sometimes a single reader put a lot of links in only one comment.So this looks quite ugly in professional Blog, obliviously every want his blog to be professional so its the time to hide links in your comments it will surely become a cause of you blog grooming.
How To Hide Links In Comments
- First go to blogger dashboard.
- Click on your site and then on Template tab.
- Now click on the edit HTML tab there.
- Proceed in the coding of the template.
- And find </body> code by pressing ctrl+f.
- If you haven,t have jQuery script in your blog then copy and paste the below code above
</body> tag.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>
- If you have already added JQuery script to your blog then simply paste the below code above the </body> tag.
<script>
$('.comment-content a[rel$=nofollow]').replaceWith(function(){return ($(this).text());});
</script>
If you want to Completely Remove the Links(Additional)
- Then instead of pasting the above code.
- Paste the below code above the </body> tag.
<script>
$('.comment-content a[rel$=nofollow]').hide());
</script>
- Now hit the save template button.
- Thats it! you have done removing spammers.
Snapcase Wordpress professional Template: Snapcase is a professional wordpress template designed by theme-forest, which is built for Images and captions.Snapcase is an awesome photography Template for wordpress blogs which show the image more beautiful.Another thing in this cool template is that it is responsive template and Retina Display ready. Snapcase
Features of snapcase professional Wordpress Template
- Beautiful black and white color.
- Responsive template.
- Use snapcase in any language, Translation file is included.
- Social media icons.
- 2 columns layout.
- valid Xhtml.
- Work with all kind of browsers.
- Jquery widgets.
- Many more customized widgets
- Retina display ready.
- This template is fit for video or gallery related blogs.
Bliss Professional Blogger Template:Bliss is a new professional Type Blogger Template which is really fit for travel related blogs.The Template is adapted from WordPress having 3 columns.The template has beautiful Blue shading having nice footer columns. Moreover the template is ads ready, having nice slideshow in the header region.The template has social bookmarking icons tabs and beautiful drop down menu.Bliss
Features of Professional Blogger Template
- Ads ready.
- 3 columns.
- Footer columns.
- Adapted from wordpress.
- Drop down menu.
- Navigable dashboard.
- Cool layout.
- Social Bookmarking icons.
- Professional design.
- Slideshow.
- Post thumbnails.
- Neutral colors.
- Blue shading.
- Browser friendly.
Groom Your Weblog:
If you are looking for a professional Blogger Template then it is a gift for you for free in our blog.So remember our blog for more templates and share your thoughts in the comment box.You can groom your blog by this template.
MBT V2.0 Blogger Template: MBT is a cool blogger Template which is made by Muhammad Mustafa Ahmad Zai. This is the latest version of MBT Template.This cool template is highly SEO ready and more professional because of its author Mustafa Professional blogger of Pakistan.The template has a lot of unique features such as customized widgets and unique colors.
MBT 2.0
Key features of MBT V2.0 Blogger Template
- Ads Ready.
- Seo Optimized Template.
- Seo ready.
- The most professional Blogger Template you ever see.
- Cool Read more buttons.
- Nice header.
- Neutral colors.
- Cool background.
- Beautiful customized widgets.
- Most bloggers love to use this template.
- Perfect drop down menu.
- Cool navigation style for pages.
- Beautiful text style
Horizontal Menu For Blogger:A new Horizontal Menu Bar which has a nice glowing feature and hover effect, is made through pure CSS which means that you will not face any problem in installing it to your blog Because it is purely made by CSS language. We recently share a nice Horizontal menu which was also an awesome one.But today we comes up with a very Unique one this menu has the following Features.- Beautiful Hover Effect.
- Beautiful Cool Black Color.
- Nice Glowing Feature.
- Pure CSS widget.
 |
| New Horizontal Menu Bar With Glowing and Hover Effect |
How To Add Horizontal Menu Bar To Blogger
- Sign up to your Blogger Dashboard >> Your site.
- Now click on the layout Tab there.
- Click on the Add new Gadget link there.
- A menu will pop up with a list of Gadgets.
- Select the HTML JAVASCRIPT gadget from the list.
- A box will pop up with open space.
- Now copy the below code and paste it inside the HTML JavaScript box.
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<style>
#RWGmenu-wrapper {
background:#215175 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiko85OtNloi07OvKuxytd0gMFt8xN7wglBeymj8qagicXYf0fvDZiKHVTvwh2-l2OoLA4qJ9S6r1SZGpxKXG2djgdETV8f0cnMke8yBV4eJkQCHGuBMhLXAKpcYW1iaJwLsfluiYMGSGtH/s1600/RWGmenu-bg.PNG) repeat;
width:960px;
height:43px;
font:normal 15px 'Oswald', sans-serif;
text-transform:uppercase;
margin-bottom:15px;
}
#RWGmenu ul {
text-align:center;
padding:12px 0 8px;
}
#RWGmenu li {
display:inline;
margin-right:10px;
}
#RWGmenu li a {
color:#fff;
text-decoration:none;
padding:8px 10px;
}
#RWGmenu li.selected a {
color:#fff;
font-weight:700;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5R0oX-br_CIARuRqUwrpMY9lP3AQTjP8K7Uev9ducIQVkulVri5fG4lyjLnwTEvgo6ndwreZRJMdaAKUJBcecTy5lwAjkKd5sxanEA-IBh_4RXpDWt7kBsL6PI6YOEWmp_nBhHrVxvKA1/s1600/bgmenu_a.jpg) no-repeat center center;
}
#RWGmenu li a:hover {
text-decoration:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5R0oX-br_CIARuRqUwrpMY9lP3AQTjP8K7Uev9ducIQVkulVri5fG4lyjLnwTEvgo6ndwreZRJMdaAKUJBcecTy5lwAjkKd5sxanEA-IBh_4RXpDWt7kBsL6PI6YOEWmp_nBhHrVxvKA1/s1600/bgmenu_a.jpg) no-repeat center center;
}
</style>
<div id='RWGmenu-wrapper'>
<div class='RWGmenu section' id='RWGmenu'>
<ul>
<li><a href='#'>Home</a></li>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Twitter</a></li>
<li><a href='#'>Youtube</a></li>
<li><a href='#'>Widgets</a></li>
<li><a href='#'>News</a></li>
<li><a href='#'>Privacy</a></li>
</ul>
Customization in the Script or Code
- Replace 960 with according to your Blog width.
- Replace Orange color Text with your Page or URL name where you want peoples to redirect.
- Replace the # with your desired URL OR Page URL to which you want peoples to navigate.
- Now hit the Save Button...........Because you have done this Tutorial.
If you have any problem regarding the Adding of the Horizontal menu bar for Blogger contact us and share your thoughts in the Comments area.
