Monday, 15 July 2013

Blog Post Thumb Nails Style 2

  • Go to Layout > Edit HTML
  • Checkmark Expand Widget Templates
FB Gadgets


--------------------------------------------------------------------------------------------------------
FIND B SKIN TAG AND REPLACE YOUR B SKIN TAG WITH BELOW CODE

]]></b:skin>

--------------------------------------------------------------------------------------------------------

.box {
    width: 150px;
    background: #fff;
    margin: 25px 25px 75px 25px;
    float: left;
}
.postim {
    width: 150px;
    height: 190px;
    background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTTX23Gf2gRVMbuPstQ5vPHJ998PgYdWclvZrejFcnLvoxt_sQYdb-hqJMU6ntXxQzTfAgj3DYB-ijlv627lPD-yrtGhHZotyXdHS0A2HCMWO-1cMuPazSJAM68k_DTlHwf-RJiWfqoO98/s1600/bookbg.png) repeat-y;
    margin: 0px 0px;
    overflow: hidden;
    -webkit-box-shadow: 3px -2px 1px 0px #eee;
    -moz-box-shadow: 3px -2px 1px 0px #eee;
    box-shadow: 3px -2px 1px 0px #eee;
    position: relative;
}
.postim img {
    position: relative;
    width: 150px;
    height: 190px;
}
.postim a {
    display: block;
}
.btitle {
    width: 150px;
    position: absolute;
    top: 15px;
    left: 0px;
}
.btitle h2 {
    font-size: 14px;
    margin: 0px 0px;
    padding: 0px 15px;
    text-align: center;
    font-weight: bold;
    line-height: 120%;
}
.btitle h2 a:link,.btitle h2 a:visited {
    color: #444;
}
span.inwriter {
    width: 150px;
    font-size: 10px;
    position: absolute;
    bottom: 10px;
    left: 0px;
    text-align: center;
}


.post {
    margin-bottom: 20px;
    padding: 20px 20px;
    background: #fff;
    border: 1px solid #d0b48b;
}
img.postimg {
    float: left;
    margin: 5px 20px 20px 0px;
}
.title h2 {
    font-size: 26px;
    margin: 5px 0px 15px 0px;
    font-family: YanoneKaffeesatzRegular;
}
.title h2  a:link,.title h2  a:visited {
    color: #444;
}
.postmeta {
    font-size: 12px;
    padding: 0px 0px;
    margin-bottom: 15px;
}
.postmeta span {
    margin: 0px 10px 0px 0px;
    color: #d65806;
}
.postmeta span a {
    color: #d65806;
}
span.author {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxyzi_I2XyiuD0rfwawdiFHpDAZfVWYbk0H_r5uxbyuKqpJsoVGTpJN7U0kerzx01_S-76OCHmh3kn4jY8r5oiKlu3jkQ7-tgXvYt44QhKk2V83DyywMu0UjmN72_vB8HYDio3_2WP1Wfc/s1600/user.png) left center no-repeat;
    padding-left: 20px;
}
span.clock {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTkUkNJMHx8ZSBALgM4KaUp70fM46ye6nzHxmhzkwFHJtt8sQ31y5XV0xm52eHRsccDR2RzDLEsgbG4faLtV-aRQAmMRBa_qS9C2YFHWaHq-WzlWOHyC92704vSX1OAnls_C0mA9KRX-DL/s1600/clock.png) left center  no-repeat;
    padding-left: 20px;
}
span.comm {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfgVoWt1Rz-pAKhrT6tbEsHXPSbrQWor_dGOy00tVkqYJ-PW1YY9IkvUl4PvWpoGff106zQBa350GkX7KhWJghd_ZYxftFjK_P6i2z0zu4jbEw6iSU67S1tR7z3NuNMM2qZdpJwQb4RU4G/s1600/comm.png) left center no-repeat;
    padding-left: 20px;
}
span.categori {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfPrMEjT8Uy-gMAlXcX74x8XWKZyVZ4pltXJqn12gCWUIs_G6nrj7R2B80LycOYVJcFfmPzySEiEe-ixXtSjlza6lrkb-eTimAN-l9vLlIrvxyNi-8aTMBTSb7r-F6f1wZNXPGTxa35Hug/s1600/tag.png) left center no-repeat;
    padding-left: 20px;
}
.entry {
    margin: 0px 0px;
    padding: 0px 0px;
    overflow: hidden;
}
.entry img{max-width:600px;
margin:10px;}
.entry a:link,
.entry a:visited {
    color: #FF0000;
}
.entry a:hover {
    color: #FF0000;
}
.entry ul, .entry ol {
    margin: .4em 0 1em;
    line-height: 150%;
}
.entry ul li, .entry ol li {
    list-style-position: outside;
    margin-left: 1.6em;
}


]]></b:skin>



