Friday, 4 October 2013

BLOG POST IMAGE SIZE EXPERIMENT TEMPLATE



<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
 <head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:   FB Gadgets
Designer: FB Gadgets
http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */
/* Use this with templates/template-twocol.html */
.post h3 {
background-color:Red;
background-position:initial initial;
background-repeat:initial initial;
border:1px solid #E3E3E3;
border-bottom-left-radius:0;
border-bottom-right-radius:10px;
border-top-left-radius:0;
border-top-right-radius:10px;
box-shadow:#FFFFFF 0 0 0 1px inset;
font-size: 1.2em;
color:#FFFFFF;
font-family:Oswald;
font-size:140%;
font-weight:400;
line-height:1.4em;
margin:0.25em 0 0;
padding:0 0 4px;
margin:0 0 5px;
padding:5px;
}
.post h3 a {
color: Blue;
text-decoration: none;
}

/* YOU NEED TO POST IMAGE CODE WRITE  TWO TIMES
 BECAUSE IT'S DOES NOT  WORK*/
/* WHEN POST OPEN POST IMAGE SHOW BIGGER*/

.post img {
width: 600px;
height: 500px;
border-radius: 0%;
border: 10px solid white;
-webkit-box-shadow: 5px 5px 5px #111;
box-shadow: 5px 5px 5px #111;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}



]]></b:skin>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
h2.date-header {
margin:1.5em 0 .5em;
display:none;
}
.post {
-webkit-box-shadow:#989898 0 2px 5px;
background-color:#F1F1F1;
background-position:initial initial;
background-repeat:initial initial;
border-color:#FFFFFF #FFFFFF #7C7C7C;
border-style:solid;
border-width:1px;
float:left;
height:300px;
width:300px;
margin:10px 15px 0 5px;
overflow:hidden;
position:relative;
}
.post h3 {
background-color:Red;
background-position:initial initial;
background-repeat:initial initial;
border:1px solid #E3E3E3;
border-bottom-left-radius:0;
border-bottom-right-radius:10px;
border-top-left-radius:0;
border-top-right-radius:10px;
box-shadow:#FFFFFF 0 0 0 1px inset;
font-size: 1.2em;
color:#FFFFFF;
font-family:Oswald;
font-size:140%;
font-weight:400;
line-height:1.4em;
margin:0.25em 0 0;
padding:0 0 4px;
margin:0 0 5px;
padding:5px;
}
.post h3 a {
color: Blue;
text-decoration: none;
}
.post img {
float:left;
width: 200px;
height: 200px;
border-radius: 0%;
border: 10px solid white;
-webkit-box-shadow: 5px 5px 5px #111;
box-shadow: 5px 5px 5px #111;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.post img:hover{
float:left;
width: 200px;
height: 200px;
border-radius: 50%;
border: 10px solid white;
-webkit-box-shadow: 5px 5px 5px #111;
box-shadow: 5px 5px 5px #111;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
</style>
</b:if>
</head>
<body>
<div id='outer-wrapper'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
</b:loop>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'> </b:includable>
<b:includable id='backlinks' var='post'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='comment_count_picker' var='post'/>
<b:includable id='comment_picker' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='iframe_comments' var='post'/>
<b:includable id='mobile-index-post' var='post'/>
<b:includable id='mobile-main' var='top'/>
<b:includable id='mobile-nextprev'/>
<b:includable id='mobile-post' var='post'/>
<b:includable id='nextprev'/>
<b:includable id='post' var='post'>
<div class='post'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<a expr:href='data:post.url'><data:post.title/></a>
</b:if>
</h3>
<div class='post-body entry-content'>
<data:post.body/>
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='shareButtons' var='post'/>
<b:includable id='status-message'/>
<b:includable id='threaded-comment-form' var='post'/>
<b:includable id='threaded_comment_js' var='post'/>
<b:includable id='threaded_comments' var='post'/>
</b:widget>
</b:section>
</div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</div>
</body>
</html>


-----------------------------------------------------------------------------------------------
POST THUMBNAIL WRITING  DELETE CODE

 REPLACE BELOW BLACK CODE WITH BLUE CODE
-----------------------------------------------------------------------------------------------
<div class='post-body entry-content'>
<data:post.body/>
</div>

<!-- / General thumbnail / -->
<div class='thumbs'>
<a class='PostLink' expr:href='data:post.url' expr:title='data:post.title'>
<img class='PostLink' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
</a>
</div>
<!-- ### akhir .thumbs, sesuatu -->
<!-- / END generate thumbnail, booyah / -->
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
</div>

---------------------------------------------------------------------------------------------
OR USED THIS RIGHT COMPLETE CODE
--------------------------------------------------------------------------------------------





-------------------------------------------------------------------------------------------
POST THUMBNAIL SQUARE TO CIRCLE WITHOUT JAVA CODE
IN THIS CODE POST WRITING DELETE WITH CSS CODE
POST THUMBNAIL NOT SHOW BLUR EFFECT
----------------------------------------------------------------------------------------------

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:   FB Gadgets
Designer: FB Gadgets
http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */

/*-----PostTitleCode ---*/
.post h3 {
background-color:Red;
background-position:initial initial;
background-repeat:initial initial;
border:1px solid #E3E3E3;
border-bottom-left-radius:0;
border-bottom-right-radius:10px;
border-top-left-radius:0;
border-top-right-radius:10px;
box-shadow:#FFFFFF 0 0 0 1px inset;
font-size: 1.2em;
color:#FFFFFF;
font-family:Oswald;
font-size:140%;
font-weight:400;
line-height:1.4em;
margin:0.25em 0 0;
padding:0 0 4px;
margin:0 0 5px;
padding:5px;
}
.post h3 a {
color: Blue;
text-decoration: none;
}

/* YOU NEED TO POST IMAGE CODE WRITE  TWO TIMES
 BECAUSE IT'S DOES NOT  WORK*/
/* WHEN POST OPEN POST IMAGE SHOW BIGGER*/
/*-----PostImageCode ---*/
.post img {
width: 600px;
height: 500px;
border-radius: 0%;
border: 10px solid white;
-webkit-box-shadow: 5px 5px 5px #111;
box-shadow: 5px 5px 5px #111;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
/*-----PostLinkCode ---*/
.lcover{
top: 8px;
width: 160px;
height: 310px;
text-indent: -9999px;
position: absolute;
}


]]></b:skin>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
/*----- DateHeaderCode ----*/
h2.date-header {
margin:1.5em 0 .5em;
display:none;
}
/*-----PostTitleCode ---*/
.post h3{
background-color:Red;
background-position:initial initial;
background-repeat:initial initial;
border:1px solid #E3E3E3;
border-bottom-left-radius:0;
border-bottom-right-radius:10px;
border-top-left-radius:0;
border-top-right-radius:10px;
box-shadow:#FFFFFF 0 0 0 1px inset;
font-size: 1.2em;
color:#FFFFFF;
font-family:Oswald;
font-size:140%;
font-weight:400;
line-height:1.4em;
margin:0.25em 0 0;
padding:0 0 4px;
margin:0 0 5px;
padding:5px;
}
.post h3 a{
color: Blue;
text-decoration: none;
}
/*-----PostThumbnailCode ---*/
.post {
background: #f1f1f1;
border-top:#fff 1px solid;
border-left:#fff 1px solid;
border-right:#fff 1px solid;
border-bottom:#7c7c7c 1px solid;
float:left;
width:240px;
height:240px;
margin:10px 15px 0 5px;
overflow:hidden;
position:relative;
-webkit-box-shadow: 5px 5px 5px #111;
box-shadow: 5px 5px 5px #111;
webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.post:hover{
float:left;
width: 240px;
height:240px;
border-radius: 50%;
border: 10px solid white;
-webkit-box-shadow: 5px 5px 5px #111;
box-shadow: 5px 5px 5px #111;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
/*-----PostImageCode ---*/
.post img{
float:left;
width: 240px;
height:240px;
border-radius: 0%;
border: 10px solid white;
-webkit-box-shadow: 5px 5px 5px #111;
box-shadow: 5px 5px 5px #111;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.post img:hover{
float:left;
width: 240px;
height: 240px;
border-radius: 50%;
border: 10px solid white;
-webkit-box-shadow: 5px 5px 5px #111;
box-shadow: 5px 5px 5px #111;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
/*-----PostWritingDeleteCode ---*/
.post-body{
font-size: 0px;
}
</style>
</b:if>
</head>
<body>
<div id='outer-wrapper'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
</b:loop>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'> </b:includable>
<b:includable id='backlinks' var='post'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='comment_count_picker' var='post'/>
<b:includable id='comment_picker' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='iframe_comments' var='post'/>
<b:includable id='mobile-index-post' var='post'/>
<b:includable id='mobile-main' var='top'/>
<b:includable id='mobile-nextprev'/>
<b:includable id='mobile-post' var='post'/>
<b:includable id='nextprev'/>
<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='post'>
<!-- POST TITLE CODE  -->
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<a expr:href='data:post.url'><data:post.title/></a>
</b:if>
</h3>
<!-- POST LINK CODE  -->
<div class='thumbs'>
<a class='lcover' expr:href='data:post.url' rel='nofollow'>
<data:post.body/>
</a>
</div>

</div>
</b:if>

<!-- WHEN POST OPEN  -->
<!-- POST IMAGE CENTER B TAG CODE  -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post' id='post'>
<!-- POST TITLE CODE  -->
<h3 class='post-title'>
<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>
</h3>
<!-- POST BODY CALLED TAG POST WRITING CODE  -->
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear:both'/>
</div>

</div>
</b:if>

</b:includable>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='shareButtons' var='post'/>
<b:includable id='status-message'/>
<b:includable id='threaded-comment-form' var='post'/>
<b:includable id='threaded_comment_js' var='post'/>
<b:includable id='threaded_comments' var='post'/>
</b:widget>
</b:section>
</div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</div>
</body>
</html>





<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
 <head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:   FB Gadgets
Designer: FB Gadgets
http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */
/* Use this with templates/template-twocol.html */

.post img {
height:600px;
width:600px;
}

/*-----PostLinkCode ---*/
.lcover{
top: 8px;
width: 350px;
height:311px;
text-indent: -9999px;
position: absolute;
}

]]></b:skin>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
h2.date-header {
margin:1.5em 0 .5em;
display:none;
}
.post{
float:left;
width: 330px;
height:311px;
border: 2px solid #000000;
margin:10 10px 10px 10;
padding:10px 0px 0px 10px;
border: 1px solid #9B1212;
display:inline;
overflow:hidden;
position:relative;
}
.post img {
float:left;
width: 330px;
height: 200px;
border-radius: 0%;
border: 10px solid white;
-webkit-box-shadow: 5px 5px 5px #111;
box-shadow: 5px 5px 5px #111;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
/*-----PostWritingDeleteCode ---*/
.post-body{
font-size: 0px;
}
</style>
</b:if>
</head>
<body>
<div id='outer-wrapper'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
</b:loop>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'> </b:includable>
<b:includable id='backlinks' var='post'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='comment_count_picker' var='post'/>
<b:includable id='comment_picker' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='iframe_comments' var='post'/>
<b:includable id='mobile-index-post' var='post'/>
<b:includable id='mobile-main' var='top'/>
<b:includable id='mobile-nextprev'/>
<b:includable id='mobile-post' var='post'/>
<b:includable id='nextprev'/>
<b:includable id='post' var='post'>
<div class='post'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<a expr:href='data:post.url'><data:post.title/></a>
</b:if>
</h3>

<!-- POST LINK CODE  -->
<div class='thumbs'>
<a class='lcover' expr:href='data:post.url' rel='nofollow'>
<data:post.body/>
</a>
</div>
<div class='post'>
<data:post.body/>
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='shareButtons' var='post'/>
<b:includable id='status-message'/>
<b:includable id='threaded-comment-form' var='post'/>
<b:includable id='threaded_comment_js' var='post'/>
<b:includable id='threaded_comments' var='post'/>
</b:widget>
</b:section>
</div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</div>
</body>
</html>
---------------------------------------------------------------------------------------
OR USE THIS CODE
-------------------------------------------------------------------------------------

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:   FB Gadgets
Designer: FB Gadgets
http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */
/* Use this with templates/template-twocol.html */

.post img {
height:600px;
width:600px;
}

/*-----PostLinkCode ---*/
.lcover{
top: 8px;
width: 350px;
height:311px;
text-indent: -9999px;
position: absolute;
}

]]></b:skin>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
h2.date-header {
margin:1.5em 0 .5em;
display:none;
}
.post{
float:left;
width: 330px;
height:311px;
border: 2px solid #000000;
margin:10 10px 10px 10;
padding:10px 0px 0px 10px;
border: 1px solid #9B1212;
display:inline;
overflow:hidden;
position:relative;
}
.post img {
float:left;
width: 330px;
height: 200px;
border-radius: 0%;
border: 10px solid white;
-webkit-box-shadow: 5px 5px 5px #111;
box-shadow: 5px 5px 5px #111;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
/*-----PostWritingDeleteCode ---*/
.post-body{
font-size: 0px;
}
</style>
</b:if>
</head>
<body>
<div id='outer-wrapper'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
</b:loop>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'> </b:includable>
<b:includable id='backlinks' var='post'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='comment_count_picker' var='post'/>
<b:includable id='comment_picker' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='iframe_comments' var='post'/>
<b:includable id='mobile-index-post' var='post'/>
<b:includable id='mobile-main' var='top'/>
<b:includable id='mobile-nextprev'/>
<b:includable id='mobile-post' var='post'/>
<b:includable id='nextprev'/>
<b:includable id='post' var='post'>
<div class='post'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<a expr:href='data:post.url'><data:post.title/></a>
</b:if>
</h3>

 <!-- POST LINK CODE  -->
<div class='thumbs'>
<a class='lcover' expr:href='data:post.url' rel='nofollow'>
<div class='post'>
<data:post.body/>
</div>
</a>
</div>

 </div>
</b:includable>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='shareButtons' var='post'/>
<b:includable id='status-message'/>
<b:includable id='threaded-comment-form' var='post'/>
<b:includable id='threaded_comment_js' var='post'/>
<b:includable id='threaded_comments' var='post'/>
</b:widget>
</b:section>
</div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</div>
</body>
</html>










Related Post for BLOG POST IMAGE SIZE EXPERIMENT TEMPLATE

  • RECENT OR FEATURED POST AND RECENT COMMENTS AUTO IN SIDEBAR ------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE ---------------------------------------------ā€¦
  • IMAGES ā€¦
  • DISQUS COMMENT BOX WITH ADD -------------------------------------------------------------------------------------------------------- FIND  THREE LINES AND REPLACE WITH BELOW CODE ------------------ā€¦
  • PAGE NAVIGATION WITH TITLE AND THUMBNAIL BY HTML/JAVA WIDGET ------------------------------------------------------------------------------------------------------- ADD HTML/JAVA WIDGET IN BLOG COPY AND PASTE BELOW CODE ---------------ā€¦
  • SSL WEBSITE CHECKER FOR FACEBOOK -------------------------------------------------------------------------------------------------------- READ MORE: I F YOUR WEBSITE SSL CERTIFICATE CHECK TWO THINGS &nā€¦
  • RECENT POSTS WIDGET WITH THUMBNAILS FOR BLOGGER/BLOGSPOT ------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE ---------------------------------------------------ā€¦
  • CHANGE GOOGLE SITES OWNERSHIP AND MOVE OLDER ACCOUNT TO NEW ACCOUNT ā€¦
  • Facebook Require SSL Certificate From Oct 1, 2011 What is SSL Certificate? SSL certification is basically a code that tells the userā€™s web browser that the data which is being accessed comes from a trustworthy source, and it willā€¦
  • POST FOOTER JUMP LINK POST DATE POST AUTHOR SIDEBAR CHANAGE  FIND POST HEADER CODE  CHANGE YELLOW POST HEADER CODE ADD POST FOOTER RED CODE FIND JUMP LINK HTML CODE IN ETHEREAL TEMPLATE CUT THIS CODE AND PASTE BELOW POST Fā€¦
  • YOUTUBE VIDEO THUMBNAIL SORA -------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE -------------------------------------------ā€¦
  • RANDOM POST WIDGET SLIDER AUTO --------------------------------------------------------------------------------------------------------- ADD HTML/JAVA WIDGET COPY AND PASTE BELOW CODE IN THIS WIDGET --ā€¦
  • Page Navigation With Title And Thumbnail In Wordpress How to use thumbnails for previous/next post navigation in WordPress. The next_post_link and previous_post_link functions doesnā€™t have a simple enough thumbnail parameter whiā€¦
  • POPULAR POST WIDGET FLOAT LEFT WITH HTML JAVA CODE WIDGET -------------------------------------------------------------------------------------------------------- ADD HTML JAVA WIDGET AND PASTE BELOW CODE ---------------------------ā€¦
  • RECENT OR FEATURED POST SLIDER AFTER HEADER ------------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE: REMAINING PART http://fbgadgets.blogspoā€¦
  • RANDOM/RECENT/FEATURED POST SLIDER IN BLOG ----------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE ----------------------------------------ā€¦
  • GENERIC BLOGGER TEMPLATE WITH CSS HEADER IMAGE ------------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE ---------------------------------------ā€¦
  • RECENT COMMENTS AUTO ----------------------------------------------------------------------------------------------------------- RECENT COMMENTS AUTO: ADD HTML/JAVA WIDGET COPY AND PASTE BELOW ā€¦
  • YOUTUBE VIDEO COVER EFFECT JAVA CODE 3 ------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE ---------------------------------------------ā€¦
  • GENERIC BLOGGER TEMPLATE ------------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE --------------------------------------ā€¦
  • PostThumbnailChangeImageWithJavaCode <?xml version="1.0" encoding="UTF-8" ?> <html> <head> <b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></tā€¦
  • PUBLISH YOUR GAME ON FACEBOOK Before you begin I want to apologize for my bad english, I'm from Brazil and I'm using Google translator to write this! Sorry about that, but I think everyone will understaā€¦
  • ADULT BLOG SETTING --------------------------------------------------------------------------------------------------- I F YOUR BLOG ADULT MATERIAL U SHOULD TELL BY THIS WAY 1- CLICK SETTINGā€¦
  • RECENT COMMENT WITH AVATAR ------------------------------------------------------------------------------------------------------ ADD HTML/JAVA WIDGET IN BLOG LAYOUT COPY AND PASTE BELOW CODE CHANGā€¦
  • RECENT POST AUTO IN SIDE BAR ---------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE -----------------------------------------ā€¦
  • FLYING OBJECT IN BLOGGER --------------------------------------------------------------------------------------------- 1- FIND AND REPLACE YOUR CLOSED BODY TAG WITH BELOW CODE 2- CHANGE TWITTEā€¦
  • UNITY 3D DECOMPILER OBFUSCATOR Unity3d decompiler - unpack data from the compiled .unity3d project to the specified directory. This item is available for .unity3d projects (Web Player, Web Player Streamedā€¦
  • DRAG AND DROP MULTIPLE UPLOAD ------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE IN NOTE PAD AND SAVE IN HTML FILE -----------ā€¦
  • BLOG POST THUMBNAIL WITH LINK AND JAVA CODE ------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE -----------------------------------------ā€¦
  • RECENTOR FEATURED POST SLIDER AFTER HEADER ------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE BEFORE HEAD TAG  CSS AND JAVA CODE http:/ā€¦
  • Facebook App With or Without SSL Certificate How to Make Your Facebook App SSL Secure Facebook recently determined that they wanted to go all Ć¢ā‚¬Å“SSL-Only.Ć¢ā‚¬Ā This shouldn't be new news to anyone but hasā€¦
  • Facebook Like Registration Form with Jquery, Mysql, PHP and Birthdate Validation Tutorial <!DOCTYPE html> <html lang=en id=facebook class=no_js> <head> <meta http-equiv=Content-Type content="text/html; charset=utf-8" /> <title>Creatinā€¦
  • View Page Source Right And Firebug Lite Wrong ----------------------------------------------------------------- Note: ------------------------------------------------------------------ FIRE BUG LITE SHOWS DIā€¦
  • Me on the Web READ MORE: https://www.google.com/settings/me https://www.google.com/settings/takeout/custom https://www.blogger.com/edit-profile-displayed-blogs.g?hl=en ā€¦
  • RECENT COMMENT WIDGET AUTO ------------------------------------------------------------------------------------------------------------ 1-ADD HTML/JAVA WIDGET AND PASTE BELOW  CODE IN THIS WIDGETā€¦
  • CANVAS GAMES TUTORIAL ON FACE BOOK Facebook enables game developers to add social features into their games, providing rich social interactions between players while improving virality and enabling organic growtā€¦
  • RECENT POST WIDGET AUTO --------------------------------------------------------------------------------------------------------- ADD HTML/JAVA WIDGET COPY AND PASTE BELOW CODE IN THIS WIDGET --ā€¦
  • IMAGES ā€¦
  • COMMENT FORM BLOGGER TEMPLATE ---------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE ------------------------------------------ā€¦
  • RECENT POSTIN BLOG WITH LOADER EFFECT ------------------------------------------------------------------------------------------------------ ADD HTML/JAVA WIDGET IN BLOG LAYOUT COPY AND PASTE BELOW CODE: CHANGEā€¦
  • Promote Your Blog Ready for some readers? Check out the tips below to learn the best ways you can get the word out about your blog. Connect your blog to Google+. Switch your Blogger pā€¦
  • POPULAR POST WIDGET SLIDER -------------------------------------------------------------------------------------------------------- GO TO BLOG LAYOUT ADD POPULAR POST WIDGET ADD HTML/JAVA WIDGET ā€¦
  • RANDOM POST WIDGET WITH BLOG URL NO IMAGE -------------------------------------------------------------------------------------- RANDOM POST CODE WITH BLOG URL BUT NO IMAGE: ADD HTML/JAVA WIDGET AND PASTE BELOW CODā€¦
  • DISQUS COMMENT BOX WITH ADD TEMPLATE <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/ā€¦
  • GENERIC BLOGGER TEMPLATE ----------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE -----------------------------------------ā€¦
  • POPULAR POST WIDGET WITH NO IMAGE WITHOUT JAVA CODE -------------------------------------------------------------------------------------------------------- STEP 1:  FIND B SKIN TAG AND AND REPLACE THIS ]]></b:skin&ā€¦
  • GOOGLE ACCOUNT SUSPENDED FOR ALWAYS  READ MORE: ---------------------------------------------------------------------------------------------------------- http://fbgadgets.blogspot.co.uk/2014/06/change-gooā€¦
  • Recent Posts Widget with Thumbnails for Blogger/Blogspot ------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE USE RED CODE IN YOUR BLOGGER TEMPLATE IN THIS TEMPLATE Rā€¦
  • CONTACT FROM CAPTCHA -------------------------------------------------------------------------------------------------------- READ MORE: http://www.emailmeform.com/builder/form/C7o0ā€¦
  • RECENT AND RANDOM POST WIDGETS -------------------------------------------------------------------------------------------------- RECENT POST CODE: ADD HTML/JAVA WIDGET AND PASTE BELOW CODE -----------ā€¦
  • SELL YOUR APPS READ MORE: http://www.chupamobile.com/app-source-code ā€¦
  • RECENT COMMENT WIDGET AUTO BY HTML/JAVA WIDGET -------------------------------------------------------------------------------------------------------- 1- FIND AND REPLACE HEAD TAG <script src='https://ajax.googleapisā€¦
  • FREE SLL CERFICATE BY AZURE MICROSOFT FOR FACEBOOK READ MORE: http://azure.microsoft.com/en-us/documentation/articles/cloud-services-configure-ssl-certificate/#step1 http://azure.microsoft.com/en-us/pricing/free-trial/ ā€¦
  • BLOG ADS ------------------------------------------------------------------------------------------------------------ READ MORE: --------------------------------------------------------ā€¦
  • GENERIC BLOGGER TEMPLATE ---------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE ---------------------------------------ā€¦
  • Move A Blog Between Accounts Move a blog between accounts The short answer is that you can do this by making the blog in question a team blog, with two members, then removing the original team memā€¦
  • POPULAR POST ACCORDION SLIDER ------------------------------------------------------------------------------------------------------------ ADD POPULAR POST WIDGET ADD HTML/JAVA WIDGET AND PASTE BELOW CODā€¦
  • BLOG PAGGER WITH TITLE TEMPLATE --------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE -----------------------------------------------ā€¦
  • SEO TOOLS READ MORE: ---------------------------------------------------------------------------------------------------------------------------------- http://www.seorch.eu/bigcrawlā€¦
  • CHANGE ANY LINK INTO BUTTON -------------------------------------------------------------------------------------------- CHANGE ANY LINK INTO BUTTON ------------------------------------------------------ā€¦
  • FACEBOOK APPS <html> <head> <style type="text/css"> .ytThumb { margin:5px; margin-right:20px; margin-left:22px; }; </style> <script tā€¦
  • COPY TEXT FROM CLIPBOARD EXAMPLE Copy Div content to Clipboard <div id="myDiv">This is the content to get copied to the text area and then to clipboard</div> <script type="text/javascripā€¦
  • Firebug Lite for Google Chromeā„¢ ------------------------------------------------------------------------------------------------------------ READ MORE: --------------------------------------------------ā€¦
  • RANDOM POST WIDGET IN BLOG ------------------------------------------------------------------------------- 1- ADD HTML/JAVA WIDGET IN BLOG LAYOUT 2- COPY AND PASTE BELOW CODE IN WIDGET ----------------ā€¦
  • RECENT/POPULAR WIDGET TEMPLATE ------------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE ----------------------------------------ā€¦
  • RECAPTCHA TOOL USE GOOGLE EXAMPLE Use reCAPTCHA on Your Site! reCAPTCHA helps prevent automated abuse of your site (such as comment spam or bogus registrations) by using a CAPTCHAto ensure that only ā€¦
  • IMAGES ---------------------------------------------------------------------------------------------------------  RECENT OR FEATURE POST SLIDER FOR HTML JAVA WIDGET Cā€¦
Posted by on Friday, 4 October 2013 at 08:12

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