Ebooksdunia: Blogger

Add Christmas Snow Falling Effect on Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEienROu_juK1FiY0yoNSEBJR1TyynLUSyoZfTxOPDaUYrhhzjkqlOsEw69j-jZury2oKCQVCwfOc80j5Z1JQSlWowHs3Q2XLjsVNRSIa6TmEp-14d8jav5VnOQaiy-YCvK2hLu4Ckc1fBw/s1600/add_snow_fall_blogger.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEienROu_juK1FiY0yoNSEBJR1TyynLUSyoZfTxOPDaUYrhhzjkqlOsEw69j-jZury2oKCQVCwfOc80j5Z1JQSlWowHs3Q2XLjsVNRSIa6TmEp-14d8jav5VnOQaiy-YCvK2hLu4Ckc1fBw/s320/add_snow_fall_blogger.JPG" width="320" /></a></div><br />
<div style="color: #0b5394;"><b>Add snow falling on your Blogspot blog looking Better and Attractive.To do this at first login to you <a href="http://www.blogger.com/">Blogger</a></b> account.</div><br />
<ul style="color: #0b5394;"><li><b>Then go to Design from Dashboard</b></li>
<li><b>Click Add a Gadget</b></li>
</ul><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmTH6lXYXr4o6dfWyq6Z7LjrabCumTq9ZqtnG4N59EKfdcOFIjQ3xqSchjmyo9iHrOxWVU63nx9Xzf7PeDef-ytd8I-h7feOtNIWgEvmgKKvVMpgAmzWtMXKwOaogsuZgWGzqGlt7IgaQ/s1600/gadget.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmTH6lXYXr4o6dfWyq6Z7LjrabCumTq9ZqtnG4N59EKfdcOFIjQ3xqSchjmyo9iHrOxWVU63nx9Xzf7PeDef-ytd8I-h7feOtNIWgEvmgKKvVMpgAmzWtMXKwOaogsuZgWGzqGlt7IgaQ/s1600/gadget.JPG" /></a></div><br />
<ul style="color: #0b5394;"><li><b>Then Click HTML/JavaScript from the list</b></li>
<li><b>Copy and Paste these code as shown as below on the Box</b></li>
</ul><br />
<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOX_1_8GiQ1rnbLwfHZ6rIa-AtWH5NWN9-SL0OXbGfep9ceTgfi513cRAZt9Z1Wl_albGNkME8rYoWeoFepBV3h3J3gD4pEe4pAUUlVhQg_spMZsrSTWeZy-d1qXmTuv2KrQDzeWNTQzs/s1600/contents.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOX_1_8GiQ1rnbLwfHZ6rIa-AtWH5NWN9-SL0OXbGfep9ceTgfi513cRAZt9Z1Wl_albGNkME8rYoWeoFepBV3h3J3gD4pEe4pAUUlVhQg_spMZsrSTWeZy-d1qXmTuv2KrQDzeWNTQzs/s320/contents.JPG" width="320" /></a></div><br />
<br />
<pre><script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js" />

<script type="text/javascript">
snowStorm.snowColor = '#99ccff'; // blue-ish snow!?
snowStorm.flakesMaxActive = 96; // show more snow on screen at once
snowStorm.useTwinkleEffect = true; // let the snow flicker in and out of view
</script></pre><br />
<br />
<br />
<br />
<ul style="color: #0b5394;"><li><b>Keep Blank the Title Bar </b></li>
</ul><br />
<ul style="color: #0b5394;"><li><b>Click Save.</b></li>
</ul><br />
<b><br />
</b></div><br />
<br />
<a href="http://www.bloghints.com/">BLOG DIRECTORY, Submit blog free, Promote Blog, Best directory</a><br />
<br />
<br />
---- </div>

Add Christmas Snow Falling Effect on Blogger

Add snow falling on your Blogspot blog looking Better and Attractive.To do this at first login to you Blogger account. Then go to Design ...