-----------------------------------------------------------------------------------------------------------
REPLACE HEAD CLOSED TAG WITH BELOW CODE

</head>

-----------------------------------------------------------------------------------------------------------

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[

(function($){$.fn.superfish=function(op){var sf=$.fn.superfish,c=sf.c,$arrow=$(['<span class="',c.arrowClass,'"> &#xbb;</span>'].join("")),over=function(){var $$=$(this),menu=getMenu($$);clearTimeout(menu.sfTimer);$$.showSuperfishUl().siblings().hideSuperfishUl();},out=function(){var $$=$(this),menu=getMenu($$),o=sf.op;clearTimeout(menu.sfTimer);menu.sfTimer=setTimeout(function(){o.retainPath=($.inArray($$[0],o.$path)>-1);$$.hideSuperfishUl();if(o.$path.length&&$$.parents(["li.",o.hoverClass].join("")).length<1){over.call(o.$path);}},o.delay);},getMenu=function($menu){var menu=$menu.parents(["ul.",c.menuClass,":first"].join(""))[0];sf.op=sf.o[menu.serial];return menu;},addArrow=function($a){$a.addClass(c.anchorClass).append($arrow.clone());};return this.each(function(){var s=this.serial=sf.o.length;var o=$.extend({},sf.defaults,op);o.$path=$("li."+o.pathClass,this).slice(0,o.pathLevels).each(function(){$(this).addClass([o.hoverClass,c.bcClass].join(" ")).filter("li:has(ul)").removeClass(o.pathClass);});sf.o[s]=sf.op=o;$("li:has(ul)",this)[($.fn.hoverIntent&&!o.disableHI)?"hoverIntent":"hover"](over,out).each(function(){if(o.autoArrows){addArrow($(">a:first-child",this));}}).not("."+c.bcClass).hideSuperfishUl();var $a=$("a",this);$a.each(function(i){var $li=$a.eq(i).parents("li");$a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});});o.onInit.call(this);}).each(function(){var menuClasses=[c.menuClass];if(sf.op.dropShadows&&!($.browser.msie&&$.browser.version<7)){menuClasses.push(c.shadowClass);}$(this).addClass(menuClasses.join(" "));});};var sf=$.fn.superfish;sf.o=[];sf.op={};sf.IE7fix=function(){var o=sf.op;if($.browser.msie&&$.browser.version>6&&o.dropShadows&&o.animation.opacity!=undefined){this.toggleClass(sf.c.shadowClass+"-off");}};sf.c={bcClass:"sf-breadcrumb",menuClass:"sf-js-enabled",anchorClass:"sf-with-ul",arrowClass:"sf-sub-indicator",shadowClass:"sf-shadow"};sf.defaults={hoverClass:"sfHover",pathClass:"overideThisToUse",pathLevels:1,delay:800,animation:{opacity:"show"},speed:"normal",autoArrows:true,dropShadows:true,disableHI:false,onInit:function(){},onBeforeShow:function(){},onShow:function(){},onHide:function(){}};$.fn.extend({hideSuperfishUl:function(){var o=sf.op,not=(o.retainPath===true)?o.$path:"";o.retainPath=false;var $ul=$(["li.",o.hoverClass].join(""),this).add(this).not(not).removeClass(o.hoverClass).find(">ul").hide().css("visibility","hidden");o.onHide.call($ul);return this;},showSuperfishUl:function(){var o=sf.op,sh=sf.c.shadowClass+"-off",$ul=this.addClass(o.hoverClass).find(">ul:hidden").css("visibility","visible");sf.IE7fix.call($ul);o.onBeforeShow.call($ul);$ul.animate(o.animation,o.speed,function(){sf.IE7fix.call($ul);o.onShow.call($ul);});return this;}});})(jQuery);
//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function() {

