December 29, 2014

Loving Life Designs Announcement
Custom Blogger Designs


Today we would like to take a moment and tell you about a new design service that we are bringing back. Okay, so it's an old service that we have not done it a while, how can it possibly be new? So it's not new but it's new again. I should stop.

The starting price is $100 and goes up from there. It most likely would never go above $175 or $200 it all depends on what you want.

What do you get for $100?
  • Custom Header
  • Background
  • Menu Bar
  • Three (3) Styled Stand Alone Pages
  • Social Media Icons
  • Coordinating Colors and Fonts Throughout
  • Custom About Me/Welcome Image
  • Total Install and Troubleshooting support FOREVER! Seriously. We don't want to leave anyone in a pickle. 
$35 Deposit will be required before any designs will be started - Paid through ETSY. 

If you have any questions about the process feel free to email us at lovinglifedesigns@gmail.com. 

Take a look at our most recent blog redesigns (Revision Fitness, Vegas Fitness and NutritionA Heart Willing to Follow and Michelle Morgan Photography) and you'll get a good idea of what you can expect from us. 

Thanks for Reading - Seriously take advantage of this service. We kind of ROCK! :)


Creative Commons License

December 16, 2014

How to make Blogger Comments Avatar Image Round
{Blogger Tutorial}

Last week I showed you how to turn your Blogger About Me widget image from square to round. This week I am showing you how to make your commentors avatar image round. Again, just like last week, this update will take you about 30 seconds.

How to Make Blogger Comments Avatar Image Round: A Blogspot Tutorial

1. Go to Dashboard > Template > Edit HTML.
2. A few lines down you'll find <b:skin>--</b:skin>



3. Click the arrow next to it to expand your blogs template code.
4. Scroll down until you find #comments .avatar-image-container img
5. Just after the { but before the closing } you will need to add the following code.
-webkit-border-radius: 50em; 
-moz-border-radius: 50em; 
border-radius: 50em;
6. And change the border width from 1px to 0px.
7. Save your template.

Viola you are done! Again bask in the awesomeness of your round avatar.

If you have any questions feel free to leave a comment and I will be happy to answer them. If you apply this update to your blog, I would love to see it in action. Leave a comment and post a link to your blog.

Creative Commons License

December 12, 2014

How to make blogger 'about me' profile picture round
{Blogger Tutorial}


Tonight (yes tonight! I blog when I can. Kiddos are asleep!) I have a really simple update you can make to your blog in about 30 seconds. Circles and triangles are all the rage right now in the design world. And thats fine with me. I'm a minimalist and I LOVE minimalist designs and the simple circle is the best form of minimal design.

Seriously, this is the fastest update ever. I think it would take you longer to read this then it would to implement this.

How to Make Blogger "About Me" Profile Picture Round: A Blogspot Tutorial

1. Go to Dashboard > Template > Edit HTML.
2. A few lines down you'll find <b:skin>--</b:skin>


3. Click the arrow next to it to expand your blogs template code.
4. Scroll down and find ]]></b:skin> copy and paste the following code just ABOVE it.
.profile-img { margin:0 auto 0; -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; }
5. Preview your template - make sure it worked.
6. Save your template.

Viola, you are done! Now bask the awesomeness of your round profile avatar.

The border-radius property is a shorthand property for setting the four border properties. This property allows you to add rounded borders to elements. You can learn more about the border-radius property here.

If you have any questions feel free to leave a comment and I will be happy to answer them. If you apply this update to your blog, I would love to see it in action. Leave a comment and post a link to your blog.

Wanna know how to make your commenters profile picture a circle, like here on Loving Life Designs, to match your new and improved profile about me avatar? (like pictured below?)


Sorry. You'll have to read about it next week - shameless plug, I know.

Creative Commons License