Test..Rue en Rose

18 June, 2015

Blog dimensions of blgos I like

befrassy.net;

body 880x659

images: <img class="lazy alignright size-full wp-image-25999" src="image" data-original="image2" alt="lluna1" width="1200" height="800" style="display: block;">

font family: Lora (serif for body)

center aligned

horizontal images

For Optimizing images for Blog and Social Sharing

http://blog.hubspot.com/marketing/open-graph-tags-facebook-twitter-linkedinhttps://blog.bufferapp.com/ideal-image-sizes-social-media-posts
http://www.brandigirlblog.com/2012/03/print-vs-web.html
http://blog.chasejarvis.com/blog/2013/01/the-new-horizontal/
http://www.tootsweet4two.com/how-to-make-a-horizontal-photo-a-pinterest-friendly-vertical-photo-using-picmonkey/

http://www.slrlounge.com/school/how-to-create-web-sized-image-export-preset-in-lightroom-4/

http://www.bonjourblogger.com/tutorials/how-to-make-an-instagram-collage/

1,024 x 512 px for FB
72 px resolution

15 June, 2015

Going Responsive

http://www.bloggeryard.com/2014/06/make-responsive-blogger-template.html

Using this code under <head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>

Need to add media queries.

http://www.catswhocode.com/blog/tips-and-best-practices-to-develop-responsible-websites

13 August, 2014

Color Scheme

Color Scheme:

Header: #eb94a0
Header Description: #5acadc
Title post: #eb949f
Sidebar Border: #efc2c3
Link: #eb949f

08 August, 2014

Polishing

Other additions to my blog:

Header: made it a picture with Photoshop (LOVE!) and then uploaded it. Legit headers make such a big difference. Save as pngs from Photoshop, not jpgs. Jpgs save darker.
http://www.thewonderforest.com/2013/09/how-to-create-blog-header-that-looks.html
(Also love this blog!)

Center-justified the sidebar: all done with html code in the style section.
.sidebar h2 {text-align:center !important;}
.sidebar {
background: #ffffff;
text-align:center;
}

That little hexcode solved my background issue with my sidebar and my posts.
.post{
background: #ffffff;
padding: 20px;
}

White-brick blog background: found a free download on the web, and lightened it with photoshop. Then uploaded it to the Customize Template section of blogger.
http://www.pixeden.com/graphic-web-backgrounds/subtle-light-tile-pattern-vol6

Lastly, making my pages operate like pages in a website.
http://blogger-hints-and-tips.blogspot.com/2010/12/how-to-put-put-posts-into-your-pages-in.html

Looking good!

05 August, 2014

Decided to Capitalize

I have realized that I cannot save my posts within the blogger "Pages" unless I use this tricky work around...

http://blogger-hints-and-tips.blogspot.com/2010/12/how-to-put-put-posts-into-your-pages-in.html

To be done later...

04 August, 2014

Here's a go at another post just for kicks...

Remember how glad we all are that I didn't go through with being a blonde?

Pages