Remove default share buttons from Dynamic Views Blogger

Dynamic views is now used by many people. But everyone don't want every feature of Dynamic views and e the share buttons are a feature that many Blogger users asked me how to remove it, this tutorial is specially for them.

Why one would want to remove the social share feature ?

Good question, the answer is that people having private blog don't need the share feature at all and even if the blog is not private some might just want keep away from social sites. Whatever the reason is, there's no option in Dynamic views to disable the search features and that's why you are here to learn how to remove it. Continue for the trick to hide/remove the share buttons

The trick

A one line code can work like a charm to hide elements from a page and for the share buttons in Dynamic views this one line CSS will do the job. Copy the CSS code below and then follow the instruction to add it

.share-controls {display:none !important;}

To add this CSS into your Dynamic views template Go to Blogger Dashboard -> Template -> Customize -> Advanced -> Add CSS -> Paste the CSS and hit Apply to Blog and that's it.
Check your updated page by refreshing your page with CTRL+F5.

Your feedback

As you know we love to hear from you and to say thanks and ask question comment is the best way. Also subscribe to our blog for regular updates and Blogger tips and tricks. 

Blogger should introduce a Theme Store

Blogger is undoubtedly the most used blogging platform, big or small, bloggers of all levels use blogger as their blogging platform. Blogger themes are another element of a blog, blog with good templates and looks are always attractive. Blogger provides different types of template for blogs but they are limited, and most of them aren't updated, so it makes your blog back of 2007, there are options to design your own template by HTML,CSS and JavaScript but general bloggers will find it difficult to learn new web languages to create a new blogger template.

If you have ever used WordPress then you will see a well maintained and daily updated theme store, WordPress users can select any theme from the store and then apply it on their website/blog. Some are premium and premium templates in WordPress theme store are always professional and good for SEO.

The Authors of those theme are paid if someone buys the template and that makes more and more web designers to contribute into making a theme for WordPress, it's also a good business from WordPress.

Currently Blogger don't have any such stores, like premium thing and it hasn't even updated any feature since 2 months, where last feature update was the Search preferences. Having such a template store in Blogger will attract new bloggers and web designers to submit their own template made with hardwork. Alternatively there are sites who provides themes and templates, but as they are free template, they don't guarantee for it. You may download one but usually they are not well formed and sometimes mess up the whole layout and that's the different between a free theme and a premium paid theme.

And i am sure that if they introduce a template store, it will improve blogger and make it of 2012.

Do tell us your what you think about this.
      

Change the position of post area in Blogger Dynamic Views

Blogger Dynamic views is completely different than a custom Blog. It's named the Dynamic Views because it is Dynamic. The post area in Classic mode of Dynamic Views is in center by default, but if you want it to be on the right or left or just not in the center then you are at the right place. 

We can use the 'float' property of CSS to achieve it and it's very simple to make any other changes to the template. The post area in Dynamic views is in center, as you can see in the picture. 

Before

After

You can see in the picture that the post area is now aligned to left instead of center. You can also do it with the help of small CSS that can be applied on Dynamic Views template with ease.

ol.items
{float:left;}

This small CSS will do it. You may change the 'left' in value to 'right', if you want it to be on the right side.Easy isn't it ?

To know how to add css, check this tutorial.

Keep gadgets visible or opened in Dynamic Views

Don't you think visitors don't like gadgets being hidden in the side, how they would ever know that there's something on right side of page. Dynamic Views hover effects are great but some people don't like hidden stuffs at all. I will show you how to keep the gadget's in view even if it's not being hovered.  

Before

After

You can see the effect in the above picture, the gadgets block will always be visible to any visitors. There's no need to hover over them to see all the gadgets. This increases the number of people using your gadgets, as seen on Dynamic Views, people don't make use of the gadgets.

We will make the gadget static with a single line of CSS. Follow these steps.
Go to Blogger Dashboard -> Template -> Customize -> Advanced -> Add CSS -> Paste the CSS in the custom CSS box and press enter after the last line. Preview it once, if you are okay with it then Apply to Blog.

#gadget-dock
{right:0px !important;}

Hope that will work well for your Dynamic views template. Do subscribe for more updates.

Change position or remove 'Send Feedback' in Blogger's Dynamic views

