GOOD HOSTING AND TRAFFIC

READ MORE:
----------------------------------------------------------------------------------------------------------------------------------
http://www.maiahost.com/cms/Gallery_2_Hosting.html

XML TEMPLATE SAVE IN TEXT FILE

Copy Text from Restricted Website

Have you ever experienced some of web pages that don’t allow you to select and copy text? One of the intention is to prevent anybody from stealing the content and distribute it for commercial purpose. In fact this is a little trick that is done by using javascript which prevent you from selecting the text and eventually fail to copy it. Here we would like to show some simple steps that you can turn the situation around by able to copy the text without any restriction.

To overcome this restriction, follow below steps:

1) Go to the website which restricts you from selecting and copying.

2) just hold on your mouse right button

3) Drag And Drop Below Java Code Like Book Mark

javascript:void(document.onselectstart=null)

Blog Pager IN Blogger STYLE1

-----------------------------------------------------------------------------------------------------------
ADD CSS CODE BEFORE B SKIN TAG

]]></b:skin>

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

#blog-pager-newer-link {float: left}
#blog-pager-older-link {float: right;}
#blog-pager { text-align: center; clear:both; margin-right:17px}

]]></b:skin>

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

GO TO BLOG POST SECTION AREA AND FIND THIS LINE

<b:includable id='nextprev'></b:includable>

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

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

REPLACE THIS RED LINE BELOW CODE

<b:includable id='nextprev'></b:includable>

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

<b:includable id='nextprev'>

<div class='blog-pager' id='blog-pager'>

<b:if cond='data:newerPageUrl'>

<span id='blog-pager-newer-link'>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

</span>

</b:if>

<b:if cond='data:olderPageUrl'>

<span id='blog-pager-older-link'>

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

</span>

</b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

<b:if cond='data:mobileLinkUrl'>

<div class='blog-mobile-link'>

<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>

</div>

</b:if>

</div>

<div class='clear'/>

</b:includable>

Blog Post Thumbnail Style2

------------------------------------------------------------------------------------------------------------
ADD YOUR CSS CODE B SKIN TAG

]]></b:skin>

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


.post {
background-color: white;
border: 1px solid #526270;
padding:9px;
margin-bottom: 17px;
margin-right: 17px;
}
.post h3 {
background-image: linear-gradient(to bottom right, red, rgba(255,0,0,0));
border: 1px solid white;
margin-bottom: 5px;
padding: 10px;
color: #FFF7C0;
font-size: 18px;
font-weight: normal;
}
.thumb {
border-left: 1px solid #1C242B;
border-right: 1px solid #1C242B;
border-top: 1px solid #1C242B;
height: 159px;
width: 190px;
}
.post img { max-width:600px; }
.post blockquote { font: italic 13px georgia; margin: 1em 20px;}
.post-share-buttons { display:none }
.post-footer {
background-color: #4889C0;
border: 1px solid #5D9FD7;
margin-bottom: 5px;
padding: 10px;
}
.post-footer a:hover{border-bottom: 1px dashed #FFF7C0;}
.post-header{}
.post-author {}
.post-timestamp {}
.post-comment-link {}
.post-labels {}

h2 {
color: #fff;
display: block;
float: left;
font-family: Trebuchet MS;
font-size: 13px;
font-weight: normal;
margin: 4px 0 10px;
padding-left: 10px;
text-transform: lowercase;
width: 202px;
}

]]></b:skin>

-----------------------------------------------------------------------------------------------------
ADD POST CONDITIONAL STATEMENT CODE BEFORE CLOSED HEAD TAG
AND ADD JAVA THUMBNAIL CODE
-----------------------------------------------------------------------------------------------------

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<style type='text/css'>
.post {
    float: left;
    height: 192px;
    width: 192px;
}
.post {
    background-color: #009afa;
    border: 2px solid #9afa00;
    padding:9px;
    margin-bottom: 17px;
    margin-right: 17px;
}

.post-body {max-height: 160px;}