/* Banner class */
jQuery('.squarebanner ul li:nth-child(even)').addClass('rbanner');


/* Navigation */
jQuery('#submenu ul.sfmenu').superfish({
delay:       500, // 0.1 second delay on mouseout
animation:   {opacity:'show',height:'show'}, // fade-in and slide-down animation
dropShadows: true // disable drop shadows
});

/* Homepage goodness */

jQuery('.postim').mouseenter(function(e) {
        jQuery(this).children('a').children('img').animate({  left:'0', top:'0', width:'15'}, 300);

    }).mouseleave(function(e) {
        jQuery(this).children('a').children('img').animate({ left: '0', top: '0', width:'150'}, 300);
     
    });

/* Fancy that */
jQuery(".bookshot").fancybox({
'titleShow' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'easingIn' : 'easeOutBack',
'easingOut' : 'easeInBack'
});

});

//]]>
</script>


</b:if>


<script type='text/javascript'>
function lebel_logo(etiqueta) {
imagenes = new Array();

imagenes[1] = &quot;<span style='background-color:#fff2df; height: 28px;width: 125px;'/>&quot;

imagenes[2] = &quot;<span style='background-color:#fff2df; height: 28px;width: 100px;'/>&quot;

imagenes[3] = &quot;<span style='background-color:#fff2df; height: 28px; width: 75px;'/>&quot;

imagenes[4] = &quot;<span style='background-color:#fff2df; height: 28px;width: 50px;'/>&quot;

imagenes[5] = &quot;<span style='background-color:#fff2df; height: 28px;width: 25px;'/>&quot;

imagenes[6] = &quot;<span style='background-color:#fff2df; height: 28px;width: 0px;'/>&quot;

if (etiqueta == &quot;rate-1&quot;)
{document.write(imagenes[1]);}

if (etiqueta == &quot;rate-2&quot;)
{document.write(imagenes[2]);}

if (etiqueta == &quot;rate-3&quot;)
{document.write(imagenes[3]);}

if (etiqueta == &quot;rate-4&quot;)
{document.write(imagenes[4]);}

if (etiqueta == &quot;rate-5&quot;)
{document.write(imagenes[5]);}

if (etiqueta == &quot;rate-6&quot;)
{document.write(imagenes[6]);}

}
</script>

</head>

---------------------------------------------------------------------------------------------------------
GO TO BLOG POST SECTION AREA AND FIND THIS LINE AND REPLACE BELOW CODE

<b:includable id='post' var='post'> </b:includable>

---------------------------------------------------------------------------------------------------------

