Show Blogger Image only in Homepage and Hide it in Post Page alphause

Po ... Show Blogger Image only in Homepage and Hide it in Post Page 17 comments 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: }]]> Step 4. Paste the following code just below it Step 5.Save the Template. Now, each time you create a post, first add the picture that you want to hide and then switch to theHTMLtab 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. Like 2 Random Posts How to make the background image of the blog fill the entire screen17/09/2013 - 1 Comments How to remove Blogger Picture/Image Shadow and Border06/04/2012 - 382 Comments Tips To Avoid Your Google Adsense Account From Getting Banned13/04/2012 - 38 Comments Related Posts: How to add custom Variable definiti... Understanding the Page Elements of ... What is the difference between padd... How to Use Cookies in Javascript Advanced Random posts widget for Bl... 17 comments: Taimoor 6/25/2012 Very good! thank you for this tutorial! So, here as you used first pic to show on your homepage and that pic is not shown here on post page! wao! thanks Reply Kingsley 9/26/2012 What if i want to show images both on post and homepage Reply Replies Matt 12/16/2012 Oh dude! just ignore the code, don't implement it and you'll get it.. :P Shoaib Aslam 3/19/2013 By default image is shown on both, homepage and post page Avinash S Ch 1/30/2013 Thanks for the info!!! Reply Donz i 4/30/2013 thanks Reply Pawan Paudel 5/18/2013 I am searching a lot about this. Thanks a lot for this tips it help me a lot. Reply 1like4.me 8/23/2013 hi author, any idea how to hide the description on the homepage but show on post pages? Without using js if possible...thanks! Reply Simon 10/05/2013 What if i don't have this line in my template? Reply arolbutrus c izuegbunam 10/28/2013 Thanks, but i need help on how to hide the title and description of my blogger blog to the site visitors, and make them visible to search engines only. Reply Oussama Laghrissi 10/29/2013 This comment has been removed by the author. Reply Jerahmeel Barlaan 12/06/2013 This tutorial is what I want to know in the past few weeks. Thanks bro! Reply Michael Samhan 12/14/2013 how can i also hide the header for a widget? i tried .hidepic > h2 and .hidepic h2 neither will work.. is it something with the code that only hides the div? Reply Anonymous 12/21/2013 Is there a way to hide a standalone pic on the post page? Right now I have a main pic at top of website that stays no matter what story is clicked on. Would be helpful if anyone knew how to hide it on a post page but to stay on home page. Thanks. Reply Abd Halim 12/30/2013 Good info! Works for me. Thanks. Reply Anonymous 1/02/2014 super....! Reply JiN KaZaMa 1/10/2014 Awsomeeeeeeeeeeeeee :) csworldx.blogspot.co m Reply Add comment Comment as: Sign out Notify mePublishPreview Privacy Policy| Disclaimer| Terms of Service| Sitemap Back to Top DMCA PROTECTED Search Search Follow on Facebook Helplogger Like 2,784 people like Helplogger . Facebook social plugin Follow on Blogger Subscribe via Email Receive Quality Tutorials Straight in your Inbox by submitting your Email below. Submit Or subscribe via RSS Feed Recent Posts How to Add Numbered Page Navigation Widget for Blogger 5 Easy Ways to Improve the SEO of a blog & Boost Traffic What is the difference between padding and margins? Add a Custom jQuery Lightbox To Blogger How to Use Cookies in Javascript Recent Comments irsah imihar Customizing will always be easy with jquery and javascript. Even... Missy G Yay! Thank you for making this so easy! This is just what I... divakar sivashankar admin i have a problem even if i add the tag the ad is showing up... Anonymous I don't understand the instructions you have given :( Nanette Benablo your site is very helpful and easy to follow tutorials. thank you... Popular Posts Simple Recent Posts Widget for Blogger/Blogspot Create A Rollover Image Effect (change image on mouseover) Recent Comments Widget For Blogger How to remove Blogger Picture/Image Shadow and Border Hide/Show Widgets /Gadgets in Home/post /static/archive pages in Blogger 2 Like