.post h3 {
    background-image: url(http://backgrounds.picaboo.com/backgrounds/download/a7/72/a72f37f4e7c74021b6aa3ec6f5f3c4f8/White%20with%20gold%20swirls.jpg);
    border-bottom: 1px solid #1C242B;
    border-left: 1px solid #1C242B;
    border-right: 1px solid #1C242B;
    float: left;
    height: 15px;max-height:15px;line-height:15px;
    padding: 8px;
    position: relative;
    width: 174px;
    overflow: hidden;
    border-top:none;
    font-size: 14px;
}
.post h3 a{ color: #84A0B7;display: block;height: 15px;overflow: hidden }
</style>
</b:if>
<script type='text/javascript'>//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('5 b(s,n){c s.d(/<.*?>/e,\'\').f(/\\s+/).g(0,n-1).h(\' \')}5 i(a){j p=k.l(a),3=\'\',2=p.m(\'2\');o(2.q>=1){3=\'<a 6="\'+7+\'"><2 8="9" 4="\'+2[0].4+\'" /></a>\'}r{3=\'<a 6="\'+7+\'"><2 8="9" 4="t://u.v.w/-x/y-z/A/B-C/D.E" /></a>\'}p.F=3}',42,42,'||img|imgtag|src|function|href|purl|class|thumb||stripTags|return|replace|ig|split|slice|join|rm|var|document|getElementById|getElementsByTagName||if||length|else||https|lh4|googleusercontent|com|G9M2DTCTUwM|Tlh|2pwtc5I|AAAAAAAABKM|kCJg|Kf3W2M|no_image_yet|jpg|innerHTML'.split('|'),0,{}))
//]]></script>

</head>

-----------------------------------------------------------------------------------------------------------
OPEN YOUR BLOG POST SECTION WIDGET AND FIND THIS B TAG LINE
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

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

</b:widget>
</b:section>
----------------------------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------------------------------
REPLACE THIS RED LINE WITH BELOW  CODE

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

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

<b:includable id='post' var='post'>
<div class='post'>
<div class='post-header'/>
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<b:if cond='data:post.title'>
<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'>
<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></h3></b:if></b:if>
<div class='post-body'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<span expr:id='&quot;p&quot; + data:post.id'>
<data:post.body/></span>
<script type='text/javascript'>
var purl = &quot;<data:post.url/>&quot;;rm(&quot;p<data:post.id/>&quot;)</script>
<b:else/><data:post.body/></b:if>
</div>
<div class='clear'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:post.title'>
<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'>
<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></h3></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-footer'>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
Posted by
<span style='color:#FFF7C0'>
<data:post.author/></span></b:if>
</span>
<span class='post-timestamp' rel='bookmark' title='permanent link'>
<b:if cond='data:top.showTimestamp'>on
<b:if cond='data:post.url'>
<data:post.timestamp/>
</b:if>
</b:if>
</span>
<span class='post-labels'>
<b:if cond='data:post.labels'>in
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if></span>
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/></a></span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
<span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span>
</div>
</b:if>
</div>
</b:includable>

Blog Post Change In Thumbnail Style1

--------------------------------------------------------------------------------------------------------------------------
Add This Code Before Your Bskin Tag
--------------------------------------------------------------------------------------------------------------------------


a:link {
  color:$linkcolor;
  text-decoration:none;
  }


/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
  width: 990px;
  margin:0 auto;
  padding:10px;
  text-align:left;
  font: $bodyfont;
  }
#main-wrapper {
  width: 740px;
  float: left;
  padding: 5px;
  border:1px solid $bordercolor;
  background-color:#FFFFFF;
  filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }
/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em;
  font:$headerfont;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
 */
h2.date-header {
  margin:1.5em 0 .5em;
  }
.post{
margin:.5em 0 1.5em;
border-bottom:1px dotted #ccc;
padding-bottom:1.5em;
font-family:Dosis,Verdana,Arial,Trebuchet MS,Sans-serif;
color:#FFFFFF;
}
.post li{margin:0 0 0 20px;padding:0 0 0 10px}
.post h3{
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:400;
line-height:1.4em;
color:#777;
font-family:Oswald;
}
.post h3 a,.post h3 a:visited,.post h3 strong{
display:block;
text-decoration:none;
color:#777;
font-weight:400;
}
.post h3 strong,.post h3 a:hover{
color:#333;
}
.post-body{
margin:0 0 1.75em;
line-height:1.6em;
font-size:15px;
}
.post-body blockquote{
line-height:1.3em;
}
.post-footer{
margin:.75em 0;
color:#FFFFFF;
text-transform:uppercase;
letter-spacing:.1em;
font:$postfooterfont;
line-height:1.4em;
}
.post img{
height:auto
width:auto
}


.post table.tr-caption-container{
padding-bottom:4px;
}
.tr-caption-container img{
border:none;
padding:0;
}
.post blockquote{
margin:1em 20px;
padding:2px 5px 2px 35px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF6R4Yk5yY2dV6QOZDY-q45Cf2efqdXFOol2qRO3Wtw15NBwkDg6AO9DFOWv-ARLVTA_s4FezV8zigUumt_TO-80AI7f4lFsJB1vd-nN0C0sGZpgfQP3vKhvhszAshJrs_JCDPRQyL48XJ/s0/blockquote.png) no-repeat top left #f8f8f8;border:1px solid #f1f1f1;
}
.post blockquote p{
margin:.75em 0;
}

.botsnip{
margin:0 10px;
}
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid $bordercolor;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }

