நாம் எமது வலைப்பதிவிலே பதிவேற்றுகின்ற புகைப்படங்களின் குறிப்பிட்ட பகுதியை பெரிதாக்கிப் (Zoom )  பார்க்க   வேண்டும் என்று விரும்புகின்றீர்களா.

படத்தைப் பாருங்கள்






< Layout -> Edit HTML செல்லுங்கள்.

</head>  தேடுங்கள் </head>  க்கு மேல் கீழே தருகின்ற HTML   Copy ,  Past பண்ணுங்கள். 


<!--JQZOOM-STARTS-->
<script src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/jquery.jqzoom1.0.1.js" type='text/javascript'></script>
<link rel="stylesheet" href="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/jqzoom.css" type="text/css" />
<script type="text/javascript">

$(function() {
var options =
{
zoomWidth: 275,
zoomHeight: 275
}
$(".jqzoom").jqzoom(options);

var options2 =
{
zoomWidth: 275,
zoomHeight: 275,
zoomType:'reverse'
}

$(".jqzoom2").jqzoom(options2);

});
</script>
<!--JQZOOM-STOPS-HELP@-http://bloggerstop.net-->

 Temlete Save பண்ணிக் கொள்ளுங்கள். 

Zoom Height   275  உங்களுக்கு விரும்பிய அளவில் மாற்றிக் கொள்ளுங்கள்.

அடுத்த கட்டமாக நாம்  பதிவேற்றிய படத்தின் HTML க்கு செல்லுங்கள்.



"DIRECT LINK TO THE LARGER IMAGE "  க்கு  பக்கத்தில்  class="jqzoom" Copy , Past பண்ணுங்கள்.


கீழே பாருங்கள்.


<a href="DIRECT_LINK_TO_THE_LARGER_IMAGE" class="jqzoom" title="IMAGE_TITLE"><img src="DIRECT_LINK_TO_THE_SMALLER_IMAGE"/></a>

நான் பதிவேற்றிய படத்தின் HTML எப்படி மாற்றம் செய்திருக்கிறேன் என்று கீழே பாருங்கள்.


<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAhG-JCVDqKuePYJnfYeUxqtc4PuCCiC3JppKwDjceuyU-Y18vgYoNjMOPxSuHkPGb16bE2pBlWBSTs8_Lr_RMOd4DdQzKlze3YpO7Vfy6MMmW2RoedDh_N1xvE73sCnVdc8vz6g56LuGK/s1600/tamanna.jpg" class="jqzoom"imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAhG-JCVDqKuePYJnfYeUxqtc4PuCCiC3JppKwDjceuyU-Y18vgYoNjMOPxSuHkPGb16bE2pBlWBSTs8_Lr_RMOd4DdQzKlze3YpO7Vfy6MMmW2RoedDh_N1xvE73sCnVdc8vz6g56LuGK/s320/tamanna.jpg" width="212" /></a></div>

எங்கள் ஒவ்வொருவருடைய வலைப்பதிவிலும் இருக்க வேண்டிய ஒன்று. கீழே படத்தைப் பாருங்கள்.
எப்படி இணைத்துக் கொள்வது என்று பார்ப்போம்.

1.dashboard-->> layout- ->>Edit HTML செல்லுங்கள்.

2 . </head> என்பதை தேடுங்கள் அதற்கு மேல் கீழே தரப்படும் கோட்டை Copy பண்ணி Past பண்ணுங்கள்.



<style type='text/css'>

#hsection{border:4px solid #D3D3D3;background-color:#e9e9e9;}
#hsection:hover{border:4px solid #BABABA;background-color:#e9e9e9;}

#sectionmy .sectionmy2 h2.subscription { border:0; margin:0; padding:6px 0 0 55px; height:42px; font-size:16px;font-family:&quot;Segoe UI&quot;,Calibri,&quot;Myriad Pro&quot;,Myriad,&quot;Trebuchet MS&quot;,Helvetica,Arial,sans-serif;font-weight:bold; }

#sectionmy .sectionmy2 h2.rss { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlLyi12IJEwmNujOC7M3wKzcp4tdRTYI9YTUuTlDDWfnNjj27jGeD519i_rvI6AWCSAMiSDu0iOI5EuzMjnIgC7SD4Gpqo5ConskoeDR2hmy9EU28YiNfAZqmFJlPwjDl0HKROUhwCfY0j/) no-repeat top left; }

#sectionmy .sectionmy2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj144nD8DESKGRUzEmwBNssjqWlIGS6bANchMEgMl2ml6qBeIYonM0Pe9CbT3wusKoWMUsz8B6rpn6MYmPyjaDN5HuJwTRRlRtQORal2I7Bkgc1zH8USmf4WhN_uT5YoeR3fL2taHRQzvLb/) no-repeat top left; }

#sectionmy .sectionmy2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnx51ZEWFQU3Z0lgqfwTDPKa0Ssae02RoDVxcwYQCouCwFv_slAWvciKBPk1nw_OZH3l7QB2DKheT97Ee_VvcsfPT43orerPfz2UHSO2MR1k8aNCWJv1ybG5vLy-o_RltbPh0BvoQwQAU7/) no-repeat top left; }

#sectionmy .sectionmy2 .subscription a { color:#252e28; text-decoration:none; }</style>



3 .   dashboard--> layout- ->Page Elements செல்லுங்கள்

        'Add a Gadget'. --> 'HTML/Javascript'

       கீழே கொடுக்கப்படுகின்ற HTML ஜ உள்ளிட்டு Save பண்ணுங்கள்



<div id="hsection"><div id="sectionmy"><div class="sectionmy2"><h2 class="subscription rss"><a href="YOUR-RSS-FEED-URL">SUBSCRIBE VIA RSS</a></h2><h2 class="subscription email"><a href="YOUR-FEEDBURNER-EMAIL-SUBSCRIPTION-URL">SUBSCRIBE VIA EMAIL</a></h2><h2 class="subscription twitter"><a href="YOUR-TWITTER-URL">FOLLOW ON TWITTER</a></h2></div></div></div>



நீங்கள் மாற்றம் செய்யவேண்டியவைகள்.

YOUR-RSS-FEED-URL ,

YOUR-FEEDBURNER-EMAIL-SUBSCRIPTION-URL ,

YOUR-TWITTER-URL (உங்களுடையதைக் கொடுங்கள்.)
 

கீழே பாருங்கள் எப்படி மாற்றப் பட்டிருக்கிறது என்று.

<div id="hsection"><div id="sectionmy"><div class="sectionmy2"><h2 class="subscription rss"><a href=http://feeds2.feedburner.com/blogspot/RaVc>SUBSCRIBE VIA RSS</a></h2><h2 class="subscription email"><a href="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/SyNg&loc=en_SL">SUBSCRIBE VIA EMAIL</a></h2><h2 class="subscription twitter"><a href="http://www.twitter.com/myshanthru>FOLLOW ON TWITTER</a></h2></div></div></div>