tag:blogger.com,1999:blog-647479461649599346.post3817209720063840223..comments2024-03-20T00:04:36.002-07:00Comments on Blog Designs by Dani: How to Add a Post DividerDanihttp://www.blogger.com/profile/09276379884708772760noreply@blogger.comBlogger20125tag:blogger.com,1999:blog-647479461649599346.post-71278885661836299222022-02-01T00:08:06.253-08:002022-02-01T00:08:06.253-08:00Clarification post! I really like and appreciate y...Clarification post! I really like and appreciate your efforts, thank you for sharing useful knowledge about blog strategy I heard I like<br /><a href="https://www.ufa88cambodia.com/" rel="nofollow">Cock Fight</a><br /><br /><br /><br />savenhttps://www.blogger.com/profile/08312546564103709605noreply@blogger.comtag:blogger.com,1999:blog-647479461649599346.post-81707738987762248942014-09-27T08:04:33.655-07:002014-09-27T08:04:33.655-07:00Hi!
Photobucket I can not do it. I can not find t...Hi! <br />Photobucket I can not do it. I can not find the Generate link codes for selected and aa small box next to the file name, and the check mark next to the ... <br />I think the pop-up window is different.sonsuzlukhttps://www.blogger.com/profile/12851390100051392783noreply@blogger.comtag:blogger.com,1999:blog-647479461649599346.post-31801870937160656522012-09-26T20:28:46.212-07:002012-09-26T20:28:46.212-07:00So appreciate the tutorial! Worked great for me. ...So appreciate the tutorial! Worked great for me. THANK YOU!Julie @ Director Jewelshttps://www.blogger.com/profile/16158588473566959837noreply@blogger.comtag:blogger.com,1999:blog-647479461649599346.post-38510406184249163942012-08-17T09:09:20.884-07:002012-08-17T09:09:20.884-07:00Thanks for the terrific template and tutorials!
S...Thanks for the terrific template and tutorials!<br /><br /><a href="http://sallysaidsew.blogspot.com" rel="nofollow">Sally Said Sew</a> Sally in WAhttps://www.blogger.com/profile/02986783811683407554noreply@blogger.comtag:blogger.com,1999:blog-647479461649599346.post-61104959153781823792012-05-30T11:48:26.389-07:002012-05-30T11:48:26.389-07:00Thank you so much! I have searched all over the i...Thank you so much! I have searched all over the internet and not found a website with easier directions!!!<br /><a href="http://teachingsuperpower.blogspot.com/" rel="nofollow">I Teach. What's Your Super Power?</a>Meganhttps://www.blogger.com/profile/05607142544643956024noreply@blogger.comtag:blogger.com,1999:blog-647479461649599346.post-29254506001764942952012-05-06T08:42:57.936-07:002012-05-06T08:42:57.936-07:00Your instructions are very clear. Thanks a lot!Your instructions are very clear. Thanks a lot!Ganhttps://www.blogger.com/profile/06182065690564487323noreply@blogger.comtag:blogger.com,1999:blog-647479461649599346.post-83016069477257820912012-04-25T23:26:02.530-07:002012-04-25T23:26:02.530-07:00Hi Erica,
This tutorial is for the Minima Templat...Hi Erica,<br /><br />This tutorial is for the Minima Template. You have the Simple Template so it will be different. Here is a link to a tutorial for the Simple Template: <a href="http://www.blogdesignsbydani.com/2012/04/how-to-make-and-add-post-divider-simple.html" rel="nofollow"><strong>How to Make and Add a Post Divider</strong></a>.<br /><br />Also I noticed that you do not have a link back to my blog. In order to use my designs you must have a link back to my blog. If the link does not show up in the top left corner, you must add my button to your sidebar. The code for this is in my sidebar.<br /><br />Thanks,<br />DaniDanihttps://www.blogger.com/profile/09276379884708772760noreply@blogger.comtag:blogger.com,1999:blog-647479461649599346.post-43313096942864364592012-04-24T20:36:50.168-07:002012-04-24T20:36:50.168-07:00It didn't work for me :( I got the divider to ...It didn't work for me :( I got the divider to go up, but I couldn't find where to change the 1px to 0px. Mine doesn't look like yours: here's mine (www.sewcrazyforcrafts.blogspot.com)<br />/* Posts<br />----------------------------------------------- */<br />.date-header span {<br /> background-color: $(date.header.background.color);<br /> color: $(date.header.color);<br /> padding: $(date.header.padding);<br /> letter-spacing: $(date.header.letterspacing);<br /> margin: $(date.header.margin);<br />}<br /><br />.main-inner {<br /> padding-top: $(main.padding.top);<br /> padding-bottom: $(main.padding.bottom);<br />}<br /><br />.main-inner .column-center-inner {<br /> padding: 0 $(main.padding);<br />}<br /><br />.main-inner .column-center-inner .section {<br /> margin: 0 $(main.section.margin);<br />}<br /><br />.post {<br /> margin: 0 0 $(post.margin.bottom) 0;<br />}<br /><br />h3.post-title, .comments h4 {<br /> font: $(post.title.font);<br /> margin: .75em 0 0;<br />}<br /><br />.post-body {<br /> font-size: 110%;<br /> line-height: 1.4;<br /> position: relative;<br />}<br /><br />.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,<br />.BlogList .item-thumbnail img {<br /> padding: $(image.border.small.size);<br /><br /> background: $(image.background.color);<br /> border: 1px solid $(image.border.color);<br /><br /> -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);<br /> -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);<br /> box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);<br />}<br /><br />.post-body img, .post-body .tr-caption-container {<br /> padding: $(image.border.large.size);<br />}<br /><br />.post-body .tr-caption-container {<br /> color: $(image.text.color);<br />}<br /><br />.post-body .tr-caption-container img {<br /> padding: 0;<br /><br /> background: transparent;<br /> border: none;<br /><br /> -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);<br /> -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);<br /> box-shadow: 0 0 0 rgba(0, 0, 0, .1);<br />}<br /><br />.post-header {<br /> margin: 0 0 1.5em;<br /><br /> line-height: 1.6;<br /> font-size: 90%;<br />}<br /><br />.post-footer {background-image:url(http://i24.photobucket.com/albums/c15/spicylilcajn/post-divider-final-2.gif);background-repeat:no-repeat; background-position: bottom center;<br />height:150px;<br /> margin: 20px -2px 0;<br /> padding: 5px 10px;<br /><br /> color: $(post.footer.text.color);<br /> background-color: $(post.footer.background.color);<br /> border-bottom: 1px solid $(post.footer.border.color);<br /><br /> line-height: 1.6;<br /> font-size: 90%;<br />}Ericahttps://www.blogger.com/profile/10978924193088329327noreply@blogger.comtag:blogger.com,1999:blog-647479461649599346.post-75569172718926605372012-04-20T12:52:28.058-07:002012-04-20T12:52:28.058-07:00I'm so glad my tutorials have been helpful. Ye...I'm so glad my tutorials have been helpful. Yes, adding both the post divider and signature are tricky. They can work together but it takes a bit of tweaking to make it work right. I will add that to my list of future tutorials. In the meantime, to remove the post divider, you need to follow Kevin and Amanda's instructions as if you were adding the code, but instead of adding it, find the code that you entered and delete it. Just be very careful that you do not delete anything else or your template will get messed up. Let me know how it goes!Danihttps://www.blogger.com/profile/09276379884708772760noreply@blogger.comtag:blogger.com,1999:blog-647479461649599346.post-69606577932090114172012-04-19T21:57:26.313-07:002012-04-19T21:57:26.313-07:00Hi Dani, thank you soo much for all your tutorial....Hi Dani, thank you soo much for all your tutorial.. I have tried all your tutorial from "Design it Myself" blog and all worked well for me.. I wanna post divider to my blog but i have already add the signature which doesnt suit to put both together.. I want to remove the signature and add divider post.. Is there any method to remove the signature? I followed 'kevin and amanda' method. Have a look at my blog ~http://loveytales.blogspot.com/.. Thank you..Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-647479461649599346.post-1791385062188900722012-04-02T08:33:59.948-07:002012-04-02T08:33:59.948-07:00I looked at the blog linked to your profile and ev...I looked at the blog linked to your profile and everything looked ok. Is this the right blog? Do you still need help? If not, tell me exactly what you did and give me a link to your blog.Danihttps://www.blogger.com/profile/09276379884708772760noreply@blogger.comtag:blogger.com,1999:blog-647479461649599346.post-27657146742246733362012-04-01T20:53:03.475-07:002012-04-01T20:53:03.475-07:00So i tried your tutorial and the post divider uplo...So i tried your tutorial and the post divider uploaded underneath the original posts and it also showed up at the top of the sidebar gadget pictures?? I don't know why it would do that? Can you help me please?!J-M Stahelihttps://www.blogger.com/profile/03145085303129187642noreply@blogger.comtag:blogger.com,1999:blog-647479461649599346.post-66918412915450471972012-03-14T14:00:52.064-07:002012-03-14T14:00:52.064-07:00Hi Ksampayo,
Read through the first few steps agai...Hi Ksampayo,<br />Read through the first few steps again. Did you upload the post divider to Photobucket or something similar? You won't be pasting the code from step 1 into a gadget. You have to click "Edit HTML". (Make sure you <a href="http://www.blogdesignsbydani.com/2011/04/how-do-i-backup-my-blogger-template.html" rel="nofollow">backup your template</a> before you change the HTML.Danihttps://www.blogger.com/profile/09276379884708772760noreply@blogger.comtag:blogger.com,1999:blog-647479461649599346.post-70170601071948405732012-03-14T12:20:37.414-07:002012-03-14T12:20:37.414-07:00I got a post divider on shabby blogs and did the f...I got a post divider on shabby blogs and did the first few steps, however when I pasted the code into the HTML gadget, the code i had didn't have any of the things that we were supposed to change....maybe i did something wrong. Im just a little confused!Ksampayohttps://www.blogger.com/profile/01171596703369054272noreply@blogger.comtag:blogger.com,1999:blog-647479461649599346.post-21063485336620883742012-03-02T21:24:27.092-08:002012-03-02T21:24:27.092-08:00Thanks Rachel! I will actually be posting some ins...Thanks Rachel! I will actually be posting some instructions in the next week or two on adding these elements to the new templates.Danihttps://www.blogger.com/profile/09276379884708772760noreply@blogger.comtag:blogger.com,1999:blog-647479461649599346.post-37505814103154915142012-03-02T11:23:37.148-08:002012-03-02T11:23:37.148-08:00With the new template, all you have to do is add t...With the new template, all you have to do is add the stuff after the post.footer part.imrachelnicolehttps://www.blogger.com/profile/06008471286517181691noreply@blogger.comtag:blogger.com,1999:blog-647479461649599346.post-42625674703483411772012-01-27T22:53:47.189-08:002012-01-27T22:53:47.189-08:00I also googled a ton of tutorials for this. Yours ...I also googled a ton of tutorials for this. Yours was by far the most helpful! Thanks a ton<br />http://suddenvagabonds.blogspot.com/Joe and Alice Waarvikhttps://www.blogger.com/profile/11519377061378362001noreply@blogger.comtag:blogger.com,1999:blog-647479461649599346.post-84998384748951829792012-01-16T22:20:15.201-08:002012-01-16T22:20:15.201-08:00I just wanted to say thank you, thank you, thank y...I just wanted to say thank you, thank you, thank you! <br />I googled lots of "page divider tutorials" and yours is the best one out there! <br />Your put it in english! I really love the photos and the red circles.<br />It worked for me.<br />Blessings-Misti<br /> http://whatalittlebirdie.blogspot.com/Mdegraevehttps://www.blogger.com/profile/07099145317148286609noreply@blogger.comtag:blogger.com,1999:blog-647479461649599346.post-84246851255849748342011-11-09T08:56:21.738-08:002011-11-09T08:56:21.738-08:00Rachelsie,
To adjust the spacing, follow step 4. ...Rachelsie,<br /><br />To adjust the spacing, follow step 4. Start by increasing the height until you can see the top of your divider and you have a nice space above it.<br /><br />Then, to fix the bottom, change the line that says Margin to read: margin:.75em 0 50px; (as it says in the instructions). If this is still not enough space, increase the 50px until it looks good. <br /><br />Let me know if this works!<br /><br />~DaniDanihttps://www.blogger.com/profile/09276379884708772760noreply@blogger.comtag:blogger.com,1999:blog-647479461649599346.post-53041111662284931992011-11-09T05:55:07.328-08:002011-11-09T05:55:07.328-08:00I tried using your tutorial but when I click "...I tried using your tutorial but when I click "Preview" the divider's top is cut off and it covers the post footer. What do I do?nohttps://www.blogger.com/profile/17578497940437741313noreply@blogger.com