.view {

width: 300px;

height: 200px;

margin: 10px;

float: left;

border: 10px solid #fff;

overflow: hidden;

position: relative;

text-align: center;

-webkit-box-shadow: 1px 1px 2px #e6e6e6;

-moz-box-shadow: 1px 1px 2px #e6e6e6;

box-shadow: 1px 1px 2px #e6e6e6;

cursor: default;

background: #fff url(https://c1ec8ebd-a-62cb3a1a-s-sites.googlegroups.com/site/anglichugs/photo-effects/bgimg.jpg) no-repeat center center;

}

.view .mask,.view .content {

width: 300px;

height: 200px;

position: absolute;

overflow: hidden;

top: 0;

left: 0;

}

.view img {

display: block;

position: relative;

}

.view h2 {

text-transform: uppercase;

color: #fff;

text-align: center;

position: relative;

font-size: 17px;

padding: 10px;

background: rgba(0, 0, 0, 0.8);

margin: 20px 0 0 0;

}

.view p {

font-family: Georgia, serif;

font-style: italic;

font-size: 12px;

position: relative;

color: #fff;

padding: 10px 20px 20px;

text-align: center;

}

.view a.info {

display: inline-block;

text-decoration: none;

padding: 7px 14px;

background: #000;

color: #fff;

text-transform: uppercase;

-webkit-box-shadow: 0 0 1px #000;

-moz-box-shadow: 0 0 1px #000;

box-shadow: 0 0 1px #000;

}

.view a.info: hover {

-webkit-box-shadow: 0 0 5px #000;

-moz-box-shadow: 0 0 5px #000;

box-shadow: 0 0 5px #000;

}

.view img {

-webkit-transform: scaleY(1);

-moz-transform: scaleY(1);

-o-transform: scaleY(1);

-ms-transform: scaleY(1);

transform: scaleY(1);

-webkit-transition: all 0.7s ease-in-out;

-moz-transition: all 0.7s ease-in-out;

-o-transition: all 0.7s ease-in-out;

-ms-transition: all 0.7s ease-in-out;

transition: all 0.7s ease-in-out;

}

.view .mask {

background-color: rgba(255, 231, 179, 0.3);

-webkit-transition: all 0.5s linear;

-moz-transition: all 0.5s linear;

-o-transition: all 0.5s linear;

-ms-transition: all 0.5s linear;

transition: all 0.5s linear;

-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

filter: alpha(opacity=0);

opacity: 0;

}

.view h2 {

border-bottom: 1px solid rgba(0, 0, 0, 0.3);

background: transparent;

margin: 20px 40px 0px 40px;

-webkit-transform: scale(0);

-moz-transform: scale(0);

-o-transform: scale(0);

-ms-transform: scale(0);

transform: scale(0);

color: #333;

-webkit-transition: all 0.5s linear;

-moz-transition: all 0.5s linear;

-o-transition: all 0.5s linear;

-ms-transition: all 0.5s linear;

transition: all 0.5s linear;

-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

filter: alpha(opacity=0);

opacity: 0;

}

.view p {

color: #333;

-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

filter: alpha(opacity=0);

opacity: 0;

-webkit-transform: scale(0);

-moz-transform: scale(0);

-o-transform: scale(0);

-ms-transform: scale(0);

transform: scale(0);

-webkit-transition: all 0.5s linear;

-moz-transition: all 0.5s linear;

-o-transition: all 0.5s linear;

-ms-transition: all 0.5s linear;

transition: all 0.5s linear;

}

.view a.info {

-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

filter: alpha(opacity=0);

opacity: 0;

-webkit-transform: scale(0);

-moz-transform: scale(0);

-o-transform: scale(0);

-ms-transform: scale(0);

transform: scale(0);

-webkit-transition: all 0.5s linear;

-moz-transition: all 0.5s linear;

-o-transition: all 0.5s linear;

-ms-transition: all 0.5s linear;

transition: all 0.5s linear;

}

.view:hover img {

-webkit-transform: scale(10);

-moz-transform: scale(10);

-o-transform: scale(10);

-ms-transform: scale(10);

transform: scale(10);

-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

filter: alpha(opacity=0);

opacity: 0;

}

.view:hover .mask {

-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

filter: alpha(opacity=100);

opacity: 1;

}

.view:hover h2,.view:hover p,.view:hover a.info {

-webkit-transform: scale(1);

-moz-transform: scale(1);

-o-transform: scale(1);

-ms-transform: scale(1);

transform: scale(1);

-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

filter: alpha(opacity=100);

opacity: 1;

}


]]></b:skin>



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

