5 Mar 2014

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



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 != &quot;index&quot;'>
<style>
.hidepic{
display: none;
}
</style>
</b:if>
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 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" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggbmaXJ4va9i56jDe8YEejDUHncIGqf03Y0YBFpgnq93nw5K1N-tBDjacgEb_2k4SMh2pKu4wHWS83YHW8but8ktgqEdPM7CKM-R_yI8ncxeQWuYc_FwEqeaDV9AjpnVc0ToJ4IWzhjz0/s1600/fire_bird_by_fhrankee-d32af8v.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggbmaXJ4va9i56jDe8YEejDUHncIGqf03Y0YBFpgnq93nw5K1N-tBDjacgEb_2k4SMh2pKu4wHWS83YHW8but8ktgqEdPM7CKM-R_yI8ncxeQWuYc_FwEqeaDV9AjpnVc0ToJ4IWzhjz0/s320/fire_bird_by_fhrankee-d32af8v.png" width="320" /></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:
Show Blogger Image only in Homepage and Hide it in Post Page

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


If you need more help, please leave a comment below.

Teen Wolf S03E21 HDTV x264 250MB | Free Download



http://4.bp.blogspot.com/-gKXQygx7MQQ/UxYOCXkwBZI/AAAAAAAAAyw/coeOBLmEy7w/s1600/world4free.jpg
Teen Wolf S03E21 HDTV x264 250MB | Free Download


Genre:  Comedy | Drama | Horror
Stars:   Tyler Posey, Crystal Reed, Dylan O’Brien

Quality: HD | MKV

File Size: 250 MB

 
  DOWNLOAD ( 250 MB)
 

4 Mar 2014

Simple Recent Posts Widget for Blogger




How to add Recent Posts Widget to Blogger

Step 1. Log in to your Blogger Dashboard, then go to Layout and click on Add a Gadget link


Step 2. From the pop-up window, scroll down and choose HTML/JavaScript


Step 3. Select & Copy the code from one of the options below and paste it into the new HTML/JavaScript:

Option 1: Recent posts widget with snippets

 
<div id="hlrpsa">
<script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://myfounted.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script></div>
<div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">
<a href="http://www.myfounted.com/2014/03/simple-recent-posts-widget-for-blogger.html" target="_blank" title="Grab this Recent Posts Widget">Recent Posts Widget</a> by <a href="http://myfounted.com" title="Recent Posts Widget">myfounted</a></div>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#hlrpsa a {color: #0B3861; font-size: 13px;} #rpdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtVa9kyy7-jcfJ8EhfkhAVxY9Nk16ttERZR9j1yG2F7YyCXf4hB2Rvi_Vx7E8ypvJhyphenhyphen-taBnQxbZ1IvFySvU0Yb4F62rRAIjGBak2MU8r9X5W7p1hRQQz0cVauc8RSl-QSGQYClnECA3BL/s1600/blogger.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { color: #999999; font-size: 11px; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style>
 

Option 2: Recent Posts Widget Showing Post Titles Only

 
<div id="hlrpsb">
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://myfounted.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><a href="http://www.myfounted.com/2014/03/simple-recent-posts-widget-for-blogger.html" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a> by <a href="http://myfounted.com" title="Recent Posts Widget">myfounted</a></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #0B3861; font-size: 13px;} #rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtVa9kyy7-jcfJ8EhfkhAVxY9Nk16ttERZR9j1yG2F7YyCXf4hB2Rvi_Vx7E8ypvJhyphenhyphen-taBnQxbZ1IvFySvU0Yb4F62rRAIjGBak2MU8r9X5W7p1hRQQz0cVauc8RSl-QSGQYClnECA3BL/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>

Step 4.
  • Change 5 (option 1) and 10 (option 2) with the number of posts you want to display. 
  • Change false to true if you want the posts dates to appear 
  • Change 100 (option 1) if you want more characters to be displayed.
  • To change the color and font size of the links, modify the values in blue (links) and violet (font-size)
  • To change the style of posts summary, modify the values in green (color) and orange (font size)
  • Replace the your-blog text with the name of your blog or if you have a custom domain change all the bolded line with your address like in this example:
http://www.myfounted.com/feeds/posts/default....

Step 5. Save your widget. And that's it! Enjoy!

 

Recent post

Ping your blog, website, or RSS feed for Free Likerr.eu

Contact Us

Name

Email *

Message *