How To Show Or Hide/Cover Blog Content With Images Using CSS

Quality contents always play a vital role n Search Engine Optimization plus with the professional looks of your blog will add more spices and always be remembered by your unique visitors. In order to give a long and lasting impression to them you should put an images but not just putting it as you normally do. We will add CSS on it in order to present it as it covers your blog content and it goes sideways upon mouse hover on it. But it doesn't it there, we will hide it as it goes sideways in order to make it more professional as it moves.Feel excited! Follow the steps below. See first the demo " THE LOVE OF OUR FAMILY " The greatest love we can show while we are still alive is the love of our family. Like the love of God for us, is the evidence that nothing is as big as our heart when it comes to this kind of feeling.Our family is our stronghold during trials and our comfort zone in times of sufferings. Nevertheless,...

How to Customize Post Title In Blogger- Increase Traffic

Looking for another apple of the eye in your blog? Customizing post title is an essential undertaking as a professional blogger. Having the options to change the margin, adding border-radius on it, styling and adjusting the size of the font, adding background and have a hover effect on it really admire your visitors upon landing your site. In this article I will show you not only the steps on how to customize the post titles but also on how to increase traffic in your blog upon applying the H2-tag on it settings.  First, we will change the settings of your Post Title. By default, all blogger templates are designed in such a way that the Homepage Main Title is treated with the H1 tag, Blog Description or Header dates and sidebars headers are treated with an H2 tag , H3 is assigned for post titles. We know the fact that your Post Titles are second most important part of the blog after the main title and Sidebar Titles...

How To Add 123 Contact Form For FREE In Blogger

If we invest on business, we need to look at all the angles or possibilities of a long and lasting stronghold of a certain firm. Like also in blogging works, one of the fundamentals is to have a contact form as a vital part of every blog/website. It enables your readers to have an indirect link with you regarding your products or services. In this manner,it gives all visitors a path in which to open a good communication with you and to your clients. There are many types of contact forms that can be used in various occasions like survey questions, polling visitors on various topics, or allowing visitors to join your newsletter. In this tutorial, I will show you on how to add contact form via 123contact form since I used this also in my contact page . How to Add 123 Contact Form in Blogger  Step 1. Go to 123 contact form. Step 2. Create an account there for free. Step 3. Then follow  all the...

How to Put Links within a Specific Page

Linkage on the Internet is a standard part of designing a website because it is included as a basic skill in any course on creating a website. When someone clicks on a link on your site, the browser normally takes that person to the top of the new document. That is the normal and expected behaviour. I was amazed `on how those professional bloggers made a post and within that certain post they add link and when I clicked the link, it didn't go to the other post or page but just go to a certain specific height within that post.  Wow it's amazing. I called this personally as "self linkages". We will not add javascript on your template but just a simple HTML code to your Blogger Post editor where you want to apply this effect.The principle behind this  tutorial: Create a link pointing to the anchor. This is the word where you add the link wherein if you click this link you will be directed to a certain height (target) within...

How to Customize Texts Beside the Image on "Post a Comment"

As we look into a new advancement or innovation brings greater change not only in our point view but as well as in our desire to create much better look specially in blogging activities. Here is another state of the art tutorial which is a continuation of my previous topic which was about "How to Change "Post A Comment" With Image And Text.  Let's do it friends. Customizing Texts Beside the Image on "Post a Comment" Step 1. Go to Blogger >> Template (Always Back-up Template) >> Edit HTML, Step 2. Find/Control F the tag ]]></b:skin> and just above it paste the code below, #comments h4 { color: #4E555A; font-size: 23px; font-family: Arial, Verdana !important; line-height: 1.6em !important; font-weight: bold; margin: 0 0 20px; padding: 10px 0 0; } Short Customization (Optional): 1. Change #4E555A to change the color of the text beside the image. You can...

How to Change "Post A Comment" With Image And Text

One way to reveal post reader's  ideas, suggestions, point of view, questions or clarifications regarding the content of your post is through the comment section. It is then necessary to research about some tricks to customize this area of your blog to allure your visitors. So let's proceed to the tutorial on how to  change or replace the text "Post a Comment" with an image and some enlightening texts. Changing "Post a Comment" With Image and Texts Step 1. Go to Blogger Dashboard >> Template >> Edit HTML Step 2. Look/Control F the code below, <h4 id='comment-post-message'> <data:postCommentMsg/></h4> Step 3. Replace the text in blue (data:postCommentMsg) above with one of the image URL  below img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRRLXU2RJuOKVNsMcrAQlC6yJGJLPmtVnY5-utvNJZ9kaLmX0Twu3i7gS4Td6E3qRJbTT1ZZwtLcIoeW47qakA4FX3rZC8-y5SxS_EEzz11pRimKjVXOG0cQktub1e470K176h3jh7_bE/s1600/animated+comment+arrow+7.gif' img...