Now Add Conditional Post Code Head closed Tag            </head>
And Java Code And Java Link J Qurey 1.6.4
--------------------------------------------------------------------------------------------------------------------

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style>
.post{
color:#FFFFFF;
width:350px;
height:300px;
float:left;
padding:0;
margin:5px;
transition:.5s linear;
-moz-transition:all .5s;
-webkit-transition:.5s linear;
border-bottom:none;
border-top:1px solid #f6f6f6;
background:#fbfbfb;
box-shadow: 0 1px 1.5px rgba(34,25,25,0.1);
border-radius:2px 2px 0 0;
}
.post:hover{
background:#f5f5f5;
transition:.5s linear;
-moz-transition:all .5s;
-webkit-transition:.5s linear;
}
.post-body{
margin:0 0 .75em;
line-height:1.6em;
font-size:11px;
font-family:Arial;
text-align:justify;
}
.post h3{
background-color:red;   
font-size:100%;
height:40px;
margin:0;
transition:.3s linear;
-moz-transition:all .3s;
-webkit-transition:.3s linear;
font-family:&#39;Oswald&#39;;
padding:5px 7px 0 3px;
background:#fbfbfb;
text-align:center;
}
.post h3 a,.post h3 a:visited,.post h3 strong{font-weight:300;}
.post h3:hover{
text-shadow:1px 1px 1px #fff;
transition:.3s linear;
-moz-transition:all .3s;
-webkit-transition:.3s linear;
background:#fafafa;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#fafafa&#39;, endColorstr=&#39;#f3f3f3&#39;);
background:-moz-linear-gradient(left, #fafafa, #f3f3f3);
background:-webkit-gradient(linear, left top, right top, from(#fafafa), to(#f3f3f3));
background-image:-o-linear-gradient(#fafafa,#f3f3f3);
}
.post h3 a:hover{
text-shadow:0 0 1px #fff;
}
.post-footer-line-1,.post-footer-line-2,post-footer-line-3,.post-footer,  #HTML1, #FollowByEmail1, #Label1, #Followers1{
display:none;
}
</style>
</b:if>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
/* ZAFAR CHANGE POST HEADER */
.post h3 {

background-color:#fa0a0a;
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:150%;
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 FOOTER CODE */
.post-footer{
background-color:#FA0A0A;
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;
color:#FFFFFF;
font-family:Oswald;
font-size:140%;
font-weight:400;
line-height:1.4em;
margin:0 0 5px;
padding:5px;
}
.post{
margin:0 0 1.5em;
}
#postcat{
padding:2px 5px;
background:#999;
border-radius:3px;
color:#fbfbfb;
transition:.3s linear;
-moz-transition:all .3s;
-webkit-transition:.3s linear;
}
#postcat:hover{
background:#fe8c25;
text-decoration:none;
transition:.3s linear;
-moz-transition:all .3s;
-webkit-transition:.3s linear;
color:#fbfbfb
}
/* POST IMAGE SIZE AFTER THUMBNAIL */
.post img {
width:550px;
height:600px;
}

</style>

</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>
.st-post-footer-buttons{display:none}
.post h3{border-bottom:1px solid #ddd}
</style>
</b:if>

     
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>




<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.media$thumbnail.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else{if(typeof(defaultnoimage)!=='undefined'){thumburl[relatedTitlesNum]=defaultnoimage}else{thumburl[relatedTitlesNum]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN4O17rH-CGy9Sw5DrILdUaFw-U9NYZtdK0W6gd4ufi8kWG1fQnhJ7BWVeVUL4k3a-AYWsYCpEvdBa2Jy90pTyADpzg7jIFVVFCKorH6neOsjafWEF8p42JQta5Xm23JXog5AyVa_CPFw/s400/noimage.png"}}}if(relatedTitles[relatedTitlesNum].length>35){relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"..."}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++){if(a[j]==e){return true}}return false}function printRelatedLabels_thumbs(current){var splitbarcolor;if(typeof(splittercolor)!=='undefined'){splitbarcolor=splittercolor}else{splitbarcolor="#d4eaf2"}for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==current)||(!relatedTitles[i])){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0){document.write('<h2>'+relatedpoststitle+'</h2>')}document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;padding:5px;float:left;');if(i!=0)document.write('border-left:solid 0.5px '+splitbarcolor+';"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img style="width:72px;height:72px;border:0px;" src="'+thumburl[r]+'"/><br/><div id="rptxt">'+relatedTitles[r]+'</div></a>');i++;if(r<relatedTitles.length-1){r++}else{r=0}}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}

//]]>
</script>




</head>
<body>

-----------------------------------------------------------------------------------------------------------------------
Open B Include Widget Code And Find This Line:
<b:includable id='post' var='post'></b:includable>

 And Open This Line


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

<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'></b:includable>

<b:includable id='backlinkDeleteIcon' var='backlink'></b:includable>

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

<b:includable id='comment-form' var='post'></b:includable>

<b:includable id='commentDeleteIcon' var='comment'></b:includable>

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

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

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

<b:includable id='feedLinks'></b:includable>

<b:includable id='feedLinksBody' var='links'></b:includable>

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

<b:includable id='mobile-index-post' var='post'></b:includable>

<b:includable id='mobile-main' var='top'></b:includable>

<b:includable id='mobile-nextprev'></b:includable>

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

<b:includable id='nextprev'></b:includable>

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

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

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

<b:includable id='status-message'></b:includable>

<b:includable id='threaded-comment-form' var='post'></b:includable>

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

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

</b:widget>

</b:section>

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

Now Replace This Red Line With Below Code:

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




<b:includable id='post' var='post'>
<div class='post hentry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-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'>
<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>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
<script>
(function(d){
  var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;}
  js = d.createElement(&#39;script&#39;); js.id = id; js.async = true;
  js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
  d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));
</script>
<div id='gpluslike'>
<table><tr><td style='padding: 5px 0 0 0px;width:75px;display:inline-block'><g:plusone expr:href='data:post.url' size=''/></td>
<td style='padding: 2px 0 0 2px'><fb:like action='like' colorscheme='light' expr:href='data:post.url' font='arial' layout='standard' send='false' show_faces='false'/></td></tr></table></div><br/></b:if>
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
<b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.isFirstPost'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_size=300;
var show_default_thumbnail=true;
var default_thumbnail="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzqWyV_yxX2BIB1jZIchpQur2MDPSZ8wtPLsPaFDcRBqissIA_u2izZ_d2frk7Oeoyg9tcmO84zoJrsffIsrJTyF0ilH4241Ue6Nw7s2l5F-GqaLXmTfAu9meJmOm0zd40OEqx8_yt6gE/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/')+'" alt="'+post_title+'"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>
</b:if>
<b:if cond='data:post.snippet'>
<div class='view'>
<a expr:href='data:post.url'>
<script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script><div class='summary'>
<data:post.snippet/></div>
<div class='mask'>
<div class='inline-ad'>
 &lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
google_ad_client = &quot;ca-pub-0751103215282127&quot;;
google_ad_host = &quot;pub-1556223355139109&quot;;
/* heavenlyteens_main_Blog1_300x300_as */
google_ad_slot = &quot;5648551631&quot;;
google_ad_width = 250;
google_ad_height = 250;
//--&gt;
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
&lt;/script&gt;
</div>
<p> Disney Snaps</p>
<a class='info' href='#'>Read More</a>
<data:post.timestamp/><br/>
<data:post.numComments/> Comments
<br/>
</div>
</a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


</div>
</b:includable>

Search Engine Optimization (SEO)

SEO is an acronym for "search engine optimization" or "search engine optimizer." Deciding to hire an SEO is a big decision that can potentially improve your site and save time, but you can also risk damage to your site and reputation. Make sure to research the potential advantages as well as the damage that an irresponsible SEO can do to your site. Many SEOs and other agencies and consultants provide useful services for website owners, including:

• Review of your site content or structure
• Technical advice on website development: for example, hosting, redirects, error pages, use of JavaScript
• Content development
• Management of online business development campaigns
• Keyword research
• SEO training
• Expertise in specific markets and geographies.

Google adds new sites to our index, and updates existing ones, every time we crawl the web. If you have a new URL, tell us about it here. We don't add all submitted URLs to our index, and we can't make predictions or guarantees about when or if submitted URLs will appear in our index.

Keep in mind that the Google search results page includes organic search results and often paid advertisement (denoted by the heading "Sponsored Links") as well. Advertising with Google won't have any effect on your site's presence in our search results. Google never accepts money to include or rank sites in our search results, and it costs nothing to appear in our organic search results. Free resources such as Webmaster Tools, the official Webmaster Central blog, and our discussion forum can provide you with a great deal of information about how to optimize your site for organic search.

Before beginning your search for an SEO, it's a great idea to become an educated consumer and get familiar with how search engines work. We recommend starting here:

• Google Webmaster Guidelines
• Google 101: How Google crawls, indexes and serves the web.

If you're thinking about hiring an SEO, the earlier the better. A great time to hire is when you're considering a site redesign, or planning to launch a new site. That way, you and your SEO can ensure that your site is designed to be search engine-friendly from the bottom up. However, a good SEO can also help improve an existing site.

Some useful questions to ask an SEO include:

• Can you show me examples of your previous work and share some success stories?
• Do you follow the Google Webmaster Guidelines?
• Do you offer any online marketing services or advice to complement your organic search business?
• What kind of results do you expect to see, and in what timeframe? How do you measure your success?
• What's your experience in my industry?
• What's your experience in my country/city?
• What's your experience developing international sites?
• What are your most important SEO techniques?
• How long have you been in business?
• How can I expect to communicate with you? Will you share with me all the changes you make to my site, and provide detailed information about your recommendations and the reasoning behind them?

While SEOs can provide clients with valuable services, some unethical SEOs have given the industry a black eye through their overly aggressive marketing efforts and their attempts to manipulate search engine results in unfair ways. Practices that violate our guidelines may result in a negative adjustment of your site's presence in Google, or even the removal of your site from our index. Here are some things to consider:

One common scam is the creation of "shadow" domains that funnel users to a site by using deceptive redirects. These shadow domains often will be owned by the SEO who claims to be working on a client's behalf. However, if the relationship sours, the SEO may point the domain to a different site, or even to a competitor's domain. If that happens, the client has paid to develop a competing site owned entirely by the SEO.

Another illicit practice is to place "doorway" pages loaded with keywords on the client's site somewhere. The SEO promises this will make the page more relevant for more queries. This is inherently false since individual pages are rarely relevant for a wide range of keywords. More insidious, however, is that these doorway pages often contain hidden links to the SEO's other clients as well. Such doorway pages drain away the link popularity of a site and route it to the SEO and its other clients, which may include sites with unsavory or illegal content.

Deceived by an SEO In Some Way:

n the United States, the Federal Trade Commission (FTC) handles complaints about deceptive or unfair business practices. To file a complaint, visit: http://www.ftc.gov/ and click on "File a Complaint Online," call 1-877-FTC-HELP, or write to:

Federal Trade Commission

CRC-240

Washington, D.C. 20580

If your complaint is against a company in a country other than the United States, please file it at http://www.econsumer.gov/.

• Be wary of SEO firms and web consultants or agencies that send you email out of the blue.
  Amazingly, we get these spam emails too:

  "Dear google.com,
  I visited your website and noticed that you are not listed in most of the major search engines and directories..."

  Reserve the same skepticism for unsolicited email about search engines as you do for "burn fat at night" diet pills or requests to help transfer funds from deposed dictators.
• No one can guarantee a #1 ranking on Google.
  Beware of SEOs that claim to guarantee rankings, allege a "special relationship" with Google, or advertise a "priority submit" to Google. There is no priority submit for Google. In fact, the only way to submit a site to Google directly is through our Add URL page or by submitting a Sitemap and you can do this yourself at no cost whatsoever.
• Be careful if a company is secretive or won't clearly explain what they intend to do.
  Ask for explanations if something is unclear. If an SEO creates deceptive or misleading content on your behalf, such as doorway pages or "throwaway" domains, your site could be removed entirely from Google's index. Ultimately, you are responsible for the actions of any companies you hire, so it's best to be sure you know exactly how they intend to "help" you. If an SEO has FTP access to your server, they should be willing to explain all the changes they are making to your site.
• You should never have to link to an SEO.
  Avoid SEOs that talk about the power of "free-for-all" links, link popularity schemes, or submitting your site to thousands of search engines. These are typically useless exercises that don't affect your ranking in the results of the major search engines -- at least, not in a way you would likely consider to be positive.
• Choose wisely.
  While you consider whether to go with an SEO, you may want to do some research on the industry. Google is one way to do that, of course. You might also seek out a few of the cautionary tales that have appeared in the press, including this article on one particularly aggressive SEO:http://seattletimes.nwsource.com/html/businesstechnology/2002002970_nwbizbriefs12.html. While Google doesn't comment on specific companies, we've encountered firms calling themselves SEOs who follow practices that are clearly beyond the pale of accepted business behavior. Be careful.
• Be sure to understand where the money goes.
  While Google never sells better ranking in our search results, several other search engines combine pay-per-click or pay-for-inclusion results with their regular web search results. Some SEOs will promise to rank you highly in search engines, but place you in the advertising section rather than in the search results. A few SEOs will even change their bid prices in real time to create the illusion that they "control" other search engines and can place themselves in the slot of their choice. This scam doesn't work with Google because our advertising is clearly labeled and separated from our search results, but be sure to ask any SEO you're considering which fees go toward permanent inclusion and which apply toward temporary advertising.
• What are the most common abuses a website owner is likely to encounter?
• What are some other things to look out for?
  There are a few warning signs that you may be dealing with a rogue SEO. It's far from a comprehensive list, so if you have any doubts, you should trust your instincts. By all means, feel free to walk away if the SEO:
  • owns shadow domains
  • puts links to their other clients on doorway pages
  • offers to sell keywords in the address bar
  • doesn't distinguish between actual search results and ads that appear on search results pages
  • guarantees ranking, but only on obscure, long keyword phrases you would get anyway
  • operates with multiple aliases or falsified WHOIS info
  • gets traffic from "fake" search engines, spyware, or scumware
  • has had domains removed from Google's index or is not itself listed in Google

Read More:

https://support.google.com/webmasters/answer/35291?hl=en

https://www.google.com/webmasters/tools/submit-url?continue=/addurl

https://www.google.com/webmasters/tools/sitemap-list?hl=en&siteUrl=http%3A%2F%2Fcracksinsnaps.blogspot.co.uk%2F&authuser=0#MAIN_TAB=0

http://ctrlq.org/blogger/

Google Content Keywords In Webmaster Tools

The keywords shown in Webmaster Tools are based on the keywords we find when we crawl your pages. They are not representative of how we view your site's relevance in web-search, it is purely a count of words from crawling (so if you see some words there which are common on your pages but which you find irrelevant, I wouldn't worry about it). If you remove those pages from your site, the next time we attempt to crawl and index them, we'll drop those keywords from our records -- and with that, over time, from Webmaster Tools as well.

WHAT is a Keyword?

A keyword is any word or short phrase that describes a website topic or page. - The more a keyword is used by searchers and websites the more attraction power it has.

Keyword Tool - DOES IT HELP?

If you want your website to attract searchers, you need to use strong keywords in your website titles and website text . These brief words should realistically identify and describe your site.

Keyword Tool is the world standard of webmaster research to test search words in use and to find new keyword suggestions.

Content Keywords

The Content Keywords page lists the most significant keywords and their variants Google found when crawling your site. When reviewed along with the Search Queries report and your site's listing in actual search results for your targeted keywords, it provides insight into how Google is interpreting the content of your site.

The significance of each keyword reflects how often it's found on your site's pages. Click each keyword to see a sampling of pages on which it appears. Both keywords and their variants are listed in order of frequency of appearance.

If unexpected keywords, such as "Viagra", appear on this page, this could be a sign that your site has been hacked.

If expected keywords are missing from this page, this could be for a couple of reasons:

Google may not have been able to crawl and index all the pages of your site. In this case, we recommend reviewing the Crawl Errors page for your site. In addition, submitting a Sitemap is an excellent way to make sure that Google knows about all the pages on your site. Also, if you have recently updated your site, we may not have crawled the new pages yet.

The Keywords list will sometimes exclude words that Google has determined to be boilerplate text or common words. The actual excluded words vary from site to site.

Go To Google Web Master Tool

Click Google Index In This Index you find

• 
  

ReadMore:

http://www.googlekeywordtool.com/

http://www.seroundtable.com/google-content-keywords-relevance-15882.html

https://www.google.com/webmasters/tools/keywords?hl=en&siteUrl=http://cracksinsnaps.blogspot.co.uk/&authuser=0

https://support.google.com/webmasters/answer/35255?hl=en

Blogger HTML Converter And Editor

ReadMore:

http://www.htmlcompressor.com/compressor/

http://www.digitalcoding.com/tools/html-beautifier.html

http://www.add-in-express.com/creating-addins-blog/cat/office-365-sharepoint/

http://mabblog.com/cssoptimizer/uncompress.html

http://infohound.net/tidy/

http://www.sharewareconnection.com/code-rip.htm

http://codetools.net/online-tools/html-beautifiers/uncompress-html-code

http://html-code-export.software.informer.com/

http://www.jasob.com/

http://www.automationanywhere.com/lrn/keyFeat/wdePattern.htm?r=demo&w=content

http://www.iconico.com/htmlextractor/

http://sourcerecoder.blogspot.co.uk/2013/01/html-decompress.html

http://sourcerecoder.blogspot.co.uk/2013/01/html-optimizer.html

http://sourcerecoder.blogspot.co.uk/2013/01/javascript-optimizer.html

http://sourcerecoder.blogspot.co.uk/2013/01/css-optimizer.html

http://sourcerecoder.blogspot.co.uk/2013/01/html-decompress.html

http://onlinewebtool.com/uncompress-html.php

http://jsbeautifier.org/

http://www.textfixer.com/tools/alphabetical-order.php

http://www.textfixer.com/html/html-table-generator.php

http://www.textfixer.com/html/uncompress-html-code.php

http://htmlmaker.blogspot.co.uk/p/converter.html

http://htmlmaker.blogspot.co.uk/p/converter.html

http://htmlmaker.blogspot.co.uk/p/css-optimizer.html

http://htmlmaker.blogspot.co.uk/p/html-editor.html

http://htmlmaker.blogspot.co.uk/p/dynamic-meta-tag-generator.html

Related Post Widget Style1

RELATED POST WIDGET BLACK PART 1

============================================================================================================

RELATED POST WIDGET BLACK PART 1  (ADD THIS CSS PART BEFORE B SKIN TAG)

============================================================================================

ADD THIS CSS CODE BEFORE YOUR B SKIN TAG

=======================================================================================

#related-posts{float:left;width:auto;}
#related-posts h1{background:none;
color:#aaa;font:16px Oswald;padding:3px;text-shadow:0 1px 1px black}
#related-posts .maskolis_img {border:4px
solid #313131;padding:0px 0px;
width:132px;height:165px;
transition:all 400ms ease-in-out;
-webkit-transition:all 400ms ease-in-out;
-moz-transition:all 400ms ease-in-out;
-o-transition:all 400ms ease-in-out;
-ms-transition:all 400ms ease-in-out;margin:10px 8px 5px}
#related-posts .maskolis_img:hover{opacity:.7;
filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}

]]></b:skin>

