Blogger Tips
To hide images/pictures from blogger posts and make them appear only in homepage, we will add just a small piece of CSS code in our template and then use the class "hidepic" each time we want to hide an image.
Just follow the next steps:
Step 1. Go to Dashboard - Template - Edit HTML
Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the search box:
Step 3. Type or paste this code inside the search box then hit Enter to find it:
Now, each time you create a post, first add the picture that you want to hide and then switch to the HTML tab where you'll see the HTML code of the image that you added - it will look something like this:
Note: it should be at the exact location where your image has been added
(if the image is at the middle of the text, then the code should be found at the middle)
Step 6. Replace "separator" with "hidepic" - see the screenshot below:
If you need more help, please leave a comment below.
- Add Author's Profile Picture And Name In Multi Author Blog
In this tutorial we will see how to add the author's profile picture and name on a Blogger blog just below the post title. This can make your blog not only look more personal but attaching an image to your blog posts in Blogger can help visitors identify,...
- How To Create Magazine Style With Post Summaries And Thumbnails On Blogger
The magazine or newspaper style templates are those that display the posts summaries in the homepage by stacking the columns on top of each other. This kind of templates is very popular nowadays, and whether it is a news or technology blog, everyone needs...
- How To Hide Blogger Sidebar To Display Adsense For Search Results
When visitors are searching for content on your blog, you have three options to display the search results: opening the results in the same window, in a new window or within your own site using an iframe. The best option would be, however, to display...
- Replace Older, Newer And Home Blogger Links With An Image Or Text
Newer Post, Home and Older Post are links that appear on the bottom of the posts. When a visitor click on one of these links, they will take him to the page with the list of your previous posts. The number of the posts on these pages will be the same...
- Hide/show Widgets/gadgets In Home/post/static/archive Pages In Blogger
As some of you may have noticed, all the widgets/gadgets you add to your blog, will be displayed on all the pages by default, including the homepage as well. And I'm sure very few know that AdSense could disable your account in case you've put...
Blogger Tips
Show Blogger Image only in Homepage and Hide it in Post Page
To hide images/pictures from blogger posts and make them appear only in homepage, we will add just a small piece of CSS code in our template and then use the class "hidepic" each time we want to hide an image.
Just follow the next steps:
Step 1. Go to Dashboard - Template - Edit HTML
Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the search box:
Step 3. Type or paste this code inside the search box then hit Enter to find it:
]]></b:skin>
Step 4. Paste the following code just below it
<b:if cond='data:blog.pageType != "index"'>Step 5. Save the Template.
<style>
.hidepic{
display: none;
}
</style>
</b:if>
Now, each time you create a post, first add the picture that you want to hide and then switch to the HTML tab where you'll see the HTML code of the image that you added - it will look something like this:
<div class="separator" >
<a href="http://2.bp.blogspot.com/-shsd_c51zRA/T6UeoPgcbII/AAAAAAAACCc/sYI6WB22CaM/s1600/fire_bird_by_fhrankee-d32af8v.png" imageanchor="1" ><img border="0" src="http://2.bp.blogspot.com/-shsd_c51zRA/T6UeoPgcbII/AAAAAAAACCc/sYI6WB22CaM/s320/fire_bird_by_fhrankee-d32af8v.png" /></a></div>
Note: it should be at the exact location where your image has been added
(if the image is at the middle of the text, then the code should be found at the middle)
Step 6. Replace "separator" with "hidepic" - see the screenshot below:
If you need more help, please leave a comment below.
- Add Author's Profile Picture And Name In Multi Author Blog
In this tutorial we will see how to add the author's profile picture and name on a Blogger blog just below the post title. This can make your blog not only look more personal but attaching an image to your blog posts in Blogger can help visitors identify,...
- How To Create Magazine Style With Post Summaries And Thumbnails On Blogger
The magazine or newspaper style templates are those that display the posts summaries in the homepage by stacking the columns on top of each other. This kind of templates is very popular nowadays, and whether it is a news or technology blog, everyone needs...
- How To Hide Blogger Sidebar To Display Adsense For Search Results
When visitors are searching for content on your blog, you have three options to display the search results: opening the results in the same window, in a new window or within your own site using an iframe. The best option would be, however, to display...
- Replace Older, Newer And Home Blogger Links With An Image Or Text
Newer Post, Home and Older Post are links that appear on the bottom of the posts. When a visitor click on one of these links, they will take him to the page with the list of your previous posts. The number of the posts on these pages will be the same...
- Hide/show Widgets/gadgets In Home/post/static/archive Pages In Blogger
As some of you may have noticed, all the widgets/gadgets you add to your blog, will be displayed on all the pages by default, including the homepage as well. And I'm sure very few know that AdSense could disable your account in case you've put...