Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Easy Steps;How To Hide Specific Blogger Posts In Home Page And Show It In Widget

Tags: hide blogger code

So many Blogger blog web sites want to Hide some specific posts in blogger home page and show it in Widget.I also searched in google to find a real solution.finally got it.In this post I will show you how to do it nicely.

It is possible to do it , but it requires little understanding of Blogger template structure. Therefore before you proceed , Please backup your template by going to Template > Backup/Restore > Download Full Template , so that you can switch back to it if anything goes wrong while editing. 


So we have 2 steps.
   1. First one is hide specific posts
   2. Second one is,show it in widget 

Step 1:

 
Go to Template tab in Blogger Dashboard and click the Edit HTML button. Now click once inside the Editor and then Press CTRL+F(Windows) or COMMAND+F(Mac) , A search box will appear in the right upper corner of the editor itself. Now search for this "" (without quotes - there will be only one instance of this) and you will see code like,(highlighted one)

....



....

Now replace the above highlighted code with,

                                                   
               

The highlighted part(orange colour) is the label name that you want to hide from the homepage. Also for the above code to work , make sure the posts that you want to hide only have 1 label on them.

If you want to hide multiple labels,change above code like this,


   
       
           
       
       
           
       
   
   
   
 


Step 2:


Ok,we almost done ,now we have to add those particular post in widget.To do that go to blogger layput > add gadget > HTML/Java Script



then paste below code in it,


Arial,Verdana; font-size: 5% ;">


imgr = new Array();
imgr[0] = "http://goo.gl/OjbygN";
imgr[1] = "http://goo.gl/OjbygN";
imgr[2] = "http://goo.gl/OjbygN";
imgr[3] = "http://goo.gl/OjbygN";
imgr[4] = "http://goo.gl/OjbygN";
showRandomImg = true;
boxwidth = 60;
cellspacing = 0;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 80;
thumbheight = 65;
fntsize = 0;
acolor = "#000000";
aBold = false;
icon = " ";
text = " ";
showPostDate = false;
summaryPost = 0;
summaryFontsize = 0;
summaryColor = "#000000";
icon2 = " ";
numposts = 3;
home_page = "http://www.your-blog-url-here.blogspot.com/";

';if(summaryPost==0){trtd=''+icon+''+posttitle+'';}document.write(trtd);j++;}document.write('');}document.write("




change above Yellow colour area with yours one.
Remeber:Your_Lable_Here is valid for one lable.If you want to add another lable, pleas add another HTML/Java Script widgt and add about code again.then change to another label name it.

OK ,We are Done
Happy Blogging,feel free to share and comment.


This post first appeared on GleanPost, please read the originial post: here

Share the post

Easy Steps;How To Hide Specific Blogger Posts In Home Page And Show It In Widget

×

Subscribe to Gleanpost

Get updates delivered right to your inbox!

Thank you for your subscription

×