--------------------------------------------------------------------------------------------------------------------------
RELATED POST WIDGET BLACK PART 2 ( ADD THIS JAVA CODE BEFORE HEAD TAG)
----------------------------------------------------------------------------------------------------------------------------------------------- 

<script type='text/javascript'>
//<![CDATA[
imgr=new Array();imgr[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu_RW7kRcGj1E6mhavGKKn2owyzrMbSzn0o3OJgts-4cDaTeBxwh0vlbXuulTCsHUhiXiHAUvhly3i2dd4oA_IeQUQ_eUVI6QWxK7gcHvCfI2bky_qvYI_mETAuVk5Kxd0RjG9_-TO2PIL/s1600/no-video.gif";showRandomImg=true;aBold=true;summaryPost=200;summaryTitle=20;numposts1=12;numposts2=4;function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}function showrecentposts(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();document.write('<ul>');for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="200" height="250" class="alignnone" src="'+img[i]+'"/></a></div><p><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></p></li>';document.write(trtd);j++}document.write('</ul>')}function showrecentposts5(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var trtd='<li id="nav-post-'+i+'" class="ui-tabs-nav-item"><a href="#post-'+i+'"><img width="100" height="69" src="'+img[i]+'"/><span>'+posttitle+'</span></a></li>';document.write(trtd);j++}}function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();if(numposts2<=json.feed.entry.length){maxpost=numposts2}else{maxpost=json.feed.entry.length}for(var i=0;i<maxpost;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;pcm='<a href="'+posturl+'">'+pcm+' comments</a>';var trtd='<div class="col_maskolis"><h2 class="posttitle"><a href="'+posturl+'">'+posttitle+'</a></h2><a href="'+posturl+'"><img class="maskolis_img" src="'+img[i]+'"/></a><div class="clear"></div></div>';document.write(trtd);j++}}var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu_RW7kRcGj1E6mhavGKKn2owyzrMbSzn0o3OJgts-4cDaTeBxwh0vlbXuulTCsHUhiXiHAUvhly3i2dd4oA_IeQUQ_eUVI6QWxK7gcHvCfI2bky_qvYI_mETAuVk5Kxd0RjG9_-TO2PIL/s1600/no-video.gif'}if(relatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"...";for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<h1>'+relatedpoststitle+'</h1>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;margin:0 10px 10px 0;float:left;background:#111;');if(i!=0)document.write('background:#111;"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img class="maskolis_img" src="'+thumburl[r]+'"/><br/><div style="width:132px;padding:0 10px;color:#ddd;height:35px;text-align:center;margin:0px 0px; font:14px PT Sans Narrow; line-height:16px;">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}
//]]>
</script>

</head>


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

RELATED POST WIDGET BLACK PART 3   ( ADD THIS HTML PART)

YOU CAN ADD THIS CODE AFTER 

POST BODY INCLUDE CODEOR BEFORE POST FOOTER CODE

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

<b:includable id='post' var='post'>
<div class='post'>
<div class='post-header'/>
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<b:if cond='data:post.title'>
<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'>
<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>
</h3>
</b:if>
</b:if>
<div class='post-body'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<span expr:id='&quot;p&quot; + data:post.id'>
<data:post.body/></span>
<script type='text/javascript'>var purl = &quot;<data:post.url/>&quot;;rm(&quot;p<data:post.id/>&quot;)
</script><b:else/><data:post.body/></b:if>
</div>
<div class='clear'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:post.title'>
<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'>
<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>
</h3>
</b:if>
</b:if>
<!-- POST SHARING BUTTON CODE -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='background:#222;
border:1px solid #111;
border-right:1px solid #444;
border-bottom:1px solid #444;
padding:10px 0;margin:13px 0px 8px 0px;
width:100%;float:left;height:20px;'>
<div style='float:right;padding-right:10px;'>
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=4rifin' type='text/javascript'/></div>
<div style='float:right;padding:2px 10px 0px 0px;font:normal 12px Arial;color:#666'>
<strong>Share this article</strong> :
</div>
</div>
</b:if>
<!-- RELATED POST WIDGET CODE -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=8;
var relatedpoststitle=&quot;<b>Related movie you might like to see :</b>&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-footer'>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
Posted by
<span style='color:#FFF7C0'>
<data:post.author/></span>
</b:if>
</span>
<span class='post-timestamp' rel='bookmark'
title='permanent link'>
<b:if cond='data:top.showTimestamp'> on
<b:if cond='data:post.url'>
<data:post.timestamp/>
</b:if>
</b:if>
</span>
<span class='post-labels'>
<b:if cond='data:post.labels'>in
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span>
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a></span></b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
<span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a></b:if></b:if></span>
</div>
</b:if>
</div>
</b:includable>
　
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a></span></b:if>
</b:includable>
　
　

 Read More:
http://blogger-related-posts.googlecode.com/svn/v2/setup.htm