How to create a widget in the sidebar, does not appear on the main page







Yesterday a friend who asks to remove a widget in the sidebar, so as not to appear on the main page.The reason is because too crowded to see on the main page. In contrast to other post pages so long with articles that are not too visible 
chaotic. Well, just go ahead, preferably before we start editing the template good at backing up first. If so, follow the steps below .. 
1. Surely you've logged in your blog 
2. Go to the menu and select edit HTML design 
3. Please find the code that is identical to the code below 

HTML3 'locked =' false 'title =' Most read 'type =' HTML '/>
HTML6 'locked =' false 'title =' buddy readers' type = 'HTML' />
HTML12 'locked =' false 'title =' The comment from my friend 'type =' HTML '/>

Note the color code BLUE. When you have met, which is the exact code blue code above is what will be the reference object will be shown or hidden on certain pages to your liking.

4. After you get the code]]> </ b: skin> and copy-paste the CSS code below. Or search code </ head> and copy and paste the above.

<Style type = 'text / css'>
<B: if cond = 'data: blog.pageType! = & Quot; item & quot;'>
ID {display: none}
</ B: if>
</ Style>

For writing blue ID, silahkkan replaced with a reference code blue before. Example: # HTML3

Well, quite obviously not ?? Script code above function for the widget in question does not appear on the front page, but appears on page posts (articles) others. As for the opposite, that appear on article pages or posts, but do not appear on the main page code as follows ..

<Style type = 'text / css'>
<B: if cond = 'data: blog.pageType == & quot; item & quot;'>
ID {display: none}
</ B: if>
</ Style>

For ID please replace the way over the line. Well, what is the difference of script code CSS this before ?? Note the code below,

  • First code: <b: if cond = 'data: blog.pageType! = & Quot; item & quot;'>
  • Second Code: <b: if cond = 'data: blog.pageType = = & quot; item & quot;'>

See the blue code above. To appear on the main page, we use the "=" while not to display on the main screen we use the code "!"

How, is not it ?? Hopefully useful and good luck ...

Previous
Next Post »