tag:blogger.com,1999:blog-20920478612110111502024-03-14T01:09:28.991-05:00Brenda's Blog TipsBrenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.comBlogger96125tag:blogger.com,1999:blog-2092047861211011150.post-45110919637168514252015-11-09T10:43:00.001-06:002015-11-09T11:31:52.799-06:00Centering Post Title, Tabs (Pages), Date Header & Sidebar Gadget Titles<div style="background-color: white; border: 0px; box-sizing: border-box; line-height: 19.5px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="box-sizing: border-box;"><span style="font-family: inherit; font-size: large;">To center you post title, tabs, date header and gadget headers, go to Customize>Advanced>Add CSS, and type the following. Hit Space key after each addition...</span></span></div>
<div style="background-color: white; border: 0px; box-sizing: border-box; line-height: 19.5px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="text-align: center;">
<div style="text-align: left;">
<span style="box-sizing: border-box;"><span style="font-family: inherit; font-size: large;"><b>Code to center post title in Blogger:</b></span></span></div>
</div>
<span style="box-sizing: border-box;"><span style="font-family: inherit; font-size: large;"><br /></span></span>
<span style="box-sizing: border-box;"><span style="font-family: inherit; font-size: large;">.post-title {</span></span></div>
<div style="background-color: white; border: 0px; box-sizing: border-box; line-height: 19.5px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="box-sizing: border-box;"><span style="font-family: inherit; font-size: large;">text-align:center;</span></span></div>
<div style="background-color: white; border: 0px; box-sizing: border-box; line-height: 19.5px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="box-sizing: border-box;"><span style="font-family: inherit; font-size: large;">}</span></span><br />
<span style="box-sizing: border-box;"><span style="font-family: inherit; font-size: large;"><br /></span></span>
<span style="box-sizing: border-box;"><span style="font-family: inherit; font-size: large;"><br /></span></span>
<br />
<div style="border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<div style="text-align: left;">
<span style="font-family: inherit; font-size: large;"> <b>Code to center your Tabs in Blogger:</b></span></div>
</div>
<div style="border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<div style="text-align: left;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
</div>
<div style="border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
</div>
<span style="box-sizing: border-box;"><span style="font-family: inherit; font-size: large;"></span></span><br />
<div style="border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<div style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; box-sizing: border-box; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline;">
<span style="box-sizing: border-box;"><span style="font-family: inherit; font-size: large;">.PageList {text-align:center !important;}</span></span></div>
<div style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; box-sizing: border-box; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline;">
<span style="box-sizing: border-box;"><span style="font-family: inherit; font-size: large;"><br /></span></span></div>
<div style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; box-sizing: border-box; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline;">
<span style="box-sizing: border-box;"><span style="font-family: inherit; font-size: large;">.PageList li {display:inline !important; float:none !important;}</span></span></div>
</div>
</div>
<div style="background-color: white; border: 0px; box-sizing: border-box; line-height: 19.5px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: inherit; font-size: large;"><br /></span>
<br />
<div style="text-align: center;">
<div style="text-align: left;">
<span style="font-family: inherit; font-size: large;"><b>Code to center date header in Blogger:</b></span></div>
</div>
<div style="text-align: center;">
<div style="text-align: left;">
<br /></div>
</div>
<span style="font-family: inherit; font-size: large;">.date-header {</span></div>
<div style="background-color: white; border: 0px; box-sizing: border-box; line-height: 19.5px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: inherit; font-size: large;">text-align:center;</span></div>
<div style="background-color: white; border: 0px; box-sizing: border-box; line-height: 19.5px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: inherit; font-size: large;"><br /></span>
<br />
<div style="text-align: center;">
<div style="text-align: left;">
<span style="font-family: inherit; font-size: large;"><b>Code to center Gadget Title in Blogger:</b></span></div>
</div>
</div>
<div style="background-color: white; border: 0px; box-sizing: border-box; line-height: 19.5px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: #333333; letter-spacing: 1.5px; line-height: 29.25px;"><span style="font-family: inherit; font-size: large;">.section-columns h2, #sidebar-right-1 h2, #sidebar-left-1 {text-align: center;}</span></span></div>
<div style="background-color: white; border: 0px; box-sizing: border-box; line-height: 19.5px; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">If it all looks right, remember to Save.</span></div>
<div style="background-color: white; border: 0px; box-sizing: border-box; line-height: 19.5px; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<div style="text-align: left;">
<span style="font-family: inherit; font-size: large;"><br /></span></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit; font-size: large;">That's it!</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BrendasBlogTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:<br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="BrendasBlogTips" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<center>
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com4tag:blogger.com,1999:blog-2092047861211011150.post-9169539019033754732015-11-09T10:35:00.001-06:002015-11-09T11:16:25.157-06:00Reducing Space Between Post Title & Post<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;">If you want to reduce the white space between your blog post title and your blog post, go to Template>Customize>Advanced>Add CSS, and add this...</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: left;">
<span style="font-family: inherit; font-size: large;"><span style="background-color: #fafafa; border: 0px; color: #666600; font-family: monospace; margin: 0px; padding: 0px;">.</span><span style="background-color: #fafafa; border: 0px; font-family: monospace; margin: 0px; padding: 0px;">post</span><span style="background-color: #fafafa; border: 0px; color: #666600; font-family: monospace; margin: 0px; padding: 0px;">-</span><span style="background-color: #fafafa; border: 0px; font-family: monospace; margin: 0px; padding: 0px;">title</span><span style="background-color: #fafafa; border: 0px; color: #666600; font-family: monospace; margin: 0px; padding: 0px;">.</span><span style="background-color: #fafafa; border: 0px; font-family: monospace; margin: 0px; padding: 0px;">entry</span><span style="background-color: #fafafa; border: 0px; color: #666600; font-family: monospace; margin: 0px; padding: 0px;">-</span><span style="background-color: #fafafa; border: 0px; font-family: monospace; margin: 0px; padding: 0px;">title</span><span style="background-color: #fafafa; border: 0px; color: #666600; font-family: monospace; margin: 0px; padding: 0px;">{</span></span></div>
<span style="font-family: inherit; font-size: large;"></span><br />
<div style="text-align: left;">
<span style="font-family: inherit; font-size: large;"><span style="background-color: #fafafa; border: 0px; font-family: monospace; margin: 0px; padding: 0px;">margin</span><span style="background-color: #fafafa; border: 0px; color: #666600; font-family: monospace; margin: 0px; padding: 0px;">-</span><span style="background-color: #fafafa; border: 0px; font-family: monospace; margin: 0px; padding: 0px;">bottom</span><span style="background-color: #fafafa; border: 0px; color: #666600; font-family: monospace; margin: 0px; padding: 0px;">:</span><span style="background-color: #fafafa; border: 0px; font-family: monospace; margin: 0px; padding: 0px;"> </span><span style="background-color: #fafafa; border: 0px; color: #666600; font-family: monospace; margin: 0px; padding: 0px;">-</span><span style="background-color: #fafafa; border: 0px; color: #006666; font-family: monospace; margin: 0px; padding: 0px;">20px</span><span style="background-color: #fafafa; border: 0px; font-family: monospace; margin: 0px; padding: 0px;"> </span><span style="background-color: #fafafa; border: 0px; color: #666600; font-family: monospace; margin: 0px; padding: 0px;">!</span><span style="background-color: #fafafa; border: 0px; font-family: monospace; margin: 0px; padding: 0px;">important</span><span style="background-color: #fafafa; border: 0px; color: #666600; font-family: monospace; margin: 0px; padding: 0px;">;</span><span style="background-color: #fafafa; border: 0px; font-family: monospace; margin: 0px; padding: 0px;"> </span><span style="background-color: #fafafa; border: 0px; color: #666600; font-family: monospace; margin: 0px; padding: 0px;">}</span></span></div>
<span style="font-family: inherit; font-size: large;">
</span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><span style="background-color: #fafafa; border: 0px; color: #666600; font-family: monospace; margin: 0px; padding: 0px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit; font-size: large;"><span style="background-color: #fafafa; border: 0px; color: #666600; margin: 0px; padding: 0px;">Hit the space key and see if it works.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit; font-size: large;"><span style="background-color: #fafafa; border: 0px; color: #666600; margin: 0px; padding: 0px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit; font-size: large;"><span style="background-color: #fafafa; border: 0px; color: #666600; margin: 0px; padding: 0px;">If it looks right, Save.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit; font-size: large;"><span style="background-color: #fafafa; border: 0px; color: #666600; margin: 0px; padding: 0px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit; font-size: large;"><span style="background-color: #fafafa; border: 0px; color: #666600; margin: 0px; padding: 0px;">I ended up changing my number to -15px. You can play with the numbers till you have it how you want it. </span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit; font-size: large;"><span style="background-color: #fafafa; border: 0px; color: #666600; margin: 0px; padding: 0px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit; font-size: large;"><span style="background-color: #fafafa; border: 0px; color: #666600; margin: 0px; padding: 0px;">That's it!</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BrendasBlogTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:<br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="BrendasBlogTips" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<center>
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com0tag:blogger.com,1999:blog-2092047861211011150.post-30310738364076422912015-11-05T11:31:00.004-06:002015-11-09T11:17:09.509-06:00Adding A "Box" Around Sidebar Gadget Titles<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;">I wanted to "draw" a line around my sidebar gadget titles. In other words, I wanted a solid line that created the look of a box, with the inside remaining white. </span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;">Here is what I did: Go to Headings in your blog HTML.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;">If you have trouble finding it, put your cursor up in the far right-hand corner where there is empty space. Click CTRL and F.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;">A box will open up. Type Headings in there and you will find everything in your HTML that has that word in it.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;">Somewhere under Headings, type this...</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;">font: $(widget.title.font);</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;">color: $(widget.title.text.color);</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;">border:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;">1px solid #dddddd;</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;">}</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;">For some reason some of these tips don't work until you hit the space bar. Click Preview and see if it's as you want it. If it is, click Save.</span></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;">I wanted a light grayish color. Which is the #dddddd. You can Google color hex codes to find other colors to use. Dark black is #000000. White is #FFFFFF.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;">That's it!</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BrendasBlogTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:<br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="BrendasBlogTips" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<center>
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com0tag:blogger.com,1999:blog-2092047861211011150.post-87104344460489517242015-08-15T12:52:00.004-05:002015-08-15T12:52:48.402-05:00Adding Space Between Read More & Post Footer<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Once I added the CSS customized Read More link, as I just posted about, I found that my Read More link was just too close to my footer. So I decided to figure out how to change that. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">I went into HTML and found .post-footer</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">You can click up in the right hand corner on white space, and hit CTRL and F. It will open up a box. In that box, put .post-footer.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">I looked at the padding and where it now says 20px at the very beginning, (which I have highlighted in gray) it did say 0px. You can play with the numbers. Preview, and see if it's where you want it. When it is, click Save.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;">.post-footer {</span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;"> margin: 10px 0px 20px 0px;</span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;"> color: $(post.footer.text.color);</span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;"> line-height: 1.6;</span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;"> padding: <span style="background-color: #eeeeee;">20px</span> 0 20px 0px;</span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;"> border-bottom: 0px solid #808080;</span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;"> background-image: url();</span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;"> background-repeat: no-repeat;</span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;"></span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;"> background-position: bottom center;</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">That's it!</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BrendasBlogTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:<br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="BrendasBlogTips" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<center>
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com2tag:blogger.com,1999:blog-2092047861211011150.post-6873891471633704152015-08-15T12:39:00.002-05:002015-08-15T12:39:36.221-05:00An Easy Customized Read More Link<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">The read more link provided by Blogger, is, shall we say, slightly boring. I like mine inside a very visible box. So here is a simple way to add it without going into HTML. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Go to Customize>Advanced>Add CSS...</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Put the below code into the box. (Sometimes you have to hit the space key to get it to work. Who knows why?) Save.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;">.jump-link { text-align: center;background: transparent;} </span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;">.jump-link { position:relative; top: 8px; } </span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;">.jump-link a { background: #ce0000; color: #ffffff;padding: 5px;border-radius: 7px;} </span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;"></span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;">.jump-link a:hover { background: #dddddd;color: #000000;text-decoration: none;} </span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;">Now of course mine is red. And my text is white. You can change that to your own preferred colors. </span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;">And to change what your Read More says, go into Layout, click on Blog Posts, where you put your content. The second thing you will see is how to configure your text. You can write "Read More", "Continue Reading", whatever you want. And Save. </span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;">That's it!</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BrendasBlogTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:<br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="BrendasBlogTips" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<center>
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com0tag:blogger.com,1999:blog-2092047861211011150.post-60687635968473202592015-07-13T09:12:00.000-05:002015-07-13T09:12:01.469-05:00Minimize Space Between Header & Ad Above Header<div>
To change the distance between the Header and the Ad
go to your Blog Dashboard > Template > Customise > Advanced
> scroll to "Add CSS" and copy and paste the following code in the box:</div>
<div>
<br /></div>
<div>
<span style="color: #0b5394;">#HTML16 {</span></div>
<div>
<span style="color: #0b5394;">margin-top: </span><span style="color: red;">15</span><span style="color: #0b5394;">px !important;</span></div>
<div>
<span style="color: #0b5394;">margin-bottom: </span><span style="color: red;">0</span><span style="color: #0b5394;">px !important;</span></div>
<div>
<span style="color: #0b5394;">}</span></div>
<div>
<div>
<span style="color: #a64d79;">#header-inner img {</span></div>
<div>
<span style="color: #a64d79;">margin-top: </span><span style="color: red;">15</span><span style="color: #a64d79;">px !important;</span></div>
<div>
<span style="color: #a64d79;">margin-bottom: </span><span style="color: red;">0</span><span style="color: #a64d79;">px !important;</span></div>
<div>
<span style="color: #a64d79;">}</span></div>
</div>
<div>
<span style="color: #a64d79;"><br /></span></div>
<span style="color: black;">Hit
"Enter" on your keyboard and click the "Apply to Blog" button. You will
see the changes, but if you still don't like the result you can change
the numbers in red color until you like the space distance. Also in blue
color is the code for the adsense gadget and in purple is for the
header.</span><br />
<br />
<span style="color: black;">That's it! </span><br />
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BrendasBlogTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:<br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="BrendasBlogTips" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<center>
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com2tag:blogger.com,1999:blog-2092047861211011150.post-8294775383178952572015-06-04T20:15:00.002-05:002015-06-04T20:15:53.998-05:00Add Border Line Around Content Margin<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Click Design>Edit HTML</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Click CTRL & F to get a search box</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">In empty box, type:</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">.content-outer </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Click Enter to find .content-outer </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Underneath .content-outer, type:</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">border: 5px solid #000000;</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">You can adjust the number up or down as desired.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Click Preview to check it.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">If you like it, click Save.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">That's it!</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BrendasBlogTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:<br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="BrendasBlogTips" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<center>
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com0tag:blogger.com,1999:blog-2092047861211011150.post-15408745660460515592015-06-04T19:04:00.002-05:002015-06-04T19:04:21.074-05:00Decrease Space Between Post Title & Content<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Find h3.post-title in HTML by clicking on empty space and clicking CTRL and F. Put h3.post-title in the open box and hit enter to search the HTML.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Add below the above code: margin-bottom: -25px !important;</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">You can increase or decrease this number by looking at your blog in Preview and seeing if it's where you want it. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Save.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">That's it!</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BrendasBlogTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:<br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="BrendasBlogTips" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<center>
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com0tag:blogger.com,1999:blog-2092047861211011150.post-76835675626926708472015-05-13T18:23:00.000-05:002015-05-13T18:29:44.324-05:00Make Your Own Customized Hovering Pin It Button<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-aZ19f8eoq00/VVPVsMtjm0I/AAAAAAABBjI/yJpnYb04mjQ/s1600/85pinit.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-aZ19f8eoq00/VVPVsMtjm0I/AAAAAAABBjI/yJpnYb04mjQ/s1600/85pinit.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">I wanted my own customized Pin It button to match my font and color. So I fetched code from another site. But it has their Pin It button code, not my customized one. I'll explain what to do about that. First, let's make a Pin It Button of our very own. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">First I went to Picmonkey, went to Overlays, and chose a round circle. Theirs is black, so I put my own orange color, which is #F98F45. You just erase their code next to the color box, and put yours in. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">By no means does yours have to be round or anything like mine, I might add. It can be anything you want.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">I then opened Design in Picmonkey. Make sure you click Transparent for your Canvas. This is where you're going to bring your shape for your button. Then you will go to Fonts and choose a font. Then you will crop fairly closely around your Pin It Button.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">You will then go to Resize. I believe my button is 85 px.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Here it is again...</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-PGUY9YiZ6LU/VVPdd3krn2I/AAAAAAABBjc/aOvbrvJciWg/s1600/85pinit.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-PGUY9YiZ6LU/VVPdd3krn2I/AAAAAAABBjc/aOvbrvJciWg/s1600/85pinit.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Save. I save mine to my Desktop. Usually in the Save box, I would put something like 85PinIt, so I'd know what to fetch from my Desktop when I'm ready for it.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Then I went to a New Page in Blogger, and typed <b>My Pin It Button HTML</b> in the post title, so I'd have a permanent place for my HTML code. You're never going to publish this. It's just there for safekeeping. <i>Says the woman who accidentally published a very private post in 2011, and the rest is, shall we say, history. </i></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Anyway, once you have your empty new page in Blogger, click Image, just like when you add a photo to your page. Then fetch your customized Pin It Button. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Now, where it says: Compose, on the far left, right next to it is HTML. Click HTML. Your Pin It Button will disappear for the moment (though you're going to save it, and you will then see the gibberish that is HTML.) </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Then you will have the code for your Pin It Button.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><i>This is how I figured out how to host my own images, which I put in an earlier post on this blog. Look in Tips & Tricks.</i></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">However, I found that the HTML I fetched from my Pin It Button had more code than I needed. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">So I looked at the code I copied below from another hovering Pin It tutorial and found where their src started, and patched what I needed in.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">I simply erased some of their code and replaced it with mine. Here's mine:</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: #fff2cc; font-size: large;">"http://1.bp.blogspot.com/-D65VNj-1zYs/VVPUR47DVYI/AAAAAAABBi8/rLG0ewS9GUo/s1600/85pinit.png"</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: #fff2cc; font-size: large;"><b><br /></b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><span style="background-color: white;"><b>This is my code for the customized Pin It Button, where I only erased and inserted what you see highlighted below.</b></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;"> <script></span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;">//<![CDATA[</span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;">var custom_pinit_button = <span style="background-color: #fff2cc;">"http://1.bp.blogspot.com/-D65VNj-1zYs/VVPUR47DVYI/AAAAAAABBi8/rLG0ewS9GUo/s1600/85pinit.png"</span>;</span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;">var pinit_button_position = "center";</span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;">var pinit_button_before = "";</span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;">var pinit_button_after = "";</span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;">//]]></span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;"></script></span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/></span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;"><script id='pinit-img-button' src='http://helplogger.googlecode.com/svn/trunk/pinterest-button1.js' type='text/javascript'> </span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;">// Visit helplogger.blogspot.com for more widgets and tricks.</span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;"></span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;"></script></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><b>This is Helpblogger's HTML for a Pin It Button.</b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<span style="background-color: #f9f9f9; color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; line-height: 20px;"> <script></span><br />
<span style="background-color: #f9f9f9; color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; line-height: 20px;">//<![CDATA[</span><br />
<span style="background-color: #f9f9f9; color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; line-height: 20px;">var custom_pinit_button = "</span><i style="background-color: #f9f9f9; color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; line-height: 20px;">http://1.bp.blogspot.com/-D65VNj-1zYs/VVPUR47DVYI/AAAAAAABBi8/rLG0ewS9GUo/s1600/85pinit.png" </i><span style="background-color: #f9f9f9; color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; line-height: 20px;">;</span><br />
<span style="background-color: #f9f9f9; color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; line-height: 20px;">var pinit_button_position = "</span><span style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: #cc0000; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; line-height: 20px; list-style: none; margin: 0px; outline: none; padding: 0px;"><b>center</b></span><span style="background-color: #f9f9f9; color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; line-height: 20px;">";</span><br />
<span style="background-color: #f9f9f9; color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; line-height: 20px;">var pinit_button_before = "";</span><br />
<span style="background-color: #f9f9f9; color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; line-height: 20px;">var pinit_button_after = "";</span><br />
<span style="background-color: #f9f9f9; color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; line-height: 20px;">//]]></span><br />
<span style="background-color: #f9f9f9; color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; line-height: 20px;"></script></span><br />
<span style="background-color: #f9f9f9; color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; line-height: 20px;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script></span><br />
<span style="background-color: #f9f9f9; color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; line-height: 20px;"><script id='pinit-img-button' src='http://helplogger.googlecode.com/svn/trunk/pinterest-button1.js' type='text/javascript'> </span><br />
<span style="background-color: #f9f9f9; color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; line-height: 20px;">// Visit helplogger.blogspot.com for more widgets and tricks.</span><br />
<span style="background-color: #f9f9f9; color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; line-height: 20px;"></script></span><br />
<span style="background-color: #f9f9f9; color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; line-height: 20px;"><br /></span>
<span style="color: #666666; font-family: inherit; font-size: large;"><span style="background-color: white; line-height: 20px;">You will then go to the Edit HTML portion of your blog, which is </span></span><br />
<span style="color: #666666; font-family: inherit; font-size: large;"><span style="background-color: white; line-height: 20px;"><br /></span></span>
<span style="color: #666666; font-family: inherit; font-size: large;"><span style="background-color: white; line-height: 20px;">right </span></span><span style="background-color: white; color: #666666; font-family: inherit; font-size: large; line-height: 20px;">next to Customize when you click on Design. For some </span><br />
<span style="background-color: white; color: #666666; font-family: inherit; font-size: large; line-height: 20px;"><br /></span>
<span style="background-color: white; color: #666666; font-family: inherit; font-size: large; line-height: 20px;">reason, my </span><span style="background-color: white; color: #666666; font-family: inherit; font-size: large; line-height: 20px;">words now are being formatted like Helpblogger's, so </span><br />
<span style="background-color: white; color: #666666; font-family: inherit; font-size: large; line-height: 20px;"><br /></span>
<span style="background-color: white; color: #666666; font-family: inherit; font-size: large; line-height: 20px;">I'm having to </span><span style="background-color: white; color: #666666; font-family: inherit; font-size: large; line-height: 20px;">add a space in between sentences, so that words are </span><br />
<span style="background-color: white; color: #666666; font-family: inherit; font-size: large; line-height: 20px;"><br /></span>
<span style="background-color: white; color: #666666; font-family: inherit; font-size: large; line-height: 20px;">not partly </span><span style="background-color: white; color: #666666; font-family: inherit; font-size: large; line-height: 20px;">covering other words. A mere technicality. I don't want</span><br />
<span style="background-color: white; color: #666666; font-family: inherit; font-size: large; line-height: 20px;"><br /></span>
<span style="background-color: white; color: #666666; font-family: inherit; font-size: large; line-height: 20px;">to stop and fuss with it.</span><br />
<span style="background-color: white; color: #666666; font-family: inherit; font-size: large; line-height: 20px;"><br /></span>
<span style="background-color: white; color: #666666; font-family: inherit; font-size: large; line-height: 20px;"><br /></span>
<span style="background-color: white; color: #666666; font-family: inherit; font-size: large; line-height: 20px;">Copy your </span><span style="background-color: white; color: #666666; font-family: inherit; font-size: large; line-height: 20px;">code. </span><span style="background-color: white; color: #666666; font-family: inherit; font-size: large; line-height: 20px;">You </span><span style="background-color: white; color: #666666; font-family: inherit; font-size: large; line-height: 20px;">will be taking it for a short ride.</span><br />
<span style="color: #666666; font-family: inherit; font-size: large;"><span style="background-color: white; line-height: 20px;"><br /></span></span>
<span style="color: #666666; font-family: inherit; font-size: large;"><span style="background-color: white; line-height: 20px;"><br /></span></span>
<span style="color: #666666; font-family: inherit; font-size: large;"><span style="background-color: white; line-height: 20px;">You will click on an empty space in your HTML page, and then </span></span><br />
<span style="color: #666666; font-family: inherit; font-size: large;"><span style="background-color: white; line-height: 20px;"><br /></span></span>
<span style="color: #666666; font-family: inherit; font-size: large;"><span style="background-color: white; line-height: 20px;">click CTRL and F. Now you have an empty box in which to type </span></span><br />
<span style="color: #666666; font-family: inherit; font-size: large;"><span style="background-color: white; line-height: 20px;"><br /></span></span>
<span style="color: #666666; font-family: inherit; font-size: large;"><span style="background-color: white; line-height: 20px;"></body>. This is where you will be putting the code. Just above</span></span><br />
<span style="color: #666666; font-family: inherit; font-size: large;"><span style="background-color: white; line-height: 20px;"><br /></span></span>
<span style="color: #666666; font-family: inherit; font-size: large;"><span style="background-color: white; line-height: 20px;"></body>, paste the code you have saved. Then hit Save.</span></span><br />
<span style="color: #666666; font-family: inherit; font-size: large;"><span style="background-color: white; line-height: 20px;"><br /></span></span>
<br />
<div style="text-align: center;">
<span style="background-color: #f9f9f9; color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;">***</span></div>
<span style="background-color: #f9f9f9; color: #666666; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: italic; line-height: 20px;"><br /></span><span style="font-size: large;">I don't know if I've explained this well. Someone try it and get back to me please. You simply use the code I fetched from Helpblogger, and inserted my own button source, and used my own image I created.</span><br />
<br />
<span style="font-size: large;">If you don't understand, send me an email and I'll try to clarify.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">That's it!</span><br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BrendasBlogTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:<br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="BrendasBlogTips" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<center>
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com1tag:blogger.com,1999:blog-2092047861211011150.post-16170461522184501512015-04-18T19:10:00.000-05:002015-04-18T19:10:16.103-05:00Changing Label Names<h1 style="background-color: white; border: 0px; color: #212121; font-weight: 400; line-height: 40px; margin: 0px 0px 26px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: inherit; font-size: large;">I found this in Blogger Help. If you want to change the name of a label you have in your posts, read on....</span></h1>
<h1 style="background-color: white; border: 0px; color: #212121; font-family: Roboto, 'Helvetica Neue', Helvetica, sans-serif; font-size: 34px; font-weight: 400; line-height: 40px; margin: 0px 0px 26px; outline: 0px; padding: 0px; vertical-align: baseline;">
Change the name of a label</h1>
<div class="content-container content-container--answer" style="background-color: white; border: 0px; color: #212121; font-family: Roboto, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;">
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 12px; margin-top: 4px; outline: 0px; padding: 0px; vertical-align: baseline;">
Let's say you have a number of posts with the label <code class="bloggercode" style="border: 0px; color: #006600; font-family: monospace, monospace; font-size: 1em; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Hawaii</code> but you've decided that you'd rather call it <code class="bloggercode" style="border: 0px; color: #006600; font-family: monospace, monospace; font-size: 1em; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Vacation</code> instead. You can't edit the name of a label directly, but there's a simple workaround to accomplish your goal:</div>
<ol style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; margin: 4px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;">Go to the <span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: 700; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Posts</span> tab for your blog.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;">Click on the "All labels" drop-down on top-right and select "Hawaii." This will filter the posts, so you'll only see those with the "Hawaii" label.</li>
<img height="182" src="https://lh6.ggpht.com/GSqIfPzesR0ZzLR2jrWDzY-oC8jUPGNUPBHce5g6G1Bes0ibeOhsozKgbbQinQC_dufMmZ_G=w363" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: middle;" width="363" />
<li style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;">Click the check box at the top of the list of posts to select all the posts.</li>
<img height="255" src="https://lh6.ggpht.com/YitNax2rGxd_KwAN52YEw-jo0eg9F78ZyEay5ynZt2EMGZ0m8EqtsWYIYbEVfy1Ft2KzDmqJ=w309" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: middle;" width="309" />
<li style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;">Then, click the Label icon and select "Hawaii" to remove the label "Hawaii" from all the posts that are selected.</li>
<img height="243" src="https://lh3.ggpht.com/O7DHdjJ0g1YP0wzNBAoIdX1YpU2ftt0ZfWM3t-PyqAQH2MlTguKRSKyPln7OFHkGioPn0JL1OQ=w315" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: middle;" width="315" />
<li style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; margin: 0px 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;">While the posts are still selected, click the Label icon again and select "Add new label." Then, type in "Vacation."</li>
<img height="209" src="https://lh6.ggpht.com/IeWjdknSxBE36Qcnr3Idz06MAif9VqFXaN2taXxF3QLLXwlUNl1K89eYEK8JC1gmlWtuIeMr=w306" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: middle;" width="306" /></ol>
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BrendasBlogTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:<br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="BrendasBlogTips" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<center>
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com2tag:blogger.com,1999:blog-2092047861211011150.post-44534475115557006512015-03-29T10:59:00.003-05:002015-03-29T10:59:44.152-05:00Picmonkey Comes Up With Text Mask Feature<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">In case you haven't heard, Picmonkey has come out with yet another feature for us to play with. A text mask. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Here is an example:</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-v_54zbX_lek/VRghXFIrniI/AAAAAAAA_sA/D8XUFyf-zSs/s1600/400BOOYAHblog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-v_54zbX_lek/VRghXFIrniI/AAAAAAAA_sA/D8XUFyf-zSs/s1600/400BOOYAHblog.png" height="290" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">The tutorial is <a href="http://www.picmonkey.com/blog/tutorial-text-mask/" target="_blank">here</a>.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-a9dmowdPLaM/VRghDxFFFhI/AAAAAAAA_r4/enRqdqbItwc/s1600/175brendasignature.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-a9dmowdPLaM/VRghDxFFFhI/AAAAAAAA_r4/enRqdqbItwc/s1600/175brendasignature.png" /></a></div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BrendasBlogTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:<br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="BrendasBlogTips" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<center>
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com1tag:blogger.com,1999:blog-2092047861211011150.post-2358846213784632052015-03-22T17:56:00.003-05:002015-03-22T17:56:54.113-05:00Important Things To Consider In Blog Design<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">If someone tells you that a header/banner isn't important, they'd be lying to you. You have only a few seconds to be judged, for that reader to decide if your blog is worth scrolling. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">So how do they decide that? The first thing that comes up, and is very important, is your banner. Make it you. This is your first chance to catch that reader. Put your best foot forward. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Do NOT use one of those third party blog templates that have all kinds of things going on in the background. It's just too busy. And unprofessional. Better to have white space. Learn to love white space. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Make your blog easily searchable. Have a search bar close to the top of your sidebar. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Have a date over or under your blog post or next to it. It seems to be in vogue to not use dates, but I think that is a big mistake. If a blog does not have dates, I am not going to be a reader of that blog. I want to know when the content was written.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Labels are important. Don't just splash them all over the place. Go through and edit them into what's most important. It looks unprofessional to have the number (1) next to a label. Go through your posts and relabel if you have to and try to get your number of labels down to less than say, fifty. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Add archives. I make mine scrolling to take up less room. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Ads are fine. We all have to eat. Just be judicious in adding them. Common sense goes a long way here. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">One thing I see that drives me crazy is that something in the sidebar goes "over" the line. You can easily adjust your blog width. This is part of blog housekeeping. You want your blog to look its best. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Check your spelling. Try to use proper grammar. Post often. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">The more you post, the more you stay in the swing of things, and a reader knows that you are both predictable and that this blogging thing is important to you and you take it seriously. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Make sure your content font is easily readable and big enough that a reader does not have to squint. I refuse to read blogs where reading is difficult. Keep the fonts on your blog down to three total.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Don't use those fancy curlicue fonts in your content. Use an easily readable font and I like to make it black. The blackest black is hex code number #000000.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">I could go on and on. Just use your judgment as a reader of blogs to decide what your readers would like on your blog.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Everyone finds their own groove when it comes to blogging. Make sure you keep your reader first and foremost. Listen to their concerns. Be a blogger who cares what they think, and you're on your way to having a popular and successful blog.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-1LqFs2V4d3U/VQ9H54pxsfI/AAAAAAAA_aI/tgcmfW-8ksg/s1600/200brenda.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-1LqFs2V4d3U/VQ9H54pxsfI/AAAAAAAA_aI/tgcmfW-8ksg/s1600/200brenda.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BrendasBlogTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:<br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="BrendasBlogTips" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<center>
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com1tag:blogger.com,1999:blog-2092047861211011150.post-26687156875753775852015-02-23T17:46:00.002-06:002015-02-23T17:46:55.666-06:00How To Make All Your Photos The Same Size<center style="text-align: left;">
<span style="font-size: large;">A few months ago I figured out how to make my photos look straight and cohesive on my blog posts. </span></center>
<center style="text-align: left;">
<span style="font-size: large;"><br /></span></center>
<center style="text-align: left;">
<span style="font-size: large;">I always take my photos straight from the camera to Picmonkey. There I edit and size them. </span></center>
<center style="text-align: left;">
<span style="font-size: large;"><br /></span></center>
<center style="text-align: left;">
<span style="font-size: large;">Why is it important to size them? Because they're about 3000 pixels before you size them, and that takes longer for a computer to load. I size mine to 600 pixels. </span></center>
<center style="text-align: left;">
<span style="font-size: large;"><br /></span></center>
<center style="text-align: left;">
<span style="font-size: large;">When I go to put them in my post, I click Original in Blogger where you add photos. (Not small, medium, large, or x-large.)</span></center>
<center style="text-align: left;">
<span style="font-size: large;"><br /></span></center>
<center style="text-align: left;">
<span style="font-size: large;">This way all your photos will be lined up perfectly and will look very professional.</span></center>
<center style="text-align: left;">
<span style="font-size: large;"><br /></span></center>
<center style="text-align: left;">
<span style="font-size: large;">Try it!</span></center>
<center>
</center>
<center>
</center>
<center>
</center>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<center>
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com3tag:blogger.com,1999:blog-2092047861211011150.post-49787971806191423242015-01-10T13:41:00.004-06:002015-01-10T13:41:46.453-06:00Restore Your Blogger Blog (If It's Deleted)<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Go <a href="http://xomisse.com/blog/restore-your-blogger-blog/" target="_blank">here</a> to get this info. I wanted to have it where I could get to it myself should it happen to me!</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-xJzwL122JTw/VLGAZyiNgxI/AAAAAAAA9NI/y5n8N9NiBp4/s1600/200brenda.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-xJzwL122JTw/VLGAZyiNgxI/AAAAAAAA9NI/y5n8N9NiBp4/s1600/200brenda.png" /></a></div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BrendasBlogTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:<br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="BrendasBlogTips" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<center>
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com0tag:blogger.com,1999:blog-2092047861211011150.post-75112412552965994212014-11-02T12:56:00.000-06:002014-11-02T12:56:33.937-06:00Hosting Your Own Sidebar Images On Your Blog<div class="separator" style="clear: both; text-align: left;">
You know when you're trying to center an image or words in your sidebar, and you have to go to all the trouble of downloading it to Photobucket to do? Well, here's an easy way, and you don't even have to leave your blog.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
I just added The Pupsters photo to my sidebar a few minutes ago. Here's what I did. I went to New Post, and just added their photo. For the Post Title, I wrote The Pupster HTML. So that I could save it, but didn't want to accidentally delete it either. </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
After I added their photo, and nothing else, I switched from the Compose box at the top left, to HTML. </div>
<div class="separator" style="clear: both; text-align: left;">
The Pupster's photo is now in HTML. I want to center it in my sidebar. So I went to the very beginning, and added <center>. And then to the very end, where I added </center>. Save. Copy.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Now go to Layout, Add A Gadget, and choose HTML. When that box is opened up, I simply added the HTML I'd just copied by way of pasting. Then I Saved, and went over to see how it looks. Perfect!</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
This way you do not have to pay to "host" your photos, etc. Use your own blog and just do this. It's easy and it works. Try it.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
That's it!</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BrendasBlogTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:<br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="BrendasBlogTips" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<center>
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com2tag:blogger.com,1999:blog-2092047861211011150.post-43738463100261477562014-10-20T17:03:00.002-05:002014-10-20T17:07:51.226-05:00How To Add "Read More" When Truncating Your Post<div class="gmail_default" style="color: #222222; font-family: arial; font-size: large;">
You can do it this way automatically without having to manually add it: <a href="http://brendasblogtips.blogspot.com/2014/09/automatically-truncating-posts-for.html">http://brendasblogtips.blogspot.com/2014/09/automatically-truncating-posts-for.html</a></div>
<div class="gmail_default" style="color: #222222; font-family: arial; font-size: large;">
<br /></div>
<div class="gmail_default" style="color: #222222; font-family: arial; font-size: large;">
Or you can go into Design>Layout, your blog, where it will say <u>blog post</u>. Click the Edit at the bottom of this. You will see various things you can check or uncheck for your blog. To put ads in between posts, etc.</div>
<div class="gmail_default" style="color: #222222; font-family: arial; font-size: large;">
<br /></div>
<div class="gmail_default" style="color: #222222; font-family: arial; font-size: large;">
And also, you will see the "read more" check box. Check it, and when you truncate, or cut off your post, look up in the Blogger Dashboard on the line above the open space and you will see what appears to be a piece of paper that has been torn in half. Click on this and it will create a line to break up your text. And the rest will appear on the page when the reader hits on "click more."</div>
<div class="gmail_default" style="color: #222222; font-family: arial; font-size: large;">
<br /></div>
<div class="gmail_default" style="color: #222222; font-family: arial; font-size: large;">
You can also change the wording when you're in Layout for "click more." Customize it as you wish the wording to be. Remember to Save.</div>
<div class="gmail_default" style="color: #222222; font-family: arial; font-size: large;">
<br /></div>
<div class="gmail_default" style="color: #222222; font-family: arial; font-size: large;">
That's it!</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BrendasBlogTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:<br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="BrendasBlogTips" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<center>
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com0tag:blogger.com,1999:blog-2092047861211011150.post-72894853522086615492014-10-06T17:21:00.004-05:002014-10-06T17:22:03.732-05:00Adding A Box Around Titles<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">If you would like to have your content and sidebar titles put in a box, I did that in HTML. Go to...</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"> /*Headings</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"> h2 {<br /> font: $(widget.title.font);<br /> text-transform: $(widget.title.text.transform);<br /> color: $(widget.title.text.color);<br /> margin: .5em 0;</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br />I added the two lines below underneath margin. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">border: 2px solid #000;<br />padding: 7px;</span></div>
<div class="separator" style="clear: both; text-align: left;">
}</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">That's it!</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BrendasBlogTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:<br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="BrendasBlogTips" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<center>
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com0tag:blogger.com,1999:blog-2092047861211011150.post-52389084594147441292014-09-07T14:15:00.001-05:002014-09-07T14:15:16.502-05:00Automatically Truncating Posts For Blogger<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">If you're wondering how I truncated Cozy Little House where it automatically shows a 300 x 300 pixel photo and then goes to the next page, I followed the tutorial from the blog below. Just</span> <span style="font-size: large;">make sure you add the two codes on top. I thought it was easy and it worked. Photos are not skewed, as they've been in previous tries.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">I got the code <a href="http://www.thesepaperhearts.com/2014/07/diy-summarysnipit-post-format-blogger/" target="_blank">here</a>.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BrendasBlogTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:<br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="BrendasBlogTips" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<center>
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com0tag:blogger.com,1999:blog-2092047861211011150.post-34994367612614761752014-08-01T12:28:00.000-05:002014-08-01T12:31:40.323-05:00Customize Read More Link In Blogger<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">If you would like to know how I added a black container with Read More in white text on Cozy Little House, go <a href="http://www.windroidclub.com/2013/05/5-ways-to-customize-read-more-link-in.html" target="_blank">here</a> and this is the tutorial I followed. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">I tried another and it didn't work, but the one with Windroid Club worked.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Enjoy!</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BrendasBlogTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:<br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="BrendasBlogTips" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<center>
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com0tag:blogger.com,1999:blog-2092047861211011150.post-66043578123127047112014-07-16T13:03:00.000-05:002014-07-16T13:03:42.536-05:00Adding Border To Blog Content<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Here's another tip I just figured out. I wanted a black border around all of my blog content at Cozy Little House. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Go to Design>Edit HTML (may want to backup your blog first). </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Somewhere on white of page, click CTRL and F. In the box, type .content-outer;</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Just under that, type:</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">border: 5px solid #000000;</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">You can use whatever hex color you want. I wanted black, and that is the #000000. And you can make the thickness any size you want. I wanted 5px and solid. You could also use dashed or dotted.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Then I went to Customize and merely chose a green color for my background. I love how the green looks up next to the black border.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">That's it! </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BrendasBlogTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:<br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="BrendasBlogTips" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<center>
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com1tag:blogger.com,1999:blog-2092047861211011150.post-8000075326533266882014-07-16T12:44:00.001-05:002014-07-16T12:59:19.699-05:00Erase Lines Around Images<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">I wanted to get rid of the slight gray border around my images and my signature, which I made in Picmonkey. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Go to Design>Edit HTML (might want to back up your blog) and in a blank space type: CTRL F.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">In that space, type .post-body image.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">If that works for you, great, but it did not work for me. So I tried "just image." And all the HTML with image in it came up. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">I scanned until I saw post and image together, and erased "border to box shadow. Then I pasted this code in that spot:</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">border: 0px solid transparent;</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, ,2);</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">box-shadow: 0 0 0 rgba(0, 0, 0, .2);</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">-moz-border-radius: 0;</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">.webkit-border-radius: 0;</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">border-radius: 0;</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div style="background-color: white; box-sizing: border-box; clear: both; font-size: 15px; letter-spacing: 0.5px; line-height: 24.375px;">
<span style="font-size: large;"><span style="font-family: inherit;">Now please don't EVER save until you have PREVIEWED first. That's a wonderful feature with Blogger. That way you get to see if it works, and if you actually put the code in the right space. This saves me from a lot of heartache!</span></span></div>
<div style="background-color: white; box-sizing: border-box; clear: both; letter-spacing: 0.5px; line-height: 24.375px;">
<span style="font-size: large;"><br /></span></div>
<div style="background-color: white; box-sizing: border-box; clear: both; letter-spacing: 0.5px; line-height: 24.375px;">
<span style="font-size: large;">I scrolled down within PREVIEW to look at my photos. The slight gray border was gone. I scrolled down to my signature at the bottom of the top post. It was gone from there as well. So THEN I saved it. </span></div>
<div style="background-color: white; box-sizing: border-box; clear: both; letter-spacing: 0.5px; line-height: 24.375px;">
<span style="font-size: large;"><br /></span></div>
<div style="background-color: white; box-sizing: border-box; clear: both; letter-spacing: 0.5px; line-height: 24.375px;">
<span style="font-size: large;">That's it!</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BrendasBlogTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:<br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="BrendasBlogTips" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<center>
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com0tag:blogger.com,1999:blog-2092047861211011150.post-71715089564076255602014-07-13T16:18:00.001-05:002014-07-13T16:18:26.888-05:00Reduce Space Between Date & Post Title<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">I know I haven't posted here in quite some time. Somehow all the tips dried up and I was busy making this place a home. But today I have one for you I figured out yesterday for Cozy Little House. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Sometimes I feel like the space between the date and the post title is too wide. So I figured out how to reduce a bit of it. You can choose the numbers you're most comfortable with. Play around with it. I sure do!</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">I had to hit the space bar after I pasted the code to make it work. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Here goes: </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Go to Design>Customize>Advanced>Add CSS.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">In the CSS box, paste:</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;">h3.post-title { </span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;">margin-top: -5px !important; </span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;"></span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;">}</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Hit space bar once. You're done!</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BrendasBlogTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:<br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="BrendasBlogTips" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<center>
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com7tag:blogger.com,1999:blog-2092047861211011150.post-36303240023125140262014-05-16T11:51:00.000-05:002014-05-16T11:51:15.513-05:00Adding A Gadget To Header Or Sidebar<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">I found this tutorial over at Pro Blog Tips. I haven't used it yet. But I'm sure going to try it. I like the idea of being able to add Blogger Gadgets in other places.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;">Here is the link...</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><a href="http://www.problogtricks.com/2013/11/enable-add-a-gadget-to-blog-post-column-and-header-layout-sections.html" target="_blank">Pro Blog Tricks</a></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;">Please let me know if you use it and if it works for you.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/"></a><span id="goog_1744835727"></span><span id="goog_1744835728"></span><br /></div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BrendasBlogTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:<br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="BrendasBlogTips" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" style="margin-left: 1em; margin-right: 1em;" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></div>
<center style="text-align: left;">
</center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com1tag:blogger.com,1999:blog-2092047861211011150.post-62942628836215411072014-05-06T15:48:00.000-05:002014-05-06T15:48:05.745-05:00Feedburner Subscriber Problem<div class="separator" style="clear: both; text-align: left;">
I'm sorry I haven't posted here in so long. My time has just been taken up with moving and unpacking. </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
I imagine most of you are getting complaints from readers about Feedburner not sending our your blog posts daily. Well, today I got fed up and switched to Mad Mimi. <a href="http://www.madmimi.com/" target="_blank">www.madmimi.com </a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
I wrote about it on my Cozy Little House blog today and told about the process. Their Chat line guided me through it. </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Now I'm hoping this fixes the problem. I have read that Feedburner is going away. But the date I read that was from 2013, so that can't be the case. Because we've had their services at least some in 2014. </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
If you are frustrated with this, there are various avenues: Mail Chimp, Feedblitz (if you have the funds; would cost me around $50 a month). And there are others I can't think of at the moment I'm sure.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
That's it!</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BrendasBlogTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:<br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="BrendasBlogTips" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<center>
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com4tag:blogger.com,1999:blog-2092047861211011150.post-7243761891710933722014-04-07T12:06:00.001-05:002014-04-07T12:06:31.996-05:00Contact Form For Your Contact Page<div class="separator" style="clear: both; text-align: left;">
I just found a place that will give you code to put a nice contact form on your blog if you have a tab/page dedicated to Contact/Contact Me. </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Go to this <a href="http://my.contactme.com/" target="_blank">site</a>.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Register. Go to Add-ons. Follow the instructions and it will give you html. Copy this code.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Go to your Contact page and at the top choose html instead of Compose. Paste the code. Hit Save or Update. </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Go to your blog and click on your Contact page/tab and see if it's there. If you want to see what it looks like, go to Cozy Little House and the tab Contact at the top.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
That's it!</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BrendasBlogTips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 1px solid #ccc; padding: 3px; text-align: center;" target="popupwindow">
Enter your email address:<br />
<input name="email" style="width: 140px;" type="text" /><br />
<input name="uri" type="hidden" value="BrendasBlogTips" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /><br />
Delivered by <a href="http://feedburner.google.com/" target="_blank">FeedBurner</a></form>
<center>
<a href="http://www.bloglovin.com/en/blog/11463269" title="Follow Brenda's Blog Tips on Bloglovin"><img alt="Follow on Bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/widget.gif?id=11463269" /></a></center>
<center>
<a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ffeeds.feedburner.com%2FBrendasBlogTips" target="blank"><img alt="follow us in feedly" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-big_2x.png" height="56" id="feedlyFollow" width="131" /></a></center>
Brenda Pruitthttp://www.blogger.com/profile/14544794729410559072noreply@blogger.com2