 |
| Before |
 |
| After |
By default, the comment link in Dynamic Views is titled as '
Add a Comment'. There isn't any way to change this phrase in the settings. In this post, I'm gonna show you how you can do just this. This is a respond to
blog reader Reyes.
Go to
Dashboard --> Template --> Customize --> Advanced --> Add CSS --> paste the following code --> Press enter after the last character of the last line } --> Apply to Blog.
.comments-header h3{
font-size: 0px;
}
.comments-header h3:before{
content: "Drop some words!";
font-size: 14px;
}
In the example above, I've changed '
Add a Comment' to '
Drop some words!'. Feel free to change this by altering
line 5 in the code above.
Not sure how you think of these things Yoga but I am glad you do. :)
ReplyDeleteWonder why they do not use the text in Blogger settings for the comment text?
The ideas come from the likes you, I only think of a way to solve them :) Most settings in DV is script based. I can see how that can be a huge inconvenient if they were to make them customizable.
DeleteIn the comments area, is there a way to change "Name/URL" to a different title such as "Name" and then state "URL Optional"? My readers use "anonymous" because they don't understand what "Name/URL" means.
DeleteEven friends that I've explained URL can be left blank still forget and go back to anonymous.
Hi Groosh,
DeleteI'm afraid that can't be done. These values are not defined in our template for us to tweak.
Can you change the "Comments" when comments have already been left, or will this do that as well?
ReplyDeleteBy default, you get 'Add a Comment' if there's no comment, and 'View Comment' if there is a comment. However, it is not possible to individually change this. This tweak will overwrite both to the same message.
DeleteHe friend your site turtol is superb i like this site very much . I hope you have a idea about the scrolling and show the source code . Do you have a idea about the hide Ctrl + U ( source code) . If you have an idea then please help me .
ReplyDeleteagain question how do i disable source code view in blogger , dynamic and normal page
Hi there,
DeleteDV runs heavily on codes. Disabling right click will require custom script. I doubt if it will work, but I'll give it a try. If I succeed, I'll publish a post on it. If you don't see any tutorial from me on that matter, you can assume I failed.
Cheers :)
Ok thanx for the support . Its gooooooooooooooood site in the world
DeleteYou're most welcome :)
Deletewhy not show all image in header of blogger see my site and help me . it site language in different language from u but just see once and describe www.samjhanakophool.blogspot.com
ReplyDeleteHi there,
DeleteI'm not sure if I'm following. If you're referring to the hollow sides of your header image, that is because the image that you're using isn't big enough. You need to use a larger image so that it'll cover your entire header. All the best!
I wondered about these modifications because none of them work (I tried a few but to no result). The only one information that I found on the Polish side was that you need to remove the information from the code template, that the template is in fact "dynamic view". Otherwise modifications cannot be applied. What is more, even if we do this we can't change much. It's crazy.
ReplyDeleteI would be grateful for having written a few words how to solve this problem because it seems incredible that on this site are so great tutorials, and people say that it works. In Poland a lot of people complain that we can change only basic stuff like color links or background.
Hi Phoe,
DeleteIt is not that complicated. It is really as easy as copying and pasting at the right place, trust me. No additional actions are required. Based on what you're saying, it seems like the changes that you're making is not saving. You can test this theory by going to 'Add CSS', type some gibberish, and click on 'Apply to Blog'. If everything works well, when you restart your browser, you should be able to see what you left there in 'Add CSS'. Do you see what you left there? I bet you won't. It seems like your browser isn't saving your changes. Try with a different browser and see how it goes. Do get back to me. We'll get this sorted, promise!
Yoga.
I usually use Firefox but today I used browser Opera and... oh my god, it works! xD Thanks! Really! I wanted to to hit himself that I didn't try to modify the template by other browser :)
ReplyDeleteGreat that's fixed it. Probably there's some add-on in your Firefox that was causing the trouble. You could try with a fresh copy of Firefox (with a new user profile) and see if it works. Firefox is a good browser, I'd hate to switch to another browser just to blog :)
DeleteThat's great! Here is the answer for what I wanted to do for a while.
ReplyDeleteYour site is so helpfull to me. Thanks a lot ;-)
Hi Zabou, thanks alot :) Enjoy your stay here.
DeleteCool - thanks hun :D
ReplyDeleteNo problem~
DeleteGreat post . . .
ReplyDeleteGlad you think so, thanks! :)
DeleteHi,
ReplyDeleteHow can I change the word "Labels" in something else?
Thank you
Hi mereverzi,
DeleteGo to Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.
.labels{
font-size: 0px;
}
.labels a{
font-size: 14px !important;
}
.labels:before{
content:"Tag: " !important;
font-size: 14px !important;
}
Change the word 'Tag' to something else.. Cheers!
It worked, thanks!
DeleteExcellent! :)
DeleteI have an important question if you could answer it. A while back you released a code that could change the blogger image for default comments. I'm trying to change that image to another default image, but the only code I can find is the one for the original blogger and not the dynamic version. I'm curious if you have a code for that or is it impossible to change for dynamic views?
ReplyDeleteHi Treezy,
DeleteI'm afraid it will not be possible in Dynamic Views.. We need to introduce jQuery in order to isolate the comments with default avatars from the comments that have user display pictures.. But it is not possible to introduce jQuery in Dynamic Views..
You rock!!
ReplyDeleteHow do I change "Posted" and "by" ?
You are a life saver :)
Hi Tarad,
DeleteWhat would you like to change them into?
Cheers :)
Well, My blog is an Arabic language. so I need to change them to arabic :)
DeleteYeah, I mean, could you type here what it would look like in Arabic, so that I can prepare a code for you? :)
Deleteok. I will write "كتبت" instead of "Posted" and "بواسطة" instead of "by"
DeleteHi Tarad,
DeleteHere:
.publish-info{
font-size: 0px;
}
.ss, abbr.time{
font-size: 14px !important;
direction:rtl !important;
}
.ss, abbr.time:before{
content: "كتبت ";
font-size: 14px !important;
direction:rtl !important;
}
.ss, abbr.time:after{
content: " بواسطة Tarad";
font-size: 14px !important;
}
Due to the nature of your font being right to left, you might see some positioning error. There's nothing we could do about it.
Is there a way to automatically open or view the comments without having to click on the "view comments" toggle link? It would be great to just have the comment box on the bottom of my magazine posts!
ReplyDeleteHi Ramy,
DeleteI'd love to have such option as well.. Unfortunately, there's nothing much we can do from our end to tweak DV's core structures.. Let's wait and see what becomes available to us in the future :)
Hi,
ReplyDeleteHow can I change the word "Location" in something else?
Thank you
Hi Vinicius,
DeleteUse this:
.geolocation-info{
font-size: 0px !important;
}
.geolocation-info:before{
content: "Blabla: ";
font-size: 14px !important;
}
.geolocation-info a{
font-size: 14px !important;
}
Change Blabla to something else.
Cheers :)
thank you very much, it worked!
DeleteExcellent! :)
DeleteIt works indeed, thanks!... by the way, is it possible to force the geolocation link to open in a new tab?
DeleteI'd say yes, but you'd have to go through a lot of work you might end up breaking your template..
DeleteHi,
ReplyDeleteyour posts about Dinamic Views are so great, so thaks. But I have a question.
Do you know if it is possible add the facebook comment form in the Dycamic View templates?
Hey Teilor,
DeleteIt's me, Yoboy, TC from Blogger English Help Forum :)
Unfortunately, I don't see a way to add facebook comment forms, or any other script-based forms, to Dynamic View templates at the moment. That being said, if you have an HTML version (or maybe even a Javascript version) of the form, you might wanna try your luck by adding to the HTML section of your post/pages.. I don't have a Facebook account, so I couldn't try this myself..
See you in the forum :)
Thanks Yoga,
ReplyDeleteThis confirms what I already thought.
See you in forum :-]
Dear Yoga,
ReplyDeleteOn the left of 'Add a Comment' there is a dark grey bubble with white text (which serves to count the comments posted). How can we change the color of the bubble from grey to something else, and the color of the text from white to something else?
Similarly, the template allows you to change the date ribbon color from dark grey. However it does not allow you to change the text within the ribbon from white to something else (for better contrast).
Last question, is there some place where the entire CSS for Dynamic Views can be found? How do you know what is called what to tweak it?
Thanks!
Hi Anon,
ReplyDeleteQ1: How can we change the color of the bubble from grey to something else
A1: Use the following:
.comments-header span.bubble {
background-color: red !important;
border-color: red !important;
}
.bubble .bubble-tail, .bubble.empty .bubble-tail:after{
border-color: red transparent transparent !important;
}
Q2: the color of the text from white to something else
A2: Add this to your CSS
.bubble{
color: black !important;
}
Q3: it does not allow you to change the text within the ribbon
A3: Use this CSS:
a.ribbon{
color: yellow !important;
}
Q4: is there some place where the entire CSS for Dynamic Views can be found?
A4: You're gonna have to use some developers tool that would let you inspect the elements in a page. Firefox12 and above comes with a built in developers tool ('Ctrl + Shift + i' to activate)
You are awesome! It works :)
DeleteThanks!
You're most welcome :)
DeleteHi
ReplyDeleteAt the end of the each post, when I click on the 'like' button, I am being asked to 'confirm' it. The problem is this 'confirm' is not visible as it is appearing on the 'like' button and it is all obscured and not very clear.
I hope you got what I am trying to convey.Please tell me if there is a way to solve this.
Thanks :)
Sashi
Hi Sashi,
DeleteLet me have a look. What's your blog's address?
Cheers..
Thank you so much for this trick Yoga. I do not know how do you find so much useful tips and tricks over and over again! LOL, anyway thank you for that!
ReplyDeleteHow to Blog with Bash Bosh?
Hey there,
DeleteAs long as there is curiosity and imagination, creativity will follow :P
I have my readers (like you!) to take care of the curiosity and imagination part, I only handle the latter!
Cheers..
Is there such an easy solution for the designer templates (Awesome Inc.) as well?
ReplyDeleteMany thanks
Yeap, there is. Go to Dashboard - Layout - Blog Post - Edit. Under 'Post Page Options', see the 4th entry from top.
DeleteCheers :)
Hi this is my last questions, Yoga! FIRST, How to quite for switch toggle comment to stay or do not load first at loading page (just manual switch on click of user)? SECOND, How to change or replace a link of views menu on dynamic views with css away?
ReplyDeleteHi Deby,
Delete1. Unfortunate the comments set to automatically load for now, and there isn't a way to turn it off at the moment.
2. CSS can only be used for cosmetic changes. We can't use CSS to make structural changes, like replacing an element's link.
guys, i have an issue on my blog, even when i have comments on a post there still a small small "add a comment" link appears which looks pretty unprofessional and i would like to remove it.
ReplyDeleteHi Shivam,
DeleteWhat's your blog's address?
And just to ensure we're on the same page, you're looking for a way to remove the 'add a comment' link, yeah?
this is my blog: http://www.makesusclick.com/ , i want to remove the "add a comment" link from posts that already have comments. Beware, this is a extremely modified template.
DeleteI'm not sure if it can be easily done, as it involves conditional statements [if (no comment){action}], but I'll have a look for you. Could you gimme a link of a post that has no comment?
DeleteI'm not sure if it can be easily done, as it involves conditional statements [if (no comment){action}], but I'll have a look for you. Could you gimme a link of a post that has no comment?
DeleteHi Yoga! I have tried everything to change the text in my comments link. I even tried this trick, even though I'm pretty sure I don't have Dynamic View. Or at least not this version. I've tried changing the HTML in my template but literally nothing works. I'm not as computer savvy as most, so maybe you can help me.
ReplyDeleteThe link typically says, 0 Comments or 2 Comments. I'd like it to say something like LEAVE A COMMENT...3 COMMENTS SO FAR.
I've seen a lot of blogs with this and I would so appreciate the help!
www.theconleychronicles.com
Hi Brooke,
DeleteIt isn't that straight forward. But you've come to the right place to shoot your question. Taking your example literally, this is what you should do.
1) Backup your template by going to Dashboard - Template - Backup/Restore - Download Full Template.
2) Next, go to Dashboard - Template - Edit HTML - Expand Widget Templates - Find for <data:post.commentLabelFull/>
And change it to:
LEAVE A COMMENT... <data:post.commentLabelFull/> SO FAR
Note: You should find three instances of '<data:post.commentLabelFull/>', make changes to all three of them. Some of the tags are sandwiched by other characters. Just leave them be, and only make changes to the '<data:post.commentLabelFull/>' part.
3) Next, go to Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.
.comment-link{
text-transform: uppercase !important;
}
That should do it :)
How do you do this now that blogger has changed their HTML? It no longer has the option to Expand Widget Templates?
DeleteOnly the interface changed, and they made it a little harder to navigate around, but you can still search for whatever that you're looking for. Just use the integrated search function.
DeleteSince I use DISQUS on my blog, is there a way to disable comments when viewing in another view?
ReplyDeleteFor example, my blog is using non-dynamic views, but I have links to open a new window with some labels in SNAPSHOT view, and since dynamic views do not use DISQUS, can I disable comments when in dynamic view?
I can probably cook something up (no promises though). Can I have a look at the page where your Snapshot view is linked at?
Deletehttp://sexoffenderissues.blogspot.com
DeleteClick the GALLERIES drop down menu at the top right.
Give this a try. Add this to your CSS:
Delete.article.hentry .comments{
display: none !important;
}
Let me know how it goes.
Thanks, that worked. It would be nice if I could actually leave comments on, but use the DISQUS code instead of Bloggers commenting system, but this is good.
DeleteThanks for everything.
It's very tricky to replace the comment system in DV templates. But let's keep our fingers crossed.. Cheers :)
DeleteHallo Yoga :)
ReplyDeletedo u know how to add or enable comment in dv? this my adress,
theres no commnet box, :(
http://merpatibajucouplemurah.blogspot.com/p/blog-page_28.html
Hi Merpati,
DeleteTry the followings:
1) Go to Dashboard - Settings - Post and Comments - Comment Location - Embedded.
2) Next, go to Dashboard - Posts - Edit (one by one) - On the right hand side, you should see a panel that says 'Post Settings'. Under Options, make sure 'Reader Comments' is set to 'Allow'.
Let me know how it goes.
Cheers :)
Very Good information, I have literally searched for two days, and NOTHING worked!
ReplyDeleteI was able to add the "Leave a Comment..." Like you explained to Brooke on March 22. HOWEVER, I would like to know if there is a way to delete the "no comments" and just keep the words "Leave a comment..."
Hi Sissy,
DeleteKeeping your current mod intact, add this to your CSS:
.comment-link{
font-size: 0px !important;
}
.comment-link:before{
content: "Leave a comment" !important;
font-size: 14px !important;
}
Cheers :)
Thanks SO, SO Much!! and I was able to change the size to 16px to make it a bit larger! Superb :)
DeleteSo glad I found your site, and now I have you bookmarked!
Amazing the hoops some of the site want you to jump through, and your directions are clear, concise and easy!
Sissy :)
If you would like to take a look:
www.southfloridasavers.com
Lol.. Don't mention it :)
DeleteHi, I have another question. Today 4-11-13 Blogger changed their Edit HTML (there is no button to expand all) and you have to pick a widget from a drop down box!
ReplyDeleteAnyhow on to my question: I would like to know how to change the "Read More>>" after a page break to display in the CENTER, and not on the left side??
I am using a 'Watermark' template.
Thanks again for all your help!
Yeap, they like to change things around..
DeleteAs for your centering your jump link, here, this should do:
.jump-link{
text-align: center !important;
}
Cheers :)
You are amazing!! AND, so quick to answer!!
ReplyDeleteThanks again for all you do!
Sissy :)
Is there a way to make the "No Comments" a larger font?
ReplyDeletethen can it just say "Comments" (before anyone comments) and then "2 Comments" (or the number of comments) after someone has commented?
I have watermark in blogger design.
Hi Sharon,
DeleteEither we include a figure (0 comments, 2 comments), or we don't include them (comments) at all. I'm afraid going for a middle ground here is quite complicated, and requires a lot of work.
Anyways, yes, you can increase the font to a larger size. What's your blog's address?
Hi again,
ReplyDeleteI am wondering if you can help me, I have search...but now that blogger has changed and does not have the expand all in the html; this seems very difficult.
I would like to change my default font to Verdana; Is there a way to do that?
Thank so much,
Sissy :)
Hi Sissy,
DeleteI'm sorry for my ridiculously late reply. You're trying to change your what font again sorry? What exactly are you looking for in your template's HTML?
I just want to know if there is a way to change the default font and size when I am making a post. You know, so when I begin typing, it will be the font and the size I want.
DeleteThanks so much.
Also, do you know how to make drop down menu for the labels that go across the top of my blog?
Sissy :)
Well the best way forward is to set it in your Template Designer (Dashboard - Template - Customize - Advanced). You should be able to set your default font and size there.
DeleteAs for drop-down menu for labels, I don't have a particular tweak for it, but I've been quite a number of tweaks on it before. Try googling for it, I'm sure you'll find some working ones :)
thank you :)
DeleteDear Yoga,
ReplyDeleteI love this website and everything you have enabled people to do with their blogs. here's my question:
1. Is there a way to get rid of the comment counter balloons from the sidebar on the sidebar dynamic view?
2. Is there a way to push the comment counter balloon to the left along with the text of Leave a comment at the end of each post? I can only get to align the text but not the balloon.
2. Is there a way to get rid of the blackbar without leaving a blank space behind? That's all I could achieve with the tutorials on the web.
Thank you veyr much!
Sorry for the late reply,
Delete1) .sidebar .comments-count{
display: none !important;
}
2) Not quite getting this part..
3) Which black bar?
Hi Yoga! This is great! But, how do I show the comments on a new page I added? Secifically this one http://www.theinsideoutbeauty.com/p/blog-page_1.html
ReplyDeleteHi Heidi,
DeleteThe comment system on static page for DV templates has been broken for quite some time. By 'quite some time', I meant ages. No idea what's taking them so long to get it fixed.
How do you make the "add a comment" text behave like the rest of your links? For instance, my links are purple, turn teal on hover, and back to purple when clicked. Also, they have no underline. How do I transfer those attributes to the "add a comment" text?
ReplyDeleteNot possible. Technically, the 'Add a Comment' link is not an HTML link to begin with - it runs on script, and the designers at Blogger have made it to look very much like HTML links. Since they're not HTML links, we cannot assign the usual active, visited and hover link type colors to it.
DeleteIs there a way to remove the Attribution from my blogger template? I don't want it to say the name of the template or powered by blogger in the footer.
ReplyDeleteThanks!
Sorry for the late reply. Have you got this sorted? I don't see the Attribution gadget in your blog anymore..
DeleteCheers :)
Yes, figured it out! thanks
DeleteHowever, my labels are not showing up at the bottom of my posts. I have it checked in the layout>blogPosts in the configure area....but it is now showing up at the bottom of my posts. I did add "ADD THIS" a little while back, but I am not sure if that had anything to do with it or not. But my share buttons were not working either, so that is when I added "ADD THIS"
Thanks so much!!
Try resetting your template widget to default. First, backup your template and any custom changed that you might have added. Next, go to Dashboard - Template - Edit HTML - Revert Widget Templates to Default - Blog1.
DeleteThanks for this. I tried it and worked at first. Then reloaded the page and the invitation to add comments completely disappeared. The code is still there, though.
ReplyDeleteDid it look like your template's design has been completely stripped down? If yes, you could have been seeing your template in its Vanilla mode. Check out the following post for a potential fix:
Deletehttp://www.southernspeakers.net/2013/07/finally-fix-for-blogger-dynamic-view.html
Great website. I tried to find the answer to my question so can you please direct me to remove "no comments"? Is it possible? or at least reduce the size? http://fulbrightersouthafrica.blogspot.com/2013/08/beauty-all-around.html
ReplyDeleteHi Jenny,
DeleteThis should do. Add it to your 'Add CSS' box:
.post-outer .comments h4{
display: none !important;
}
Cheers :)
Is there a way to change the jump link words from: "Read More" to "Read the Entire Post"?
ReplyDeleteI can't find the words "Read More" in my template!! I have looked for an hour now, and used the search function.
Please and thank you!!
Hi there,
DeleteYou should be able to change it by going to Dashboard - Layout - Click 'edit on Blog Posts - Change the 'Post page link text' field.
Oh my goodness!! I can't believe it was that easy, I literally spent hours searching the template!
DeleteThank you so much!
Adding this code not only did not add the text that I was hoping for, but has removed the "add a comment" line entirely: www.hyattville.org. Thoughts?
ReplyDeleteI've replied to another one of your questions. It seems like you have some broken codes in your Add CSS box. The thing is, the effect of foreign codes is accumulative. Things tend to keep breaking as you add codes if you don't get the broken ones fixed.
DeleteI suspected that, but I have a log of all the CSS changes I've made. I removed all customizations and added them, one by one. They all work except changing the text on the "add comment" line and showing the "read more" tag. They had been working just fine, and suddenly stopped. They are the codes I've used from this blog. Any suggestions? Thank you for your time.
DeleteI've checked the code above and it's still working on my test blog. Could you give it another try (I can't find the code in your source btw)
DeleteAs for the 'Read More' code, looks like you're using the wrong double-quote in your code.
Delete this line:
content: ʺ ...Read Moreʺ !important;
Use this one instead:
content: " ...Read More" !important;
It might look the same on the browser, but copy and paste these two lines to a simple text editor like Notepad, and you'll see the difference.
Thank you so much, that was indeed the fix!!
ReplyDeleteIs there a way to change the text color? Right now, I have a black background on my blog, so the comment text isn't visible.
ReplyDeleteHi there. This should help:
Delete.comments-header h3{
color: red !important;
}
Hi! :) Is there a way to add a field for leaving an email address (invisible for the viewers, visible for me) while adding a comment in Blogger (Simple/non-Dynamic View)? (sorry for my veeery basic way of explaining these things of which I know next to nothing ;/ ;))
ReplyDeleteHello there,
DeleteI'm afraid to make anything selectively visible in Blogger is extensively tricky - more so with Author - Reader views..
hi Yoga can you please teach me how to change location of comments, i want to put them side to my post ( lest side for post informations and right side for comments ), thank u yoga
ReplyDeleteHello Amine,
DeleteIt is possible, but it will take a lot of doings. We'll have to restructure the whole template, and this will take a lot of time. It'll be easier if you could find a template with this design and personalise it from there.
Thank you for this tutorial - but I'm having a problem. I recently turned my private blog to public, i've checked all my settings, comments are available to post from the public, etc -- but "add a comment" won't show up on my posts. There's no place to comment at all. What am I missing? I've rechecked all my settings over and over :(
ReplyDeleteHello Wendy,
DeleteLet's have a look at your blog. What's your blog's address?
is there a way to center align the "comment" link
ReplyDeleteKinda depends on the template you're using. Mind pointing me to your blog's URL?
Deletehello Yoga, i've got a question for you, i've done the CSS kind of thing for my blog by your blog, but i've a problem about the comment box, i've the two CSS code on my CSS part, one for google comments, and second for this one about your post for changing the name of it . but they're not here on the page (the two codes), it's like NO COMMENT section. i don't know what can i do about that, i've tried to reseting but anyway it's doesn't work have you an idea ?
ReplyDeletexx
HeyClari.
Hello HeyClari,
DeleteSorry for the late reply. Let me have a look at your blog. Could you tell me what your blog address is?
Hello hello my blog it's heyclari.com, but I've found my answers maybe 3 hours later lol ! I've totally forget something into the settings of the blog 😊 thanks !
DeleteHello I copied codes that you share but It doesnt work. Could you take a look at my blog please?
ReplyDeletehttp://hitplaylists.blogspot.com.tr