<b:includable id='post' var='post'> 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> 
<div class='post' id='post'>
<div class='title'>
<h2><b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</div>
<div class='entry'>
<p><data:post.body/></p> 
<div class='clear'/>
</div>
<div class='titlemeta clearfix'>
<table border='0'> 
<tr> 
<td><div style='margin-left:35px;'> 
<script type='text/javascript'> 
(function() { 
var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0]; 
s.type = &#39;text/javascript&#39;; 
s.async = true; 
s.src = &#39;http://widgets.digg.com/buttons.js&#39;; 
s1.parentNode.insertBefore(s, s1); 
})(); 
</script> 
</div></td>
</tr> 
</table>
</div>
</div>
<div class='clear'/>
</b:if> 
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> 
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<li class='box' id='post'>
<div class='postim' id='post'>
<div class='btitle'>
<h2><b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if></h2>
</div>
<span class='inwriter'><data:post.author/></span>
<a expr:href='data:post.url'>
<b:if cond='data:post.isFirstPost'> 
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_size=150;
var show_default_thumbnail=true;
var default_thumbnail="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrwRZSbbVWL5tfffHhg_jp-OnuuZLIGkwpJFjoCueai4x9ssU3_RssOTmC55it0Qp-PgxpmlEVE9k9nqIiYUWPT0WfgYHFZdf6QRGx3X74bi7NFBVjUVGmoOWsefHHL-Cn_9lJRYcNTm8/s72-c/default.png";
if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" class="bookcover" alt="'+post_title+'"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>
</b:if>
<script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script>
</a>
</div>
</li>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post clearfix' id='post'>
<div class='title'>
<h2><b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</div>
<div class='revbox clearfix'>
<div class='revleft'>
<span><strong>Author:</strong> <data:post.author/> </span>
<span><strong>Genre:</strong> 
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
</b:if> 
</span>
</div>
</div>
<div class='entry'>
<p><data:post.body/></p>
<div class='clear'/>
</div>
<div class='postmeta'>
<span class='author'>Posted by <data:post.author/> </span> 
<span class='clock'> Posted on <script type='text/javascript'>
var timestamp = &quot;<data:post.dateHeader/>&quot;;
if (timestamp != &#39;&#39;) {
var timesplit = timestamp.split(&quot;,&quot;);
var date_yyyy = timesplit[2];
var timesplit = timesplit[1].split(&quot; &quot;);
var date_dd = timesplit[2];
var date_mmm = timesplit[1].substring(0, 3);
}
</script>
<script type='text/javascript'>document.write(date_dd);</script>
<script type='text/javascript'>document.write(date_mmm);</script> </span>
<span class='comm'><b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if></span>
</div>
</div>
<div class='clear'/>
</b:if>

</b:includable>
------------------------------------------------------------------------------------------------------------------------------

TUTORIAL FINISH

-------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------
UPPER  B INCLUDE TAG HAS TWO PART FIRST PART DEALS
 WITH FULL POST AND SECOND POST CODE SHOWS THUMBNAIL POST CODE
 LOTS OF TAG SUCH AS POST TILTE, POST COMMENTS,POST LABEL AND TAG CODE

 -------------------------------------------------------------------------------------------------------------------

 --------------------------------------------------------------------------------------------------
YOU NEED TO UNDER STAND THIS CODE SOME EXPERIMENT AND NEED TO
BRIEF AND SIMPLE THIS CODE THERE FORE YOU CAN DELETE SOME CODE
PARTS ,YOU CAN CHANGE CODE LINE ARRANGEMENT

 ---------------------------------------------------------------------------------------------------

 ---------------------------------------------------------------------------------------------------------
 EXPERIMENT (1):

YOU CAN WRITE THIS CODE IN THIS WAY AND SHOW RESULT
READ BELOW CODE
----------------------------------------------------------------------------------------------------------

 <b:includable id='post' var='post'> 

 <b:if cond='data:blog.pageType == &quot;static_page&quot;'> 

 <a expr:href='data:post.link'><data:post.title/></a>

 <div class='entry'>
<data:post.body/> 
</div>
<script type='text/javascript'> 
(function() { 
var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0]; 
s.type = &#39;text/javascript&#39;; 
s.async = true; 
s.src = &#39;http://widgets.digg.com/buttons.js&#39;; 
s1.parentNode.insertBefore(s, s1); 
})(); 
</script> 
</b:if> 

<b:if cond='data:post.isFirstPost'> </b:if>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> 
<b:if cond='data:blog.pageType != &quot;item&quot;'>

 <li class='box' id='post'>
<div class='postim' id='post'>

 <a expr:href='data:post.url'><data:post.title/></a>


<a expr:href='data:post.url'>

 <script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_size=150;