Dynamic views, the latest blogger templates by Blogger is series of Blogger designs, that's not much editable for general users. But with CSS we can redesign our blog even using Dynamic views. In this post you are going to learn how to remove or change the position of 'Send Feedback' button from your Blog using Dynamic Views.

You usually see the 'Send Feedback' feature in the Blogger interface and it's fine till that but why on your Blog also ? Question is valid and needs to be answered. Although Blogger have integrated it into Dynamic Views for help of Blogger immediately at the spot.

But some Blogger user don't seem to be happy with that, there has been numerous questions from my readers regarding Dynamic Views, but i have always told them, just co-operate, as Blogger will always think the best for you.

 

But i feel that if i was in their place, i would have done what i have liked and would have done something for that. So why not for my readers. This post will focus on the topic on how to remove or re-position the Send Feedback feature on your Dynamic Views template which normally appears at bottom right corner of any blog using DV template.

How do i remove it

It's not that difficult to remove the button from your Template, the only thing require to make this removal is a small line of CSS. The CSS is very simple but it's a charm for users who are new to the Blogging world or the Web.

.feedback
{display:none !important;}

Go to Blogger Dashboard -> Template -> Customize -> Advanced -> Add CSS -> Paste the CSS in the custom CSS box and press enter after the last line. Preview it once, if you are okay with it then Apply to Blog. 

Change it's position

If you think removing it isn't necessary then you can give it a new position to look good with your blog. It will also be done with CSS.  I will show you how to place it on different sides and places on your Blog layout, but you can also adjust the values in CSS to place it on a place where you like.

 What about putting it on the bottom left corner of your blog page ? This small CSS will do it.

.feedback
{
right:initial !important;
left:1px;
}

You can adjust the value of left to define how much space do you want to keep from left.
For the whole post if you feel that you need help with adding CSS to your blog then check this tutorial on How to Add CSS to Blogger.

How to remove shadows from Pictures in Bloggers Template

Some templates in Blogger such as 'Simple Template' have shadows around pictures, some might be ok with it, but some wants their picture to be without the shadow and pictures, so this tutorial is useful to those who want shadow to be removed.   

This can be done easily with CSS, you just have to copy and paste this add to your template.

Copy this CSS code

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: none !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}

Click to know how to add CSS - Go to your Blogger Dashboard > Template > Customize > Advanced > Add CSS > In the right text area, paste the CSS code you copied above. 
Hit on Apply to Blog and refresh your blog page to see effects. 

If you are not seeing any change then, try clearing your caches and then restart and browser and check yoru blog.  


Related Posts

• How to Backup your template 
• Check who +1 your blog post on Google+
• Show different cursor for links of Gadgets in Dynamic Views
• 10 Reasons to use Infolinks for you site
• Beware of ww4(dot)savegco.antivir(dot)com

Show different cursor for links of Gadgets in Dynamic views

Blogger's Dynamic views template have plenty of problems, this is one of them, the links of Gadget doesn't show the right cursor for the link and that's why it looks not so professional. We have found a solution to it, it's very easy but good idea. 

There are several other problems in the new Blogger's Dynamic views template, one i have already mentioned in one of my older post. So to solve every problem with Dynamic views template i will post new posts about them and how to solve it. So you will see a series of posts about Dynamic views template.

All we have to do is add some CSS in the add CSS section of our blog customizations. See how poor it looks when it shows a text edit cursor when hovered to a link, instead it should show a pointer which is ideal for links. 

So we need some basic CSS rule to achieve it, read the step-by-step instruction. 

1. Copy this small CSS rule to your clipboard, select the code and Ctrl+C to copy
   .gadget-title { cursor:pointer; }
2. Now go to your Blogger Dashboard and select Template from the list of menus
   
   
   
   
3. In the template tab, click on Customize and you will be taken to the Template Editor
4. Click on Advanced > Add CSS and in the right input area paste the above CSS code and apply it to blog
   
   
    
5. Now refresh your blog and check if it's working or not, if it don't seem to work even if you did every step carefully, then try clearing your browser's caches and then restart your browser and check your blog. It might work.

For a more fancy look you can customize the CSS and add a cursor that you like, you can find list of cursor that's available by default in here in this link

Best of luck with blogging, hope this was helpful to you, to solve more Blogger problems easily you can subscribe to my blog by Google friend connect or Feedburner.