-webkit-transition:All 0.5s ease ;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
text-shadow: 1px 1px 2px #888888;
1. Go to Template and then click Edit HTML.
2. Find for code ]]></b:skin> or ( </style> for classic template).
3. Paste the codes below before the codes that you just found.
4. You may change the background color by changing #fff8bf to your own color code and save.
border: 1px solid $(image.border.color);-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
1. Go to Template and then click Edit HTML
2. Find ]]></b:skin> or ( </style> for classic template)
3. Paste this codes above/before the codes that you have found just now.
You may change the color of the font and the background of your blog text selection to you own colors. To get the color hex, you can use this site for reference - Colorpicker (the simplest and most functional site I've ever found) and the easiest way of choosing colors is by installing Color Zilla onto your browser.
text-shadow: 1px 1px 1px #999999;
In addition to it, you can customize the shadow's color too!
Goodluck in designing your blog. For any questions and suggestions, you may comment down below 🙂
This is the original style of underline.This entry is a tutorial on how to change the underline in your blog style. This is how your underline will look like:
border-bottom:2px solid #f7d9d9;
4. You may edit the color of the underline by changing #f7d9d9 to your own color.
By "with hover", I mean the underline will change color when you touched the text. Try to hover your cursor over the text you will see the changes. The step of applying this style is the same as Style 1, just with different codes:
border-bottom:2px solid #f7d9d9;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.13s ease-in-out;
border-bottom:2px solid #bce1ff;
background-image:url(IMAGE URL HERE);
Goodluck and thank you for reading! Any question you can comment down below.
<a href="http://1.bp.blogspot.com/-rnuCiQw98_k/UtTf7Yauk4I/AAvw/0gvUqGd__Jk/s1600/cats.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-rnuCi98_k/UtTf7Yauk4I/AAvw/0gvUqGd__Jk/s1600/cats.png" /></a>
The highlighted text is your image's direct link. You can copy and use it. Be aware that once you've uploaded the image, deleting the post won't affect your image at all but the image will eat up your google space. To save space once you no longer need the image, you can permanently delete your image from google by managing your image via your google Image Archive.
Other than your blog post, you can use other sites that host images for free! I will write some review from each site for you guys.
Postimage.org is the first site that popped out when I searched "Free Image hosting" on Google. This site does not require signup, but if you want to manage and keep your photos in you account you may sign up to this site. I signed up so that my photos did not lose after I uploaded them and I can delete them by the time that I want them to disappear from my life.
So I only talked about two of them..there are a lot of other free image hosting such as Tinypic (don't like tinypic because it will automatically delete inactive images), Photobucket, and many more. For me using Imgur is more than enough. Hehe.