var show_default_thumbnail=true;
var default_thumbnail="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrwRZSbbVWL5tfffHhg_jp-OnuuZLIGkwpJFjoCueai4x9ssU3_RssOTmC55it0Qp-PgxpmlEVE9k9nqIiYUWPT0WfgYHFZdf6QRGx3X74bi7NFBVjUVGmoOWsefHHL-Cn_9lJRYcNTm8/s72-c/default.png";
if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" class="bookcover" alt="'+post_title+'"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>

 <script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script>

 </a>
</div>
</li>

 </b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>

 <div class='entry'>
<data:post.body/>
</div>

 </b:if>

</b:includable>
---------------------------------------------------------------------------------------------------------
 EXPERIMENT (2):
WITHOUT THIS JAVA CODE
<script type='text/javascript'> 
(function() { 
var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0]; 
s.type = &#39;text/javascript&#39;; 
s.async = true; 
s.src = &#39;http://widgets.digg.com/buttons.js&#39;; 
s1.parentNode.insertBefore(s, s1); 
})(); 
</script> 

YOU CAN WRITE THIS CODE IN THIS WAY AND SHOW RESULT
READ BELOW CODE  
----------------------------------------------------------------------------------------------------------

 <b:includable id='post' var='post'> 

 <b:if cond='data:post.isFirstPost'> </b:if>

 <b:if cond='data:blog.pageType != &quot;static_page&quot;'> 
<b:if cond='data:blog.pageType != &quot;item&quot;'>

 <li class='box' id='post'>
<div class='postim' id='post'>
<a expr:href='data:post.url'><data:post.title/></a>

 <a expr:href='data:post.url'>

 <script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_size=150;
var show_default_thumbnail=true;
var default_thumbnail="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrwRZSbbVWL5tfffHhg_jp-OnuuZLIGkwpJFjoCueai4x9ssU3_RssOTmC55it0Qp-PgxpmlEVE9k9nqIiYUWPT0WfgYHFZdf6QRGx3X74bi7NFBVjUVGmoOWsefHHL-Cn_9lJRYcNTm8/s72-c/default.png";
if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" class="bookcover" alt="'+post_title+'"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>

 <script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script>

 </a>
</div>
</li>

 </b:if></b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'> 

 <a expr:href='data:post.link'><data:post.title/></a>

 <div class='entry'>
<data:post.body/> 
</div>
</b:if> 

<b:if cond='data:blog.pageType == &quot;item&quot;'>

 <div class='entry'>
<data:post.body/>
</div>

 </b:if>

</b:includable>


---------------------------------------------------------------------------------------------------------
 EXPERIMENT (3):
CHANGE DIV CLASS IN <Ul , </Ul>
<ul class='box' id='post'>
<ul class='postim' id='post'>
<ul class='entry'>
----------------------------------------------------------------------------------------------------------

 <b:includable id='post' var='post'> 

 <b:if cond='data:post.isFirstPost'> </b:if>

 <b:if cond='data:blog.pageType != &quot;static_page&quot;'> 
<b:if cond='data:blog.pageType != &quot;item&quot;'>

 <ul class='box' id='post'>
<ul class='postim' id='post'>
<a expr:href='data:post.url'><data:post.title/></a>

 <a expr:href='data:post.url'>

 <script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_size=150;
var show_default_thumbnail=true;
var default_thumbnail="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrwRZSbbVWL5tfffHhg_jp-OnuuZLIGkwpJFjoCueai4x9ssU3_RssOTmC55it0Qp-PgxpmlEVE9k9nqIiYUWPT0WfgYHFZdf6QRGx3X74bi7NFBVjUVGmoOWsefHHL-Cn_9lJRYcNTm8/s72-c/default.png";
if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" class="bookcover" alt="'+post_title+'"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>

 <script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script>

 </a>
</ul>
</ul>

 </b:if></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> 

 <a expr:href='data:post.link'><data:post.title/></a>

 <ul class='entry'>
<data:post.body/> 
</ul>
</b:if> 
<b:if cond='data:blog.pageType == &quot;item&quot;'>

 <ul class='entry'>
