tag:blogger.com,1999:blog-73432106224532772322024-03-14T00:40:55.022+05:30Saaga TemplateA highly CSS enabled TemplateKesava Krishnanhttp://www.blogger.com/profile/00126583766311829107noreply@blogger.comBlogger6125tag:blogger.com,1999:blog-7343210622453277232.post-89102430008938890782012-07-29T09:26:00.004+05:302016-08-04T23:05:45.799+05:30Saaga Template Download and Instructions<div dir="ltr" style="text-align: left;" trbidi="on">
After many thoughts, releasing our first template.
<span style="font-size: x-large;"><b style="color: black;"> </b></span><br />
<span style="font-size: x-large;"><b style="color: black;">Saaga Template</b></span><span style="color: black; font-size: x-large;">.</span>
<span style="color: black;"> </span><br />
<span style="color: black;">This template is dedicated to my learning process of CSS.</span>
<span style="color: black;"></span>
<br />
<a name='more'></a><span style="color: black;">Specialty and Instructions:-</span>
<br />
<ul style="text-align: left;">
<li><span style="font-size: small;"><a href="http://saagatemplate.blogspot.in/2012/07/open-link-in-new-tab.html" style="font-weight: normal;">Open Link in New tab.</a> </span>
</li>
<li><span style="font-size: small;"><a href="http://saagatemplate.blogspot.in/2012/07/syntax-highlighter.html">Syntax Highlighter</a></span> </li>
<li> <span style="font-size: small;"><a href="http://saagatemplate.blogspot.in/2012/07/adding-gadget-to-left-side-bar.html">Stylish Left side sliding panel</a></span></li>
<li><span style="font-size: small;"><span style="font-size: small;"><a href="http://saagatemplate.blogspot.in/2012/07/post-thumbnail.html">Post Thumbnail</a></span></span><span style="font-size: small;"> </span></li>
</ul>
Download Links:-
<br />
<ul style="text-align: left;">
<li><a href="http://www.mediafire.com/view/?6n4b5c6vqivt62o">Mediafire Link</a> </li>
<li><a href="https://docs.google.com/open?id=0B0hd7cdWlFOncUtpWTFKWDBLZkE">Google Drive</a> <a href="https://docs.google.com/open?id=0B0hd7cdWlFOncUtpWTFKWDBLZkE"></a></li>
</ul>
Demo link:- <a href="http://www.saagatemplate.blogspot.com/">http://www.saagatemplate.blogspot.com/</a>
<br />
<ul style="text-align: left;"></ul>
</div>
Kesava Krishnanhttp://www.blogger.com/profile/00126583766311829107noreply@blogger.com4tag:blogger.com,1999:blog-7343210622453277232.post-20443209855334151692012-07-29T08:31:00.004+05:302012-07-29T08:37:20.004+05:30Adding Gadget to left side bar<div dir="ltr" style="text-align: left;" trbidi="on">
Adding gadget to left side bar was a bit tough to explain in words. Hence made a video tutorial.<br />
<a name='more'></a><div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-nGURGVTCv0c/UBSovdeMnUI/AAAAAAAABfA/eKpXdNCwjo0/s1600/Blogger-Add-a-Gadget.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="219" src="http://1.bp.blogspot.com/-nGURGVTCv0c/UBSovdeMnUI/AAAAAAAABfA/eKpXdNCwjo0/s320/Blogger-Add-a-Gadget.jpg" width="320" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://i.ytimg.com/vi/_9U5R6RC6pc/0.jpg" height="266" width="320"><param name="movie" value="http://www.youtube.com/v/_9U5R6RC6pc?version=3&f=user_uploads&c=google-webdrive-0&app=youtube_gdata" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="320" height="266" src="http://www.youtube.com/v/_9U5R6RC6pc?version=3&f=user_uploads&c=google-webdrive-0&app=youtube_gdata" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object></div>
Link to video :- <a href="http://youtube.krishnainfotron.com/saaga-addgadget">http://youtube.krishnainfotron.com/saaga-addgadget</a>
</div>Kesava Krishnanhttp://www.blogger.com/profile/00126583766311829107noreply@blogger.com0tag:blogger.com,1999:blog-7343210622453277232.post-86295772690039980922012-07-29T08:25:00.000+05:302012-07-29T08:25:18.801+05:30Post Thumbnail<div dir="ltr" style="text-align: left;" trbidi="on">
Post Thumbnail is another feature of this template. When you add Image to the post, the image appears as Thumbnail, else "Thumbnail Not available" appears. Moreover, the thumbnail links to the respective post. Make sure you add Images after Jump link and thumbnail doesn't look good without Jump link.</div>Kesava Krishnanhttp://www.blogger.com/profile/00126583766311829107noreply@blogger.com0tag:blogger.com,1999:blog-7343210622453277232.post-72723532947345040342012-07-29T08:07:00.002+05:302012-07-29T08:33:43.225+05:30Syntax Highlighter<div dir="ltr" style="text-align: left;" trbidi="on">
This template includes a simple Syntax Highlighter. When you add a code, enclose it with <div class="syntax"> and </div><br />
(i.e),<br />
<a name='more'></a><div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-wt12abQSKAA/UBSn7zQaiBI/AAAAAAAABe4/vzazf0ybeQg/s1600/images.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-wt12abQSKAA/UBSn7zQaiBI/AAAAAAAABe4/vzazf0ybeQg/s1600/images.jpg" /></a></div>
<br />
<div class="syntax">
<div class="syntax"><br />
---------Code Here---------<br />
</div></div>
</div>Kesava Krishnanhttp://www.blogger.com/profile/00126583766311829107noreply@blogger.com0tag:blogger.com,1999:blog-7343210622453277232.post-30703387384374957332012-07-29T08:02:00.000+05:302012-07-29T08:09:13.232+05:30Open Link in New tab.<div dir="ltr" style="text-align: left;" trbidi="on">
Open link in new tab is one of the most used feature by all. This template makes it still more easier. This template has included a jquerry code. By default the template will open links other than the blog's URL links in new tab even though you did not select "open link in new tab"<br />
You can choose what all URLs' to exclude. It needs template Editing:- <br />
<a name='more'></a>Go to <a href="http://howtoblog.krishnainfotron.com/2012/01/how-to-connect-any-other-profile-in.html#edithtml">HTML Template Editor</a>. <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-ghAqWSnqZkM/UBSXF3IYxoI/AAAAAAAABeo/SUd5l6PYi-g/s1600/open-in-new-window.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-ghAqWSnqZkM/UBSXF3IYxoI/AAAAAAAABeo/SUd5l6PYi-g/s1600/open-in-new-window.png" /></a></div>
<ul style="text-align: left;">
<li>Press Ctrl + F and find </body></li>
<li>Above it, you could see a code like this :-<br /><div class="syntax">
jQuery(function($){<br />
$(&#39;a[href^=&quot;http://&quot;]&#39;)<br />
.not(&#39;[href*=&quot;<data:blog.url/>&quot;]&#39;)<br />
.not(&#39;[href*=&quot;<data:blog.homepageUrl/>&quot;]&#39;)<br />
.attr(&#39;target&#39;,&#39;_blank&#39;);<br />
});</div>
</li>
<li>In the above code, to prevent a URL from opening in new tab, for example, <a href="http://howtoblog.krishnainfotron.com/">howtoblog.krishnainfotron.com</a>, Just add, <br /><div class="syntax">
.not(&#39;[href*=&quot;<span style="color: orange;">howtoblog.krishnainfotron.com</span>&quot;]&#39;)</div>
to the next line of <br /> <div class="syntax">
.not(&#39;[href*=&quot;<data:blog.homepageUrl/>&quot;]&#39;)</div>
<br />
</li>
<li>Save Template. </li>
</ul>
<b>Note:- </b>When you add links, make sure that "Open Link in new tab" is un checked always.</div>Kesava Krishnanhttp://www.blogger.com/profile/00126583766311829107noreply@blogger.com0tag:blogger.com,1999:blog-7343210622453277232.post-46640852953052779152012-04-28T17:48:00.010+05:302012-07-29T08:38:57.642+05:30Comment Test Post<div dir="ltr" style="text-align: left;" trbidi="on">
This post is for testing threaded comments.</div>Kesava Krishnanhttp://www.blogger.com/profile/00126583766311829107noreply@blogger.com5