Add Automatic Read More Function on blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimuigQEgnAIHP3VTdYmsCm5pPSX4Mlp1eY_OT7d5wIah55E4tafyfy6d0cF8zYk-zJQiozxGjjpUjcxjHIRfScxtFXrpfQMhpnpJnLJ6NhLT5udDTASY4uhpQ5hGDZF9nKbDkVktf_UQQ/s1600/blogger_logo_red.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimuigQEgnAIHP3VTdYmsCm5pPSX4Mlp1eY_OT7d5wIah55E4tafyfy6d0cF8zYk-zJQiozxGjjpUjcxjHIRfScxtFXrpfQMhpnpJnLJ6NhLT5udDTASY4uhpQ5hGDZF9nKbDkVktf_UQQ/s200/blogger_logo_red.jpg" width="200" /></a></div><div style="color: #274e13; text-align: center;"><br />
<br />
<br />
</div><div style="color: #274e13; text-align: center;"><b>You can Add Automatic Read More Function Under every blog post.This is very easy.At first login to your <a href="http://www.blogger.com/">Blogger</a> Account.Then Go to </b><b><u><i>Design</i></u> form </b><b><u><i>Dashboard</i></u>. Click <i><u>Expand Widget Templates</u></i> box.</b><br />
<br />
</div><div style="text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfOJDjtgzbdVmUBCXw5KzQVMruvLrwiMPoPt-lw9Hbd1-cPLwyT-NycPEqh2WksM6P1ffQ5WVE4GHlLIBVTrODuPj5AOsVFR-SO-V4QOHz8sGswnkQF4xqM0DTogVeWSclwxBuTULlM8w/s1600/blogspot_automatic_read+more+funtion.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="365" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfOJDjtgzbdVmUBCXw5KzQVMruvLrwiMPoPt-lw9Hbd1-cPLwyT-NycPEqh2WksM6P1ffQ5WVE4GHlLIBVTrODuPj5AOsVFR-SO-V4QOHz8sGswnkQF4xqM0DTogVeWSclwxBuTULlM8w/s400/blogspot_automatic_read+more+funtion.JPG" width="400" /></a></div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><b><br />
</b></div><div style="color: #274e13; text-align: center;"><ul><li><b>After that Search this Code which shown as below Otherwise press Cntrl+F and paste it on appearing search box then enter </b></li>
</ul></div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><pre><head></pre><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtMLtKXe7dLzU5tq2bLz40S8IzuITzikJyoLXrnstU4vNpUOZH6c2uA-_-_sWQ8WNhy6Im0F0XEsNdCjb1NYYTguzmolxm1SEhhDbnlbhlQb9GoLDHLztOC0BDZEk8UrJY6gsT-BkQkpM/s1600/head+tag.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="351" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtMLtKXe7dLzU5tq2bLz40S8IzuITzikJyoLXrnstU4vNpUOZH6c2uA-_-_sWQ8WNhy6Im0F0XEsNdCjb1NYYTguzmolxm1SEhhDbnlbhlQb9GoLDHLztOC0BDZEk8UrJY6gsT-BkQkpM/s400/head+tag.JPG" width="400" /></a></div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><div style="color: #274e13; text-align: center;"><ul><li><b>Paste this Code which shown as below just After  <head> Tag.</b></li>
</ul><br />
</div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><pre><script type="text/javascript">
var thumbnail_mode = "yes"; //yes -with thumbnail, no -no thumbnail

summary_noimg = 430; //summary length when no image

summary_img = 340; //summary length when with image

img_thumb_height = 200;

img_thumb_width = 200;
</script>

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

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);

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' &amp;&amp; strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = summary_noimg;

if(thumbnail_mode == "yes") {

if(img.length>=1) {

imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';

summ = summary_img;

}

var summary = imgtag + '<div>

' + removeHtmlTag(div.innerHTML,summ) + '</div>
';

div.innerHTML = summary;

}

//]]>
</script></pre><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><ul style="color: #274e13; text-align: center;"><li><b>Now Search this code Otherwise press Cntrl+F and paste it on appearing search box then enter</b></li>
</ul><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><pre><data:post.body/></pre><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><ul style="color: #274e13; text-align: center;"><li><b>Then paste those code which are given below on previous code</b></li>
</ul><div style="text-align: center;"><br />
</div><pre><m:smallfrac m:val="off">    <m:dispdef>    <m:lmargin m:val="0">    <m:rmargin m:val="0">    <m:defjc m:val="centerGroup">    <m:wrapindent m:val="1440">    <m:intlim m:val="subSup">    <m:narylim m:val="undOvr">   </m:narylim></m:intlim> </m:wrapindent>  </m:defjc></m:rmargin></m:lmargin></m:dispdef></m:smallfrac>
<div class="MsoNormal"></div><div class="MsoNormal"><div class="MsoNormal"></div><b:if cond='data:blog.pageType == &quot;item&quot;'></div><div class="MsoNormal"><data:post.body/></div><div class="MsoNormal"><b:else/></div><div class="MsoNormal"><b:if cond='data:blog.pageType == &quot;static_page&quot;'></div><div class="MsoNormal"><data:post.body/></div><div class="MsoNormal"><b:else/></div><div class="MsoNormal"><div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div></div><div class="MsoNormal"><script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</div><div class="MsoNormal"></script></div><div class="MsoNormal"><br><a class='more' expr:href='data:post.url'>Read more ...</a></br></div><div class="MsoNormal"></b:if></div><div class="MsoNormal"></b:if></div><div class="MsoNormal"></div></pre><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><b style="color: #274e13;">Click Save Button.That's It.</b></div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><div style="text-align: left;"><br />
</div></div><br />
<br />
<a href="http://www.addsitelink.com/">Add Link - Suggest Link - Submit URL Directory</a></div>

Add Automatic Read More Function on blogger

You can Add Automatic Read More Function Under every blog post.This is very easy.At first login to your Blogger Account.Then Go to Desig...