<data:post.body/>
</ul>

 </b:if>

</b:includable>



------------------------------------------------------------------------------------------------------------------PICTURES IN THIS TUTORIAL:
-----------------------------------------------------------------------------------------------------------------




FB Gadgets

FB Gadgets

FB Gadgets

FB Gadgets

FB Gadgets

-------------------------------------------------------------------------------------------------------------------





Related Post for Blog Post Thumb Nails Style 2

  • BLOG ZOOM EFFECT THUMBNAIL WITH POST TITLE TOP EFFECT ----------------------------------------------------------------------------------------- IT 'S ZOOM  IMAGE INSIDE THE THUMBNAIL AND GIVES POST TITLE TOP HOVER EFFECT COPā€¦
  • BLOGGER INCLUDABLE SECTION ------------------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE ---------------------------------ā€¦
  • MULTI COLOR LABEL CLOUD WIDGET ---------------------------------------------------------------------------------------------------- Read More: http://fbgadgets.blogspot.co.uk/2014/06/label-widget-rainbowmuā€¦
  • CSS SLIDER WITHOUT JS ----------------------------------------------------------------------------------------------------------- ReadMore: http://cssslider.com/non-jquery-carousel-7.html SAVE ā€¦
  • Bread Crumb Navigation Menu Guardian Style --------------------------------------------------------------------------------- CODE BELOW ---------------------------------------------------------------------------------ā€¦
  • BASIC BLOGGER TEMPLATE ---------------------------------------------------------------------------------------------------------------------------<data:post.body width='555'/> OR USE THIS <imā€¦
  • JS IMAGE SCROLLER -------------------------------------------------------------------------------------------------------------- JS IMAGE SCROLLER CODE image scroller https://amazingcarousel.comā€¦
  • RAINBOW RANDOM POST CODE WITH BLOG URL BUT NO IMAGE -------------------------------------------------------------------------------------- RAINBOW RANDOM POST CODE WITH BLOG URL BUT NO IMAGE: ADD HTML/JAVA WIDGET AND PASTE BELOā€¦
  • CSS SYNTAX HIGHLIGHT CHANGE IN NOTEPAD++ SYNTAX HIGHLIGHTER ------------------------------------------------------------------------------------------------------------------- SYNTAX HIGHLIGHTER LINKS -----------------------------------ā€¦
  • SCREEN TO GIF ------------------------------------------------------------------------------------------------------------------ Read More:  3:30 PDF HTML IMAGE CONVERTER HDā€¦
  • NOTEPAD++ REMOVE UNWANTED LINES ------------------------------------------------------------------------------------------------------------------------------------------------------------ STEP NO : 1 1- CTā€¦
  • IMAGE UPLOAD WITH JAVA WITHOUT PHP CODE ------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE IN NOTE PAD AND SAVE IN HTML FILE -----------ā€¦
  • INPUT BUTTON VALUE SWAP -------------------------------------------------------------------------------------------------------------- BUTTON VALUE SWAP READ MORE: http://fbgadgets.blogspot.com/2017/0ā€¦
  • IMAGE UPLOAD WITH JAVA WITH PHP CODE ------------------------------------------------------------------------------------------------------ CREATE FOLDER AND CREATE AND SAVE FILES ONE BY ONE IN THIS FOLDER &nbā€¦
  • BLOCK JAVA SCRIPT BY GOOGLE CHROME -------------------------------------------------------------------------------------------------------------------------------------- java file block in google chrome hā€¦
  • CSS CLICK DROPDOWN -------------------------------------------------------------------------------------------------------------- CODE 1: http://koen.kivits.com/articles/pure-css-menu/ ---------ā€¦
Posted by on Monday, 15 July 2013 at 04:45
Labels:

0 comments:

Post a Comment

:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

Subscribe to: Post Comments (Atom)
FB Gadgets | Template Designed by Fatakat PhotosCoolBThemes.com
Code by : paid web directory

https://www.google.co.uk/search?q=site%3Ablogspot.com+fbgadgets