Showing posts with label Dynamic Views. Show all posts

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. 

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.