tag:blogger.com,1999:blog-89892136031666198432024-02-21T04:43:34.843+03:00T MobiBlogger Webmaster Blogs; Ajax-Javascript-Jqery applications and integration process, Blogger Templates Design, Blogger Tips and Tools and PluginsTeknoMobihttp://www.blogger.com/profile/14235745920959050183noreply@blogger.comBlogger7125tag:blogger.com,1999:blog-8989213603166619843.post-83208054781333851672009-10-03T00:09:00.001+03:002009-10-03T00:26:24.298+03:00FancyBox Blogger – jQuery Image Zomming Script Tutorial<div style="text-align: justify;">Earlier <a alt="colorbox blogger, colorbox jquery" class="vtip" href="http://tmobi.blogspot.com/search/label/colorbox?max-results=4" target="_blank" title="Colorbox Jquery Blogger Uygulaması" tooltip="linkalert-tip">Colorbox</a>, <a alt="multibox, multibox mootools, multibox blogger" class="vtip" href="http://www.teknomobi.net/search/label/multibox?max-results=4" target="_blank" title="Multibox Mootools Blogger Uygulaması" tooltip="linkalert-tip">Multibox</a> , <a alt="lightbox, lightbox blogger" class="vtip" href="http://www.teknomobi.net/search/label/lightbox?max-results=4" target="_blank" title="Lightbox Prototype Blogger Uygulaması">Lightbox</a> and I was doing <a alt="lightbox, lightbox blogger" class="vtip" href="http://www.teknomobi.net/2009/09/fullsize-ile-resimlerinize-farkli-bir.html" target="_blank" title="Fullsize Jquery Ligthbox Altertive Blogger Uygulaması">Fullsize</a> expression extensions. Now, how to use blogs <i><b>Blogger Fancybox</b></i> plugin and optimize the files I needed.<br />
</div><br />
<div style="text-align: justify;">Lightbox is an alternative application Fancybox application. Unlike application works with j<b>Query lightbox.</b> This application, according to <b>Lightbox Fancybox</b> application performance one step ahead is making.<br />
</div><br />
<div style="text-align: justify;">Application is the most beautiful side Fancybox picture on the blog, we've added an extra regulation is not needed. So that after you add pictures blog edit <b>html section</b> of the <b>rel</b> or <b>class type</b> class should not let us enter. Of course, if you want to add a title that you add the picture again in edit html section must include <b>class title</b><br />
</div><br />
<a name='more'></a><br />
<br />
<i>Stages of implementation to integrate Blogger Fancybox in turn tell.</i><br />
<br />
<b>1.</b> First, take a <b style="color: #660000;">backup</b> of our blog template code.<br />
<br />
<b>2.</b> The following code between the template code we are looking for.<br />
<br />
<code></head></code><br />
<br />
This code would add the following code immediately above.<br />
<br />
<code><link href='http://dl.getdropbox.com/u/1704149/js-depo/jquery.fancybox-1.2.1/js/jquery.fancybox.css' media='screen' rel='stylesheet' type='text/css'/><br />
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><br />
<script src='http://dl.getdropbox.com/u/1704149/js-depo/jquery.fancybox-1.2.1/js/jquery.easing.1.3.js' type='text/javascript'/><br />
<script src='http://dl.getdropbox.com/u/1704149/js-depo/jquery.fancybox-1.2.1/js/jquery.fancybox-1.2.1.pack.js' type='text/javascript'/><br />
<script type='text/javascript'><br />
$(document).ready(function() {<br />
$(&quot;a&quot;).fancybox();<br />
});<br />
</script></code><br />
<br />
<b>3.</b> We save our template.<br />
<br />
<b>4.</b> Now, the images you add blogs with <i><b>fancybox application</b></i> will open. The following extra editing codes.<br />
<br />
<div style="text-align: justify;">To show pictures in groups in order to show that after adding the pictures from the summer section of the edit html files class codes must assign the following rel.<br />
</div><br />
<code>rel="group" title="image title"</code><br />
<br />
<div style="text-align: justify;">Add your blog to link you want to display the page without leaving the <b>class label</b> must include the following link.<br />
</div><br />
<code>class="iframe"</code><br />
<br />
<i><b>Before</b></i><br />
<br />
<code><a href="http://www.bloggergallery.com/" title="Blogger Templates Gallery">This goes to iframe link preview</a> </code><br />
<br />
<i><b>After</b></i><br />
<br />
<code><a class="iframe" href="http://www.bloggergallery.com/" title="Blogger Templates Gallery">This goes to iframe link preview</a></code><br />
<br />
<div style="text-align: justify;">Application to see how it works <b>Fancybox blogger</b> blogs have been created for the <a class="vtip" href="http://fancybox-blogger.blogspot.com/" target="_blank" title="Fancybox Jquery Lİghtbox Alternative">Fancybox Demo</a> page you can browse Fancybox.<br />
</div><br />
<div style="text-align: justify;"><i>Js files are hosted on my my private space. To avoid future problems in your own area here to download and install the file in the theme links to the js file, please replace the link! ..</i><br />
</div>TeknoMobihttp://www.blogger.com/profile/14235745920959050183noreply@blogger.com0tag:blogger.com,1999:blog-8989213603166619843.post-74082633769182405922009-09-04T02:24:00.002+03:002009-10-03T00:24:39.841+03:00Solution to Blogger bX Errors Code (General Solution of the Errors Received Blogger)<div style="text-align: justify;">Blogger infrastructure with which broadcasts most of friends to worry about where they are installing new template Blogger <b style="color: #660000;">bx-start errors</b> that he is. <br />
</div><br />
<div style="text-align: justify;">This error might be taken against the first measure to take a backup of your template, not to forget. In case of any error arising from the problem at hand in order to find the template that contains a backup of your job easier. <br />
</div><br />
<div style="text-align: justify;">First, the reasons why Blogger template error when editing one template code to make the slightest mistake or lack of is to delete. To avoid this issue, edit your template after you preview them before saving the template of the error arising from just above the window will print in red. The cause of the error and save them from view so that the intervention was due will have the opportunity. <br />
</div><br />
<a name='more'></a><br />
<br />
<div style="text-align: justify;">I really want to talk about the errors arising from users to <i>install new template</i> without <i><b>removing </b></i>the previous theme widgets for the solution of those mistakes are made. <br />
</div><br />
<div style="text-align: justify;">Recommend using Firefox to install Blogger <a class="vtip" href="http://www.bloggergallery.com/" target="_blank" title="Blogger Templates Gallery Showcase" tooltip="linkalert-tip">My new theme</a>. Firefox webmaster functions are very good. Before uploading your new theme, Blogger has widgets on your old theme back to remove. Then clear your browser's cookies. If you do not get cookies <i>Blogger error </i>is inevitable. Restart your browser after clearing cookies. Theme any of <b><i>Blogger's default templates</i></b> to make them. After saving the template repeat the process a little earlier. So you used to clear the browser's cookies. After you restart your browser, you can install your new theme. <br />
</div><br />
<div style="text-align: justify;">If you are installing warning Shortlist themes described above <a class="vtip" href="http://www.teknomobi.net/" target="_blank" title="TeknoMobi Blogger Templates Creator" tooltip="linkalert-tip">Blogger template</a> error is reduced and take your chances you will be more clean and smooth. In addition to cookies, such as <i style="color: #660000;"><b>CCleaner</b></i> can use external apps!.<br />
</div>TeknoMobihttp://www.blogger.com/profile/14235745920959050183noreply@blogger.com0tag:blogger.com,1999:blog-8989213603166619843.post-15337997811597033752009-09-02T02:14:00.002+03:002009-10-03T00:26:06.463+03:00ColorBox Blogger integration Section 4<div style="text-align: justify;"><b>Blogger</b> general application integration to tell <b>jQuery lightbox Colorbox</b> after the order to the use of this plugin<br />
</div><br />
<div style="text-align: justify;"><i>one of the first examples on these pages integrate blog</i><br />
</div><br />
<div style="text-align: justify;">A little code to add pictures to your article class will assign. These codes are the problem, manually enter the class each image. <br />
</div><br />
<i><b>İmage Content Types</b></i><br />
<br />
<div style="text-align: justify;">When you add a code like the <b>following image</b> with your blog is. We will assign this code class rel ...<br />
</div><br />
<a name='more'></a><br />
<br />
<code><a href="http://i27.tinypic.com/23vjpeq.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="159" src="http://i27.tinypic.com/23vjpeq.jpg" width="400" /></code><br />
<br />
<b>elastic transition for :</b> rel="example1" , <b>fade transition for</b> : rel="example2" , <b>no transition + fixed width and height (75% of screen size) for :</b> rel="example3" , <b>slideshow for :</b> rel="example4" <i>add one of the class. </i><br />
<br />
<i>Our code will be as follows after Add.</i><br />
<br />
<code><a href="http://i27.tinypic.com/23vjpeq.jpg" imageanchor="1" rel="example1" title='Test title' style="margin-left: 1em; margin-right: 1em;"><img border="0" height="159" src="http://i27.tinypic.com/23vjpeq.jpg" alt='test' width="400" /></code><br />
<br />
<div style="color: #660000; text-align: center;"><b>Other Content Types</b><br />
</div><br />
<code><a class='iframe' href="http://www.google.com">Outside webpage (IFrame)</a></code><br />
<br />
<code><a class='youtube' href="http://www.youtube.com/v/617ANIA5Rqs" title="The Knife: We Share Our Mother's Health">Flash / Video (Direct Link To YouTube)</a></code><br />
<br />
<b>Youtube video</b> link to open the link in the window below <b>colorbox</b> something like this should make arrangements.<br />
<br />
<div style="color: #660000;"><b>Before </b><br />
</div><code>http://www.youtube.com/watch?v=bqeuSWTgtQo</code><br />
<br />
watch? would delete section = replace / put <br />
<br />
<div style="color: #660000;"><b>After</b><br />
</div><code>http://www.youtube.com/v/bqeuSWTgtQo</code><br />
<br />
<b>Visit to :</b> <a class="vtip" href="http://tmobi.blogspot.com/2009/04/colorbox-blogger-integration-section-1.html" title="Colorbox js v1.2.9 in Blogger Section One" tooltip="linkalert-tip">Colorbox js v1.2.9 in Blogger Section One</a> , <a class="vtip" href="http://tmobi.blogspot.com/2009/09/colorbox-blogger-integration-section-2.html" title="Colorbox js v1.2.9 in Blogger Section Two">Colorbox js v1.2.9 in Blogger Section Two</a> , <a class="vtip" href="http://tmobi.blogspot.com/2009/09/colorbox-blogger-integration-section-3.html" title="Colorbox js v1.2.9 in Blogger Section Three">Colorbox js v1.2.9 in Blogger Section Three</a>TeknoMobihttp://www.blogger.com/profile/14235745920959050183noreply@blogger.com0tag:blogger.com,1999:blog-8989213603166619843.post-67519908933917375502009-09-02T02:11:00.001+03:002009-09-02T02:26:30.765+03:00ColorBox Blogger integration Section 3<i>Application to both the third part Colorbox jQuery Lihgtbox start.</i><br />
<br />
<div style="color: #660000; text-align: center;"><b>Colorbox Example4</b></div><br />
<a class="vtip" href="http://colorpowered.com/colorbox/core/example4/index.html" target="_blank" title="Visit to Colorbox Example4 Demo">Visit to Colorbox Example4 Demo</a><br />
<br />
</head> Add the following code immediately above the code<br />
<br />
<br />
<br />
<br />
<br />
<code> <link type="text/css" media="screen" rel="stylesheet" href="http://dl.getdropbox.com/u/1704149/Colorbox1.2.9/example4/colorbox.css" /><br />
<!--[if IE]><br />
<link type="text/css" media="screen" rel="stylesheet" href="http://dl.getdropbox.com/u/1704149/Colorbox1.2.9/example4/colorbox-ie.css" title="example" /><br />
<![endif]--><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><br />
<script type="text/javascript" src="http://dl.getdropbox.com/u/1704149/Colorbox1.2.9/js/jquery.colorbox-min.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
//Examples of how to assign the ColorBox event to elements<br />
$("a[rel='example1']").colorbox();<br />
$("a[rel='example2']").colorbox({transition:"fade"});<br />
$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});<br />
$("a[rel='example4']").colorbox({slideshow:true});<br />
$(".single").colorbox({}, function(){<br />
alert('Howdy, this is an example callback.');<br />
});<br />
$(".colorbox").colorbox();<br />
$(".youtube").colorbox({iframe:true, width:650, height:550});<br />
$(".iframe").colorbox({width:"80%", height:"80%", iframe:true});<br />
$(".inline").colorbox({width:"50%", inline:true, href:"#inline_example1"});<br />
<br />
//Example of preserving a JavaScript event for inline calls.<br />
$("#click").click(function(){ <br />
$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");<br />
return false;<br />
});<br />
});<br />
</script></code><br />
<br />
<div style="text-align: justify;">If you are using a lightbox at the top to your blog within the code rel = 'example1' instead rel = "lightbox" is simply put. In this way, in your old article without having to make changes in the lightbox code compatible with the application colorbox have become</div><br />
<div style="color: #660000; text-align: center;"><b>Colorbox Example5</b></div><br />
<a class="vtip" href="http://colorpowered.com/colorbox/core/example5/index.html" target="_blank" title="Visit to Colorbox Example5 Demo" tooltip="linkalert-tip">Visit to Colorbox Example5 Demo</a><br />
<br />
</head> Add the following code immediately above the code<br />
<br />
<code> <link type="text/css" media="screen" rel="stylesheet" href="http://dl.getdropbox.com/u/1704149/Colorbox1.2.9/example5/colorbox.css" /><br />
<!--<br />
This example has no IE-Only Stylesheet because the theme uses no transparent png files.<br />
--><br />
<br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><br />
<script type="text/javascript" src="http://dl.getdropbox.com/u/1704149/Colorbox1.2.9/js/jquery.colorbox-min.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
//Examples of how to assign the ColorBox event to elements<br />
$("a[rel='example1']").colorbox();<br />
$("a[rel='example2']").colorbox({transition:"fade"});<br />
$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});<br />
$("a[rel='example4']").colorbox({slideshow:true});<br />
$(".single").colorbox({}, function(){<br />
alert('Howdy, this is an example callback.');<br />
});<br />
$(".colorbox").colorbox();<br />
$(".youtube").colorbox({iframe:true, width:650, height:550});<br />
$(".iframe").colorbox({width:"80%", height:"80%", iframe:true});<br />
$(".inline").colorbox({width:"50%", inline:true, href:"#inline_example1"});<br />
<br />
//Example of preserving a JavaScript event for inline calls.<br />
$("#click").click(function(){ <br />
$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");<br />
return false;<br />
});<br />
});<br />
</script></code><br />
<br />
<div style="text-align: justify;">If you are using a lightbox at the top to your blog within the code rel = 'example1' instead rel = "lightbox" is simply put. In this way, in your old article without having to make changes in the lightbox code compatible with the application colorbox have become</div><br />
<b>Visit to :</b> <a href="http://tmobi.blogspot.com/2009/04/colorbox-blogger-integration-section-1.html" class="vtip" title='Colorbox js v1.2.9 in Blogger Section One'>Colorbox js v1.2.9 in Blogger Section One</a> , <a href="http://tmobi.blogspot.com/2009/09/colorbox-blogger-integration-section-2.html" class="vtip" title='Colorbox js v1.2.9 in Blogger Section Two'>Colorbox js v1.2.9 in Blogger Section Two</a> , <a href="http://tmobi.blogspot.com/2009/09/colorbox-blogger-integration-section-4.html" class="vtip" title='Colorbox js v1.2.9 in Blogger Section Four'>Colorbox js v1.2.9 in Blogger Section Four</a>TeknoMobihttp://www.blogger.com/profile/14235745920959050183noreply@blogger.com0tag:blogger.com,1999:blog-8989213603166619843.post-70721379463401077972009-09-02T02:09:00.001+03:002009-09-02T02:28:14.698+03:00ColorBox Blogger integration Section 2<i>Application to both the second part Colorbox jQuery Lihgtbox start.</i><br />
<br />
<div style="color: #660000; text-align: center;"><b>Colorbox Example2</b></div><br />
<a class="vtip" href="http://colorpowered.com/colorbox/core/example2/index.html" target="_blank" title="Visit to Colorbox Example2 Demo">Visit to Colorbox Example2 Demo</a><br />
<br />
</head> Add the following code immediately above the code <br />
<br />
<br />
<br />
<br />
<br />
<code> <link type="text/css" media="screen" rel="stylesheet" href="http://dl.getdropbox.com/u/1704149/Colorbox1.2.9/example2/colorbox.css" /><br />
<!--<br />
This example has no IE-Only Stylesheet because the theme uses no transparent png files.<br />
--><br />
<br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><br />
<script type="text/javascript" src="http://dl.getdropbox.com/u/1704149/Colorbox1.2.9/js/jquery.colorbox-min.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
//Examples of how to assign the ColorBox event to elements<br />
$("a[rel='example1']").colorbox();<br />
$("a[rel='example2']").colorbox({transition:"fade"});<br />
$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});<br />
$("a[rel='example4']").colorbox({slideshow:true});<br />
$(".single").colorbox({}, function(){<br />
alert('Howdy, this is an example callback.');<br />
});<br />
$(".colorbox").colorbox();<br />
$(".youtube").colorbox({iframe:true, width:650, height:550});<br />
$(".iframe").colorbox({width:"80%", height:"80%", iframe:true});<br />
$(".inline").colorbox({width:"50%", inline:true, href:"#inline_example1"});<br />
<br />
//Example of preserving a JavaScript event for inline calls.<br />
$("#click").click(function(){ <br />
$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");<br />
return false;<br />
});<br />
});<br />
</script></code><br />
<br />
<div style="text-align: justify;">If you are using a lightbox at the top to your blog within the code rel = 'example1' instead rel = "lightbox" is simply put. In this way, in your old article without having to make changes in the lightbox code compatible with the application colorbox have become</div><br />
<br />
<div style="color: #660000; text-align: center;"><b>Colorbox Example3</b></div><br />
<a class="vtip" href="http://colorpowered.com/colorbox/core/example3/index.html" target="_blank" title="Visit to Colorbox Example3 Demo">Visit to Colorbox Example3 Demo</a><br />
<br />
</head> Add the following code immediately above the code <br />
<br />
<code> <link type="text/css" media="screen" rel="stylesheet" href="http://dl.getdropbox.com/u/1704149/Colorbox1.2.9/example3/colorbox.css" /><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><br />
<script type="text/javascript" src="http://dl.getdropbox.com/u/1704149/Colorbox1.2.9/js/jquery.colorbox-min.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
//Examples of how to assign the ColorBox event to elements<br />
$("a[rel='example1']").colorbox();<br />
$("a[rel='example2']").colorbox({transition:"fade"});<br />
$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});<br />
$("a[rel='example4']").colorbox({slideshow:true});<br />
$(".single").colorbox({}, function(){<br />
alert('Howdy, this is an example callback.');<br />
});<br />
$(".colorbox").colorbox();<br />
$(".youtube").colorbox({iframe:true, width:650, height:550});<br />
$(".iframe").colorbox({width:"80%", height:"80%", iframe:true});<br />
$(".inline").colorbox({width:"50%", inline:true, href:"#inline_example1"});<br />
<br />
//Example of preserving a JavaScript event for inline calls.<br />
$("#click").click(function(){ <br />
$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");<br />
return false;<br />
});<br />
});<br />
</script></code><br />
<br />
<div style="text-align: justify;">If you are using a lightbox at the top to your blog within the code rel = 'example1' instead rel = "lightbox" is simply put. In this way, in your old article without having to make changes in the lightbox code compatible with the application colorbox have become</div><br />
<br />
<b>Visit to :</b> <a href="http://tmobi.blogspot.com/2009/04/colorbox-blogger-integration-section-1.html" class="vtip" title='Colorbox js v1.2.9 in Blogger Section One'>Colorbox js v1.2.9 in Blogger Section One</a> , <a href="http://tmobi.blogspot.com/2009/09/colorbox-blogger-integration-section-3.html" class="vtip" title='Colorbox js v1.2.9 in Blogger Section Three'>Colorbox js v1.2.9 in Blogger Section Three</a> , <a href="http://tmobi.blogspot.com/2009/09/colorbox-blogger-integration-section-4.html" class="vtip" title='Colorbox js v1.2.9 in Blogger Section Four'>Colorbox js v1.2.9 in Blogger Section Four</a>TeknoMobihttp://www.blogger.com/profile/14235745920959050183noreply@blogger.com0tag:blogger.com,1999:blog-8989213603166619843.post-46868498145180452322009-04-09T00:47:00.003+03:002009-09-02T02:28:20.664+03:00ColorBox Blogger integration Section 1<div style="text-align: justify;">Learn how to use the platform before colorbox told blogger application. Application of the most familiar application of <b>Colorbox lightbox is a clone</b>. Colorbox application and <b><i>speed,</i></b> and <b>usability</b>, but also work seamlessly in <b>all browsers</b> because of my profile, my priority.</div><br />
<div style="text-align: justify;">One of the most advanced derivative lightbox <a class="vtip" href="http://www.teknomobi.net/search/label/multibox" target="_blank" title="multibox-integration-in-blogger" tooltip="linkalert-tip">Multibox application</a> that has integrated one of the blogger platform <b>100% </b>I decided to use the application colorbox.</div><br />
<div style="text-align: justify;"><b>Multibox application</b> of the integration of Turkish blogger can <a class="vtip" href="http://www.teknomobi.net/2008/11/multibox-integration-in-blogger.html" target="_blank" title="Multibox application of the integration Blogger" tooltip="linkalert-tip">visit here</a> for installation guide ...</div><br />
<div style="text-align: justify;"><b><i>Wordy blogger platform integrated into the application and use colorbox tell methods.</i></b></div><br />
<div style="text-align: justify;">Describes five different types of application separately Colorbox will. First, I will at the beginning of explanation: I recommend you take a look at the demo. So you may decide to use which kind of colorbox.</div><br />
<div style="text-align: justify;">After the application code Colorbox types of images, video, or you can use links within the page also will describe the code. Please give example from 1 until 5 of the example of my code wait. The last course I will tell them ...</div><br />
<div style="color: #660000; text-align: center;"><b>Colorbox Example1</b></div><br />
<a class="vtip" href="http://colorpowered.com/colorbox/core/example1/index.html" target="_blank" title="Visit to Colorbox Example1 Demo">Visit to Colorbox Example1 Demo</a><br />
<br />
</head> Add the following code immediately above the code <br />
<br />
<code> <link type="text/css" media="screen" rel="stylesheet" href="http://dl.getdropbox.com/u/1704149/Colorbox1.2.9/example1/colorbox.css" /><br />
<!--[if IE]><br />
<link type="text/css" media="screen" rel="stylesheet" href="http://dl.getdropbox.com/u/1704149/Colorbox1.2.9/example1/colorbox-ie.css" title="example" /><br />
<![endif]--><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><br />
<script type="text/javascript" src="http://dl.getdropbox.com/u/1704149/Colorbox1.2.9/js/jquery.colorbox-min.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
//Examples of how to assign the ColorBox event to elements<br />
$("a[rel='example1']").colorbox();<br />
$("a[rel='example2']").colorbox({transition:"fade"});<br />
$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});<br />
$("a[rel='example4']").colorbox({slideshow:true});<br />
$(".single").colorbox({}, function(){<br />
alert('Howdy, this is an example callback.');<br />
});<br />
$(".colorbox").colorbox();<br />
$(".youtube").colorbox({iframe:true, width:650, height:550});<br />
$(".iframe").colorbox({width:"80%", height:"80%", iframe:true});<br />
$(".inline").colorbox({width:"50%", inline:true, href:"#inline_example1"});<br />
<br />
//Example of preserving a JavaScript event for inline calls.<br />
$("#click").click(function(){ <br />
$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");<br />
return false;<br />
});<br />
});<br />
</script></code><br />
<br />
<div style="text-align: justify;">If you are using a lightbox at the top to your blog within the code rel = 'example1' instead rel = "lightbox" is simply put. In this way, in your old article without having to make changes in the lightbox code compatible with the application colorbox have become</div><br />
<b>Visit to :</b> <a href="http://tmobi.blogspot.com/2009/09/colorbox-blogger-integration-section-2.html" class="vtip" title='Colorbox js v1.2.9 in Blogger Section Two'>Colorbox js v1.2.9 in Blogger Section Two</a> , <a href="http://tmobi.blogspot.com/2009/09/colorbox-blogger-integration-section-3.html" class="vtip" title='Colorbox js v1.2.9 in Blogger Section Three'>Colorbox js v1.2.9 in Blogger Section Three</a> , <a href="http://tmobi.blogspot.com/2009/09/colorbox-blogger-integration-section-4.html" class="vtip" title='Colorbox js v1.2.9 in Blogger Section Four'>Colorbox js v1.2.9 in Blogger Section Four</a>TeknoMobihttp://www.blogger.com/profile/14235745920959050183noreply@blogger.com0tag:blogger.com,1999:blog-8989213603166619843.post-42086772464790352422009-04-09T00:30:00.000+03:002009-09-29T02:44:57.374+03:00Sitemap - Blogmap - Full Blog Posts<script style="text/javascript" src="http://dl.getdropbox.com/u/1704149/js-depo/blogger_site_map.js"></script><br />
<script src="http://tmobi.blogspot.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"></script>TeknoMobihttp://www.blogger.com/profile/14235745920959050183noreply@blogger.com0