All in One pk: blog

HOW TO CREATE AND SUBMIT A SITEMAP ON BLOGGER

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><header class="entry-header" style="box-sizing: border-box; font-family: Lato, 'open sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 26px; text-align: justify;"><div class="separator" style="clear: both; color: #666666; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg36d4tlc_7KpB5qcC-21SyVUCiyH3X5sVmd2C39M8xn36cvqp_8Z8dEWUNP4qYOW00wS-mAsi0SiGpo0LSctkxuNcd4_ZXCPI6icJbSAJ0NvlPLR-8vei-vW0IMpAmBhQ52MTbMIkTzQ0W/s1600/create-and-submit-a-sitemap-on-blogger.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="368" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg36d4tlc_7KpB5qcC-21SyVUCiyH3X5sVmd2C39M8xn36cvqp_8Z8dEWUNP4qYOW00wS-mAsi0SiGpo0LSctkxuNcd4_ZXCPI6icJbSAJ0NvlPLR-8vei-vW0IMpAmBhQ52MTbMIkTzQ0W/s1600/create-and-submit-a-sitemap-on-blogger.png" width="640" /></a></div><h1 class="entry-title" itemprop="headline" style="border-bottom-color: rgb(245, 245, 245); border-bottom-style: solid; border-bottom-width: 2px; box-sizing: border-box; color: #333333; font-family: Lato, 'open sans', sans-serif; font-size: 1.6rem; font-weight: 300; letter-spacing: 2px; line-height: 1; margin: 0.5em 0px 1.4rem; padding: 0px 0px 10px; text-align: left; text-transform: uppercase;"><span style="font-size: 2rem; line-height: 1.2; text-align: justify;"><br /></span></h1><h1 class="entry-title" itemprop="headline" style="border-bottom-color: rgb(245, 245, 245); border-bottom-style: solid; border-bottom-width: 2px; box-sizing: border-box; font-family: Lato, 'open sans', sans-serif; font-size: 1.6rem; font-weight: 300; letter-spacing: 2px; line-height: 1; margin: 0.5em 0px 1.4rem; padding: 0px 0px 10px; text-align: left; text-transform: uppercase;"><span style="font-size: 2rem; line-height: 1.2; text-align: justify;"><span style="color: #3d85c6;">WHAT IS A SITEMAP</span></span></h1></header><br /><div class="entry-content" itemprop="text" style="box-sizing: border-box; font-family: Lato, 'open sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 26px; text-align: justify;"><div style="box-sizing: border-box; color: #666666; margin-bottom: 2.6rem; padding: 0px;">A sitemap is simply a directory of all the pages existing on your site, like a table of contents showing the structure of your blog. Sitemaps help search engines crawl your site and index it properly. Search engines will crawl your site if you have a sitemap or not, but this makes the process easier and quicker for them.</div><div style="box-sizing: border-box; color: #666666; margin-bottom: 2.6rem; padding: 0px;">Bloggers default XML sitemap only shows recent blog posts – which is about 26 posts. We want search engine spiders to know your blogs structure so that they can easily understand and index it.</div><h2 style="box-sizing: border-box; font-family: Lato, 'open sans', sans-serif; font-size: 2rem; font-weight: 300; line-height: 1.2; margin: 0px 0px 1.4rem; text-transform: uppercase;"><span style="color: #3d85c6;">HOW TO CREATE A SITEMAP FOR BLOGGER</span></h2><div style="box-sizing: border-box; color: #666666; margin-bottom: 2.6rem; padding: 0px;">Creating a site map on Blogger is easy, simply add your blog name to the link below.</div><div style="box-sizing: border-box; color: #666666; margin-bottom: 2.6rem; padding: 0px;">Blogger – Default URL<br /><code style="background-color: #eeeeee; box-sizing: border-box; font-family: Consolas, Monaco, 'Lucida Console', monospace; font-size: 12px; line-height: normal;">http://blogname.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500</code></div><div style="box-sizing: border-box; color: #666666; margin-bottom: 2.6rem; padding: 0px;">Blogger – Custom URL<br /><code style="background-color: #eeeeee; box-sizing: border-box; font-family: Consolas, Monaco, 'Lucida Console', monospace; font-size: 12px; line-height: normal;">http://blogname.com/atom.xml?redirect=false&start-index=1&max-results=500</code></div><div style="box-sizing: border-box; color: #666666; margin-bottom: 2.6rem; padding: 0px;">A single sitemap file should not be exceed 50MB which is why we limit it to max results 500. You may need to edit this depending on how big your feed is. Now we’ve to tell search engines that this is your site map. To do this, we add it to your <span class="skimlinks-unlinked" style="box-sizing: border-box;">robots.txt</span> file and submit it to Google Webmaster Tools.</div><h3 style="box-sizing: border-box; color: #ee6492; font-family: Lato, 'open sans', sans-serif; font-size: 1.8rem; font-weight: 300; line-height: 1.2; margin: 0px 0px 1.4rem; text-transform: uppercase;">ADD BLOGGER SITEMAP TO ROBOTS.TXT FILE</h3><div style="box-sizing: border-box; color: #666666; margin-bottom: 2.6rem; padding: 0px;">Go to Blogger > Dashboard > Settings > Search Preferences and click edit the custom <span class="skimlinks-unlinked" style="box-sizing: border-box;">robots.txt</span> file. Click enable and paste the following adding your blogname.</div><pre style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #666666; font-family: Consolas, Monaco, 'Lucida Console', monospace; font-size: 1.2rem; line-height: 1.714285714; margin-bottom: 1.714285714rem; margin-top: 1.714285714rem; padding: 1.714285714rem; white-space: pre-wrap; word-wrap: break-word;"><code style="box-sizing: border-box; font-family: Consolas, Monaco, 'Lucida Console', monospace; font-size: 12px; line-height: normal;">User-agent: *<br />Disallow: /search<br />Allow: /<br /> <br />Sitemap: http://blogname.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500 </code></pre><div style="box-sizing: border-box; color: #666666; margin-bottom: 2.6rem; padding: 0px;">The above section means that search engines can index your entire site (<code style="background-color: #eeeeee; box-sizing: border-box; font-family: Consolas, Monaco, 'Lucida Console', monospace; font-size: 12px; line-height: normal;">Allow: /</code>) apart from your blogs search results (<code style="background-color: #eeeeee; box-sizing: border-box; font-family: Consolas, Monaco, 'Lucida Console', monospace; font-size: 12px; line-height: normal;">Disallow: /search</code>) which is good because that would be considered duplicate pages.</div><h3 style="box-sizing: border-box; color: #ee6492; font-family: Lato, 'open sans', sans-serif; font-size: 1.8rem; font-weight: 300; line-height: 1.2; margin: 0px 0px 1.4rem; text-transform: uppercase;">ADDING SITE MAP TO GOOGLE WEBMASTER TOOLS</h3><div style="box-sizing: border-box; color: #666666; margin-bottom: 2.6rem; padding: 0px;">Now login to <a href="http://www.google.com/webmasters/" sl-processed="1" style="-webkit-transition: all 0.1s ease-in-out; border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 0px; box-sizing: border-box; color: #2db6c0; text-decoration: none; transition: all 0.1s ease-in-out;" target="_blank" title="google webmaster tools">Google Webmaster Tools</a> and select your blog. On the left click Crawl > Sitemaps > Add/Test Sitemap. You’ll see your blog name and a text input box, paste <code style="background-color: #eeeeee; box-sizing: border-box; font-family: Consolas, Monaco, 'Lucida Console', monospace; font-size: 12px; line-height: normal;">atom.xml?redirect=false&start-index=1&max-results=500</code>, test for errors and submit.</div><div style="box-sizing: border-box; color: #666666; margin-bottom: 2.6rem; padding: 0px;"><img alt="submit-sitemap-to-google" class="aligncenter size-full wp-image-3253 frizzly-group-3246" height="160" src="http://i1.wp.com/xomisse.com/wp-content/uploads/2013/11/submit-sitemap-to-google.png?resize=394%2C160" style="border: 0px; box-sizing: border-box; display: block; height: auto; margin: 0px auto 2.4rem; max-width: 100%; width: auto;" width="394" /></div><div style="box-sizing: border-box; color: #666666; margin-bottom: 2.6rem; padding: 0px;">Google will now start to crawl and index your site. You can check what pages have been indexed on Googles Webmaster Tools or by going to Google Search and typing “site:<span class="skimlinks-unlinked" style="box-sizing: border-box;">www.BLOG-URL.blogspot.com</span>”, “site:<span class="skimlinks-unlinked" style="box-sizing: border-box;">BLOG-URL.blogspot.com</span>”, “site:<span class="skimlinks-unlinked" style="box-sizing: border-box;">www.BLOG-URL.com</span>” or “site:<span class="skimlinks-unlinked" style="box-sizing: border-box;">BLOG-URL.com</span>”. To submit your sitemap to Bing, login to <a href="http://www.bing.com/toolbox/webmaster/" sl-processed="1" style="-webkit-transition: all 0.1s ease-in-out; border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 0px; box-sizing: border-box; color: #2db6c0; text-decoration: none; transition: all 0.1s ease-in-out;" target="_blank" title="bing webmaster">Bings Webmaster Tools</a>, add your URL, verify ownership and then submit your site map. It may take a few days for your site to be indexed.</div><h2 style="box-sizing: border-box; color: #333333; font-family: Lato, 'open sans', sans-serif; font-size: 2rem; font-weight: 300; line-height: 1.2; margin: 0px 0px 1.4rem; text-transform: uppercase;">HAVE MORE THAN 500 POSTS?</h2><div style="box-sizing: border-box; color: #666666; margin-bottom: 2.6rem; padding: 0px;">If you have more than 500 posts on your blog, you simply submit another sitemap starting at post number 501 for the next 500 posts like so <code style="background-color: #eeeeee; box-sizing: border-box; font-family: Consolas, Monaco, 'Lucida Console', monospace; font-size: 12px; line-height: normal;">/atom.xml?redirect=false&start-index=501&max-results=500</code>and continue this depending on the amount of posts you have. So if I had over 1000 posts, my<span class="skimlinks-unlinked" style="box-sizing: border-box;">robots.text</span> file would look like this and I would submit the three separate sitemaps to Googles Webmaster Tool.</div><pre style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #666666; font-family: Consolas, Monaco, 'Lucida Console', monospace; font-size: 1.2rem; line-height: 1.714285714; margin-bottom: 1.714285714rem; margin-top: 1.714285714rem; padding: 1.714285714rem; white-space: pre-wrap; word-wrap: break-word;"><code style="box-sizing: border-box; font-family: Consolas, Monaco, 'Lucida Console', monospace; font-size: 12px; line-height: normal;">User-agent: *<br />Disallow: /search<br />Allow: /<br /> <br />Sitemap: http://blogname.blogspot.com/atom.xml?redirect=false&start-index=<span class="pink" style="box-sizing: border-box; color: #ee6492;">1</span>&max-results=500<br />Sitemap:http://blogname.blogspot.com/atom.xml?redirect=false&start-index=<span class="pink" style="box-sizing: border-box; color: #ee6492;">501</span>&max-results=500<br />Sitemap:http://blogname.blogspot.com/atom.xml?redirect=false&start-index=<span class="pink" style="box-sizing: border-box; color: #ee6492;">1001</span>&max-results=500</code></pre></div><br /><section style="background: rgb(248, 248, 248); border: 0px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 16.0029983520508px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><div style="background: transparent; border: 0px; font-size: 15px; line-height: 22px; margin-bottom: 15px; margin-top: 15px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline; word-wrap: break-word;"><div class="ijonkztabs"><div data-tab="Custom Roms"><ul style="background-color: #f9f9f9; border: 0px; box-sizing: border-box; color: black; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: medium; line-height: 16px; list-style: none; margin: 0px 0px 0px 30px; padding: 0px; text-align: start; vertical-align: baseline;"></ul></div></div></div></section></div>

HOW TO CREATE AND SUBMIT A SITEMAP ON BLOGGER

WHAT IS A SITEMAP A sitemap is simply a directory of all the pages existing on your site, like a table of contents showing the structure of ...

How to Add CSS3 Content Tabs in Blogger Posts

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" trbidi="on"><div style="color: #34495e; font-size: 14px; line-height: 25px;"><span style="background-color: white;"><img src="file:///E:/website/ijonkzblogger(www.ultimatefree_.com)/ijonkzblogger/ijonkzblogger/Documentations/assets/autotabs.png" /></span><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK4x2xObK9j0uoVqJDMj4rrBJTnjcdiYrXGE4V0HbQITrF5vCtrw6-R-gE08qMJOY2t2ONECbK3iqALPwUHzEpdY8OK75RJ6QUNnrXVoBY_NV57JVZWLA8tW_oFHpIviP9zIkPkOp_zbQ9/s1600/autotabs.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK4x2xObK9j0uoVqJDMj4rrBJTnjcdiYrXGE4V0HbQITrF5vCtrw6-R-gE08qMJOY2t2ONECbK3iqALPwUHzEpdY8OK75RJ6QUNnrXVoBY_NV57JVZWLA8tW_oFHpIviP9zIkPkOp_zbQ9/s1600/autotabs.png" width="640" /></a></div><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;"><br /></span></span><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">It has been always important to use pretty theme for our blog because it affects on readers. Just an example, if you've professional design some readers can love it and will visit your blog again and again or they will easily become your big fan as it shows professionalism. Well, design is not everything but the most important thing is content that you provide and yes! There should also be great way to produce content to your readers, subscribers and everyone. Hence, There are many tools in the post editor that can help you to prepare content that will be in proper way but ever thought about implementing content tabs between your posts? This is also useful idea and can do well management in setting up content on your blog. So, Today we've brought a pure CSS3 content tabs for blogger that we're going to share.</span></span></div><h3 style="color: #34495e; font-size: 14px; line-height: 25px; margin: 10px 0px;"><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">Pure CSS3 Content Tabs For Blogger</span></span></h3><div style="color: #34495e; font-size: 14px; line-height: 25px;"><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">Putting content in tabs between posts is very useful as it helps to add different categories content in a single box and it also saves the space. The content tabs widget that we're sharing today looks neat clean and has a bit of Flat UI combination. It contains only sky blue color and have 4 tabs. You can put this widget in your post to serve content of different 4 categories as tabs will help you to differentiate the content. This is made with pure HTML5 and CSS3 that are most latest version of web development languages. This content tabs widget gets fixed in any post and it doesn't how long you put the content in every tabs, It will just grow more and more. It also has an effect while changing the tab that brings more beauty.</span></span></div><h3 style="color: #34495e; font-size: 14px; line-height: 25px; margin: 10px 0px;"><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">How To Add Pure CSS3 Content Tabs in Blogger?</span></span></h3><div><ul style="color: #34495e; font-size: 14px; line-height: 25px;"><li><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">Go To Blogger >> Create New Post >> HTML Tab</span></span></li><li><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">Copy The Following Code </span></span></li><li><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">Paste It in The HTML Tab</span></span></li></ul><div><style type="text/css"></p><p>pre.CICodeFormatter{</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>font-family:arial;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>font-size:12px;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>border:1px dashed #CCCCCC;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>width:99%;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>height:auto;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>overflow:auto;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>background:#f0f0f0;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>line-height:20px;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>padding:0px;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>color:#000000;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>text-align:left;</p><p>}</p><p>pre.CICodeFormatter code{</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>color:#000000;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>word-wrap:normal;</p><p>}</p><p></style><br /><pre class="CICodeFormatter"><code class="CICodeFormatter"> <link href="https://googledrive.com/host/0ByNodV_m9cVLVDV1eEkyNVBITTg/" rel="stylesheet" type="text/css"/>  </code></pre><br /> <div class="tabbed-view"> <br />  <form> <br />   <div class="tab-container orange"> <br />    <label class="tab-label"> <br />     <input checked="checked" class="tab-radio" name="page" type="radio" value="page5" /> <br />    </label> <br />    <br /> <br />    <h2 class="tab"> <br />     Tab 1 Heading <br />    </h2> <br />    <article class="tab-page" id="page5"> <br />     Tab 1 Content Goes Here <br />    </article> <br />    <label class="tab-label"> <br />     <input class="tab-radio" name="page" type="radio" value="page6" /> <br />     <h2 class="tab"> <br />      Tab 2 Heading <br />     </h2> <br />     <article class="tab-page" id="page6"> <br />      Tab 2 Content Goes Here <br />     </article> <br />    </label> <br />    <label class="tab-label"> <br />     <input class="tab-radio" name="page" type="radio" value="page7" /> <br />     <h2 class="tab"> <br />      Tab 3 Heading <br />     </h2> <br />     <article class="tab-page" id="page7"> <br />      Tab 3 Content Goes Here <br />     </article> <br />    </label> <br />    <label class="tab-label"> <br />     <input class="tab-radio" name="page" type="radio" value="page8" /> <br />     <h2 class="tab"> <br />      Tab 4 Heading <br />     </h2> <br />     <article class="tab-page" id="page8"> <br />      Tab 4 Content Goes Here <br />     </article> <br />    </label> <br />   </div> <br />  </form> <br /> </div> </div></div></div></div></div><span style="color: #34495e; font-family: Verdana, sans-serif;"><span style="font-size: 14px; line-height: 25px;"></span></span><br /><div></div><span style="color: #34495e; font-family: Verdana, sans-serif;"><span style="font-size: 14px; line-height: 25px;"></span></span><ul style="color: #34495e; font-size: 14px; line-height: 25px;"><li><span style="background-color: white; font-family: Verdana, sans-serif;">Find The Highlighted Lines In The Above Code</span></li></ul><ul style="color: #34495e; font-size: 14px; line-height: 25px;"><li><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">Replace Them As Instructed</span></span></li><li><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">You'll Need To Change Tab Heading and Tab Content Of Every Tab</span></span></li><li><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">Prepare The Post</span></span></li><li><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">Publish!</span></span></li></ul>

How to Add CSS3 Content Tabs in Blogger Posts

It has been always important to use pretty theme for our blog because it affects on readers. Just an example, if you've professional des...

How to Add CSS3 Content Tabs in Blogger Posts

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" trbidi="on"><div style="color: #34495e; font-size: 14px; line-height: 25px;"><span style="background-color: white;"><img src="file:///E:/website/ijonkzblogger(www.ultimatefree_.com)/ijonkzblogger/ijonkzblogger/Documentations/assets/autotabs.png" /></span><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK4x2xObK9j0uoVqJDMj4rrBJTnjcdiYrXGE4V0HbQITrF5vCtrw6-R-gE08qMJOY2t2ONECbK3iqALPwUHzEpdY8OK75RJ6QUNnrXVoBY_NV57JVZWLA8tW_oFHpIviP9zIkPkOp_zbQ9/s1600/autotabs.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK4x2xObK9j0uoVqJDMj4rrBJTnjcdiYrXGE4V0HbQITrF5vCtrw6-R-gE08qMJOY2t2ONECbK3iqALPwUHzEpdY8OK75RJ6QUNnrXVoBY_NV57JVZWLA8tW_oFHpIviP9zIkPkOp_zbQ9/s1600/autotabs.png" width="640" /></a></div><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;"><br /></span></span><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">It has been always important to use pretty theme for our blog because it affects on readers. Just an example, if you've professional design some readers can love it and will visit your blog again and again or they will easily become your big fan as it shows professionalism. Well, design is not everything but the most important thing is content that you provide and yes! There should also be great way to produce content to your readers, subscribers and everyone. Hence, There are many tools in the post editor that can help you to prepare content that will be in proper way but ever thought about implementing content tabs between your posts? This is also useful idea and can do well management in setting up content on your blog. So, Today we've brought a pure CSS3 content tabs for blogger that we're going to share.</span></span></div><h3 style="color: #34495e; font-size: 14px; line-height: 25px; margin: 10px 0px;"><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">Pure CSS3 Content Tabs For Blogger</span></span></h3><div style="color: #34495e; font-size: 14px; line-height: 25px;"><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">Putting content in tabs between posts is very useful as it helps to add different categories content in a single box and it also saves the space. The content tabs widget that we're sharing today looks neat clean and has a bit of Flat UI combination. It contains only sky blue color and have 4 tabs. You can put this widget in your post to serve content of different 4 categories as tabs will help you to differentiate the content. This is made with pure HTML5 and CSS3 that are most latest version of web development languages. This content tabs widget gets fixed in any post and it doesn't how long you put the content in every tabs, It will just grow more and more. It also has an effect while changing the tab that brings more beauty.</span></span></div><h3 style="color: #34495e; font-size: 14px; line-height: 25px; margin: 10px 0px;"><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">How To Add Pure CSS3 Content Tabs in Blogger?</span></span></h3><div><ul style="color: #34495e; font-size: 14px; line-height: 25px;"><li><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">Go To Blogger >> Create New Post >> HTML Tab</span></span></li><li><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">Copy The Following Code </span></span></li><li><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">Paste It in The HTML Tab</span></span></li></ul><div><style type="text/css"></p><p>pre.CICodeFormatter{</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>font-family:arial;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>font-size:12px;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>border:1px dashed #CCCCCC;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>width:99%;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>height:auto;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>overflow:auto;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>background:#f0f0f0;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>line-height:20px;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>padding:0px;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>color:#000000;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>text-align:left;</p><p>}</p><p>pre.CICodeFormatter code{</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>color:#000000;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>word-wrap:normal;</p><p>}</p><p></style><br /><pre class="CICodeFormatter"><code class="CICodeFormatter"> <link href="https://googledrive.com/host/0ByNodV_m9cVLVDV1eEkyNVBITTg/" rel="stylesheet" type="text/css"/>  </code></pre><br /> <div class="tabbed-view"> <br />  <form> <br />   <div class="tab-container orange"> <br />    <label class="tab-label"> <br />     <input checked="checked" class="tab-radio" name="page" type="radio" value="page5" /> <br />    </label> <br />    <br /> <br />    <h2 class="tab"> <br />     Tab 1 Heading <br />    </h2> <br />    <article class="tab-page" id="page5"> <br />     Tab 1 Content Goes Here <br />    </article> <br />    <label class="tab-label"> <br />     <input class="tab-radio" name="page" type="radio" value="page6" /> <br />     <h2 class="tab"> <br />      Tab 2 Heading <br />     </h2> <br />     <article class="tab-page" id="page6"> <br />      Tab 2 Content Goes Here <br />     </article> <br />    </label> <br />    <label class="tab-label"> <br />     <input class="tab-radio" name="page" type="radio" value="page7" /> <br />     <h2 class="tab"> <br />      Tab 3 Heading <br />     </h2> <br />     <article class="tab-page" id="page7"> <br />      Tab 3 Content Goes Here <br />     </article> <br />    </label> <br />    <label class="tab-label"> <br />     <input class="tab-radio" name="page" type="radio" value="page8" /> <br />     <h2 class="tab"> <br />      Tab 4 Heading <br />     </h2> <br />     <article class="tab-page" id="page8"> <br />      Tab 4 Content Goes Here <br />     </article> <br />    </label> <br />   </div> <br />  </form> <br /> </div> </div></div></div></div></div><span style="color: #34495e; font-family: Verdana, sans-serif;"><span style="font-size: 14px; line-height: 25px;"></span></span><div></div><span style="color: #34495e; font-family: Verdana, sans-serif;"><span style="font-size: 14px; line-height: 25px;"></span></span><br /><ul style="color: #34495e; font-size: 14px; line-height: 25px;"><li><span style="background-color: white; font-family: Verdana, sans-serif;">Find The Highlighted Lines In The Above Code</span></li></ul><ul style="color: #34495e; font-size: 14px; line-height: 25px;"><li><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">Replace Them As Instructed</span></span></li><li><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">You'll Need To Change Tab Heading and Tab Content Of Every Tab</span></span></li><li><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">Prepare The Post</span></span></li><li><span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">Publish!</span></span></li></ul>

How to Add CSS3 Content Tabs in Blogger Posts

It has been always important to use pretty theme for our blog because it affects on readers. Just an example, if you've professional des...

How to Add Slider/ Picture Slide show to blogger Post Simplified

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="details-info" style="background-color: #e5e5e5; border-bottom-color: rgb(214, 214, 214); border-bottom-style: solid; border-width: 0px 0px 2px; display: inline-block; margin: 0px; padding: 0px; position: relative; width: 649px;">
<div class="tr_bq">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://syedui.com/wp-content/uploads/2012/10/responsive_image_gallery.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://syedui.com/wp-content/uploads/2012/10/responsive_image_gallery.jpg" /></a></div>
<span style="color: #666666; font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span>
<span style="color: #666666; font-family: Georgia, Times New Roman, serif; font-size: large;">Adding a slide show to your posts is quite simple copy this code to your posts HTML where ever you want to locate the slide show </span><br />
<br />
    <script src="https://allinonepaksliderproject.googlecode.com/svn/trunk/jquery-1.9.1.min.js" type="text/javascript"></script>            <script src="https://allinonepaksliderproject.googlecode.com/svn/trunk/jssor.core.js" type="text/javascript"></script>    <script src="https://allinonepaksliderproject.googlecode.com/svn/trunk/jssor.utils.js" type="text/javascript"></script>    <script src="https://allinonepaksliderproject.googlecode.com/svn/trunk/jssor.slider.js" type="text/javascript"></script>    <script>        jQuery(document).ready(function ($) {             var options = {                 $AutoPlay: true,                                    //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false                 $AutoPlaySteps: 4,                                  //[Optional] Steps to go for each navigation request (this options applys only when slideshow disabled), the default value is 1                 $AutoPlayInterval: 4000,                            //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000                 $PauseOnHover: 1,                               //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1                  $ArrowKeyNavigation: true,                  //[Optional] Allows keyboard (arrow key) navigation or not, default value is false                 $SlideDuration: 160,                                //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500                 $MinDragOffsetToSlide: 20,                          //[Optional] Minimum drag offset to trigger slide , default value is 20                 $SlideWidth: 200,                                   //[Optional] Width of every slide in pixels, default value is width of 'slides' container                 //$SlideHeight: 150,                                //[Optional] Height of every slide in pixels, default value is height of 'slides' container                 $SlideSpacing: 3,                      //[Optional] Space between each slide in pixels, default value is 0                 $DisplayPieces: 3,                                  //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1                 $ParkingPosition: 0,                              //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.                 $UISearchMode: 1,                                   //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).                 $PlayOrientation: 1,                                //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1                 $DragOrientation: 1,                                //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)                  $BulletNavigatorOptions: {                                //[Optional] Options to specify and enable navigator or not                     $Class: $JssorBulletNavigator$,                       //[Required] Class to create navigator instance                     $ChanceToShow: 2,                               //[Required] 0 Never, 1 Mouse Over, 2 Always                     $AutoCenter: 0,                                 //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0                     $Steps: 1,                                      //[Optional] Steps to go for each navigation request, default value is 1                     $Lanes: 1,                                      //[Optional] Specify lanes to arrange items, default value is 1                     $SpacingX: 0,                                   //[Optional] Horizontal space between each item in pixel, default value is 0                     $SpacingY: 0,                                   //[Optional] Vertical space between each item in pixel, default value is 0                     $Orientation: 1                                 //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1                 },                  $ArrowNavigatorOptions: {                     $Class: $JssorArrowNavigator$,              //[Requried] Class to create arrow navigator instance                     $ChanceToShow: 1,                               //[Required] 0 Never, 1 Mouse Over, 2 Always                     $AutoCenter: 2,                                 //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0                     $Steps: 3                                       //[Optional] Steps to go for each navigation request, default value is 1                 }             };              var jssor_slider1 = new $JssorSlider$("slider1_container", options);              //responsive code begin             //you can remove responsive code if you don't want the slider scales while window resizes             function ScaleSlider() {                 var bodyWidth = document.body.clientWidth;                 if (bodyWidth)                     jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 809));                 else                     window.setTimeout(ScaleSlider, 30);             }              ScaleSlider();              if (!navigator.userAgent.match(/(iPhone|iPod|iPad|BlackBerry|IEMobile)/)) {                 $(window).bind('resize', ScaleSlider);             }               //if (navigator.userAgent.match(/(iPhone|iPod|iPad)/)) {             //    $(window).bind("orientationchange", ScaleSlider);             //}             //responsive code end         });     </script>            <br />
<div id="slider1_container" style="height: 400px; left: 0px; overflow: hidden; position: relative; top: 0px; width: 1000px;">
        <br />
<div style="left: 0px; position: absolute; top: 0px;" u="loading">
<div style="background-color: black; display: block; filter: alpha(opacity=70); height: 100%; left: 0px; opacity: 0.7; position: absolute; top: 0px; width: 100%;">
</div>
<div style="background: url(../img/loading.gif) no-repeat center center; display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%;">
</div>
</div>
        <br />
<div style="cursor: move; height: 370px; left: 0px; overflow: hidden; position: absolute; top: 0px; width: 900px;" u="slides">
<div>
<img src="https://lh6.ggpht.com/iPNrxEPKEpOyoKi0_vFT4BOJYEiAOUVBo4ZSs1Cq5iXlDld6m31SuBbfb6sQP0MtkQ=h310-rw" u="image" /></div>
<div>
<img src="https://lh6.ggpht.com/-kQPOJrx5z7U39st1pUiDYNZFgQ3RmM2o5zHInWNYG6rwK9-ANFkGmmQ956TO3ZnzfY=h310-rw" u="image" /></div>
<div>
<img src="https://lh6.ggpht.com/hPH9hLp4sbnz28Ij4Y769LdTiZJtCCRvWpOO4pUgQSlj4w6T6MNFlYzv3gSg0lzw324=h310-rw" u="image" /></div>
<div>
<img src="https://lh6.ggpht.com/i28oVfMz9YTY4aADXmEpgHudBqKLNZzaYpG6GzgNO_9t_gP4CybnpUX7_7lGfgOMITlO=h310-rw" u="image" /></div>
<div>
<img src="https://lh4.ggpht.com/isAV5E895h4d5l_pvbBF1RNpoEuQa-yR4XZFvaEa2MJoh46kOGWkfm7si0sg-hOIr46S=h310-rw" u="image" /></div>
<div>
<img src="https://lh6.ggpht.com/MaWImBJB-bt9HW61I2iWzmMy9L5xCZ6uQtuvi-mZyZ4BthPncBGBOqidIL0L1Mkbv18c=h310-rw" u="image" /></div>
<div>
<img src="https://lh6.ggpht.com/CZfcT_opE_6Hgnyu_aap1utIDsl-ABIKrSQJNCM0gwmtHtS499-1GOUOwzGBelLfWQ0=h310-rw" u="image" /></div>
</div>
        <style>            /* jssor slider bullet navigator skin 03 css */             /*             .jssorb03 div           (normal)             .jssorb03 div:hover     (normal mouseover)             .jssorb03 .av           (active)             .jssorb03 .av:hover     (active mouseover)             .jssorb03 .dn           (mousedown)             */             .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av             {                 background: url(../img/b03.png) no-repeat;                 overflow:hidden;                 cursor: pointer;             }             .jssorb03 div { background-position: -5px -4px; }             .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }             .jssorb03 .av { background-position: -65px -4px; }             .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }         </style>                <br />
<div 4px="" 6px="" absolute="" class=""jssorb03"" position:="" quot="" right:="" u=""navigator"">
            <br />
<div 12px="" 21px="" absolute="" center="" font-size:="" height:="" line-height:="" position:="" quot="" text-align:="" u=""prototype"" white="" width:="">
<numbertemplate></numbertemplate></div>
</div>
                         <style>            /* jssor slider arrow navigator skin 03 css */             /*             .jssora03l              (normal)             .jssora03r              (normal)             .jssora03l:hover        (normal mouseover)             .jssora03r:hover        (normal mouseover)             .jssora03ldn            (mousedown)             .jssora03rdn            (mousedown)             */             .jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn             {              position: absolute;              cursor: pointer;              display: block;                 background: url(../img/a03.png) no-repeat;                 overflow:hidden;             }             .jssora03l { background-position: -3px -33px; }             .jssora03r { background-position: -63px -33px; }             .jssora03l:hover { background-position: -123px -33px; }             .jssora03r:hover { background-position: -183px -33px; }             .jssora03ldn { background-position: -243px -33px; }             .jssora03rdn { background-position: -303px -33px; }         </style>                <span 123px="" 55px="" 8px="" class=""jssora03l"" left:="" quot="" top:="" u=""arrowleft"" width:="">        </span>                <span 123px="" 55px="" 8px="" class=""jssora03r"" quot="" right:="" top:="" u=""arrowright"" width:="">        </span>                     </div>
</div>
</div>
<pre nbsp="" style="background: rgb(240, 240, 240); border: 1px dashed rgb(204, 204, 204); height: auto; overflow: auto; padding: 0px; text-align: left; width: 99%;"><span style="font-family: arial;"><span style="font-size: 12px; line-height: 20px;"><style type="text/css"><br />pre.CICodeFormatter{<br /> font-family:arial;<br /> font-size:12px;<br /> border:1px dashed #CCCCCC;<br /> width:99%;<br /> height:auto;<br /> overflow:auto;<br /> background:#f0f0f0;<br /> line-height:20px;<br /> <br /> padding:0px;<br /> color:#000000;<br /> text-align:left;<br />}<br />pre.CICodeFormatter code{<br /> color:#000000;<br /> word-wrap:normal;<br />}<br /></style>
<pre class="CICodeFormatter"><code class="CICodeFormatter">1:   <span style="color: red;"> <script src="https://allinonepaksliderproject.googlecode.com/svn/trunk/jquery-1.9.1.min.js" type="text/javascript"></script>  </span>
2:      
3:      
4:   <span style="color: red;"> <script src="https://allinonepaksliderproject.googlecode.com/svn/trunk/jssor.core.js" type="text/javascript"></script></span>  
5:    <span style="color: red;"><script src="https://allinonepaksliderproject.googlecode.com/svn/trunk/jssor.utils.js" type="text/javascript"></script> </span> 
6:   <span style="color: red;"> <script src="https://allinonepaksliderproject.googlecode.com/svn/trunk/jssor.slider.js" type="text/javascript"></script>  </span>
7:    <script>  
8:      jQuery(document).ready(function ($) {  
9:        var options = {  
10:          $AutoPlay: true,                  //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false  
11:          $AutoPlaySteps: 4,                 //[Optional] Steps to go for each navigation request (this options applys only when slideshow disabled), the default value is 1  
12:          $AutoPlayInterval: 4000,              //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000  
13:          $PauseOnHover: 1,                //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1  
14:          $ArrowKeyNavigation: true,         //[Optional] Allows keyboard (arrow key) navigation or not, default value is false  
15:          $SlideDuration: 160,                //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500  
16:          $MinDragOffsetToSlide: 20,             //[Optional] Minimum drag offset to trigger slide , default value is 20  
17:          $SlideWidth: 200,                  //[Optional] Width of every slide in pixels, default value is width of 'slides' container  
18:          //$SlideHeight: 150,                //[Optional] Height of every slide in pixels, default value is height of 'slides' container  
19:          $SlideSpacing: 3,           //[Optional] Space between each slide in pixels, default value is 0  
20:          $DisplayPieces: 3,                 //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1  
21:          $ParkingPosition: 0,               //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.  
22:          $UISearchMode: 1,                  //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).  
23:          $PlayOrientation: 1,                //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1  
24:          $DragOrientation: 1,                //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)  
25:          $BulletNavigatorOptions: {                //[Optional] Options to specify and enable navigator or not  
26:            $Class: $JssorBulletNavigator$,            //[Required] Class to create navigator instance  
27:            $ChanceToShow: 2,                //[Required] 0 Never, 1 Mouse Over, 2 Always  
28:            $AutoCenter: 0,                 //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0  
29:            $Steps: 1,                   //[Optional] Steps to go for each navigation request, default value is 1  
30:            $Lanes: 1,                   //[Optional] Specify lanes to arrange items, default value is 1  
31:            $SpacingX: 0,                  //[Optional] Horizontal space between each item in pixel, default value is 0  
32:            $SpacingY: 0,                  //[Optional] Vertical space between each item in pixel, default value is 0  
33:            $Orientation: 1                 //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1  
34:          },  
35:          $ArrowNavigatorOptions: {  
36:            $Class: $JssorArrowNavigator$,       //[Requried] Class to create arrow navigator instance  
37:            $ChanceToShow: 1,                //[Required] 0 Never, 1 Mouse Over, 2 Always  
38:            $AutoCenter: 2,                 //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0  
39:            $Steps: 3                    //[Optional] Steps to go for each navigation request, default value is 1  
40:          }  
41:        };  
42:        var jssor_slider1 = new $JssorSlider$("slider1_container", options);  
43:        //responsive code begin  
44:        //you can remove responsive code if you don't want the slider scales while window resizes  
45:        function ScaleSlider() {  
46:          var bodyWidth = document.body.clientWidth;  
47:          if (bodyWidth)  
48:            jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 809));  
49:          else  
50:            window.setTimeout(ScaleSlider, 30);  
51:        }  
52:        ScaleSlider();  
53:        if (!navigator.userAgent.match(/(iPhone|iPod|iPad|BlackBerry|IEMobile)/)) {  
54:          $(window).bind('resize', ScaleSlider);  
55:        }  
56:        //if (navigator.userAgent.match(/(iPhone|iPod|iPad)/)) {  
57:        //  $(window).bind("orientationchange", ScaleSlider);  
58:        //}  
59:        //responsive code end  
60:      });  
61:    </script>  
62:      
63:      
64:    <br />  
65:  <span style="color: #0b5394;"><div id="slider1_container" style="height: 400px; left: 50px; overflow: hidden; position: relative; top: 0px; width: 1000px;"></span>  
66:    
67:      <br />  
68:  <div style="left: 0px; position: absolute; top: 0px;" u="loading">  
69:  <div style="background-color: black; display: block; filter: alpha(opacity=70); height: 100%; left: 0px; opacity: 0.7; position: absolute; top: 0px; width: 100%;">  
70:  </div>  
71:  <div style="background: url(../img/loading.gif) no-repeat center center; display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%;">  
72:  </div>  
73:  </div>  
74:    
75:      <br />  
76:  <span style="color: #0b5394;"><div style="cursor: move; height: 370px; left: 0px; overflow: hidden; position: absolute; top: 0px; width: 900px;" u="slides">  </span>
77:  <div>  
78:  <span style="color: #38761d;"><img src="https://lh6.ggpht.com/iPNrxEPKEpOyoKi0_vFT4BOJYEiAOUVBo4ZSs1Cq5iXlDld6m31SuBbfb6sQP0MtkQ=h310-rw" u="image" /></div>  
79:  <div>  
80:  <img src="https://lh6.ggpht.com/-kQPOJrx5z7U39st1pUiDYNZFgQ3RmM2o5zHInWNYG6rwK9-ANFkGmmQ956TO3ZnzfY=h310-rw" u="image" /></div>  
81:  <div>  
82:  <img src="https://lh6.ggpht.com/hPH9hLp4sbnz28Ij4Y769LdTiZJtCCRvWpOO4pUgQSlj4w6T6MNFlYzv3gSg0lzw324=h310-rw" u="image" /></div>  
83:  <div>  
84:  <img src="https://lh6.ggpht.com/i28oVfMz9YTY4aADXmEpgHudBqKLNZzaYpG6GzgNO_9t_gP4CybnpUX7_7lGfgOMITlO=h310-rw" u="image" /></div>  
85:  <div>  
86:  <img src="https://lh4.ggpht.com/isAV5E895h4d5l_pvbBF1RNpoEuQa-yR4XZFvaEa2MJoh46kOGWkfm7si0sg-hOIr46S=h310-rw" u="image" /></div>  
87:  <div>  
88:  <img src="https://lh6.ggpht.com/MaWImBJB-bt9HW61I2iWzmMy9L5xCZ6uQtuvi-mZyZ4BthPncBGBOqidIL0L1Mkbv18c=h310-rw" u="image" /></div>  
89:  <div>  
90:  <img src="https://lh6.ggpht.com/CZfcT_opE_6Hgnyu_aap1utIDsl-ABIKrSQJNCM0gwmtHtS499-1GOUOwzGBelLfWQ0=h310-rw" u="image" /></div>  
91:  </div>  </span>
92:    
93:      <style>  
94:        /* jssor slider bullet navigator skin 03 css */  
95:        /*  
96:        .jssorb03 div      (normal)  
97:        .jssorb03 div:hover   (normal mouseover)  
98:        .jssorb03 .av      (active)  
99:        .jssorb03 .av:hover   (active mouseover)  
100:        .jssorb03 .dn      (mousedown)  
101:        */  
102:        .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av  
103:        {  
104:          background: url(../img/b03.png) no-repeat;  
105:          overflow:hidden;  
106:          cursor: pointer;  
107:        }  
108:        .jssorb03 div { background-position: -5px -4px; }  
109:        .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }  
110:        .jssorb03 .av { background-position: -65px -4px; }  
111:        .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }  
112:      </style>  
113:        
114:      <br />  
115:  <div 4px="" 6px="" absolute="" class="&quot;jssorb03&quot;" position:="" quot="" right:="" u="&quot;navigator&quot;">  
116:    
117:        <br />  
118:  <div 12px="" 21px="" absolute="" center="" font-size:="" height:="" line-height:="" position:="" quot="" text-align:="" u="&quot;prototype&quot;" white="" width:="">  
119:  <numbertemplate></numbertemplate></div>  
120:  </div>  
121:    
122:        
123:      <style>  
124:        /* jssor slider arrow navigator skin 03 css */  
125:        /*  
126:        .jssora03l       (normal)  
127:        .jssora03r       (normal)  
128:        .jssora03l:hover    (normal mouseover)  
129:        .jssora03r:hover    (normal mouseover)  
130:        .jssora03ldn      (mousedown)  
131:        .jssora03rdn      (mousedown)  
132:        */  
133:        .jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn  
134:        {  
135:         position: absolute;  
136:         cursor: pointer;  
137:         display: block;  
138:          background: url(../img/a03.png) no-repeat;  
139:          overflow:hidden;  
140:        }  
141:        .jssora03l { background-position: -3px -33px; }  
142:        .jssora03r { background-position: -63px -33px; }  
143:        .jssora03l:hover { background-position: -123px -33px; }  
144:        .jssora03r:hover { background-position: -183px -33px; }  
145:        .jssora03ldn { background-position: -243px -33px; }  
146:        .jssora03rdn { background-position: -303px -33px; }  
147:      </style>  
148:        
149:      <span 123px="" 55px="" 8px="" class="&quot;jssora03l&quot;" left:="" quot="" top:="" u="&quot;arrowleft&quot;" width:="">  
150:      </span>  
151:        
152:      <span 123px="" 55px="" 8px="" class="&quot;jssora03r&quot;" quot="" right:="" top:="" u="&quot;arrowright&quot;" width:="">  
153:      </span>  
154:        
155:    </div>  
156:    
157:  </div>  
158:  </div>  </code></pre>
</span></span></pre>
<pre nbsp="" style="background: rgb(240, 240, 240); border: 1px dashed rgb(204, 204, 204); height: auto; overflow: auto; padding: 0px; text-align: left; width: 99%;"></pre>
<pre nbsp="" style="background: rgb(240, 240, 240); border: 1px dashed rgb(204, 204, 204); height: auto; overflow: auto; padding: 0px; text-align: left; width: 99%;"><span style="font-family: arial;"><span style="line-height: 20px;"><b>I have marked certain line with different colors for different purposes you can download various different styled slide shows from <a href="http://www.jssor.com/download-jssor-slider-development-kit.html" target="_blank">here</a></b></span></span></pre>
<pre nbsp="" style="background: rgb(240, 240, 240); border: 1px dashed rgb(204, 204, 204); height: auto; overflow: auto; padding: 0px; text-align: left; width: 99%;"><span style="font-family: arial;"><span style="line-height: 20px;">
</span></span></pre>
<pre nbsp="" style="background: rgb(240, 240, 240); border: 1px dashed rgb(204, 204, 204); height: auto; overflow: auto; padding: 0px; text-align: left; width: 99%;"><span style="font-family: arial;"><span style="line-height: 20px;">All you have to do is copy the html code from <body ......="" body="" to=""> and paste in your post.</body></span></span></pre>
<pre nbsp="" style="background: rgb(240, 240, 240); border: 1px dashed rgb(204, 204, 204); height: auto; overflow: auto; padding: 0px; text-align: left; width: 99%;"><span style="font-family: arial; line-height: 20px;">Certain changes are required in those codes to make them work</span></pre>
<pre nbsp="" style="background: rgb(240, 240, 240); border: 1px dashed rgb(204, 204, 204); height: auto; overflow: auto; padding: 0px; text-align: left; width: 99%;"><span style="font-family: arial;"><span style="line-height: 20px;"><b>
</b></span></span></pre>
<pre nbsp="" style="background: rgb(240, 240, 240); border: 1px dashed rgb(204, 204, 204); height: auto; overflow: auto; padding: 0px; text-align: left; width: 99%;"><span style="color: red; font-family: arial;"><span style="line-height: 20px;"><b>1: Replace the line marked with red color in those slide show designs at the exact same place</b></span></span></pre>
<pre nbsp="" style="background: rgb(240, 240, 240); border: 1px dashed rgb(204, 204, 204); height: auto; overflow: auto; padding: 0px; text-align: left; width: 99%;"><span style="color: red; font-family: arial;"><span style="line-height: 20px;"><b>
</b></span></span></pre>
<pre nbsp="" style="background: rgb(240, 240, 240); border: 1px dashed rgb(204, 204, 204); height: auto; overflow: auto; padding: 0px; text-align: left; width: 99%;"><span style="color: #0b5394; font-family: arial;"><span style="line-height: 20px;"><b>2: You can Change the size of slide show window and the Pictures to be displayed in Blue colored lines</b></span></span></pre>
<pre nbsp="" style="background: rgb(240, 240, 240); border: 1px dashed rgb(204, 204, 204); height: auto; overflow: auto; padding: 0px; text-align: left; width: 99%;"><span style="color: #0b5394; font-family: arial;"><span style="line-height: 20px;"><b>
</b></span></span></pre>
<pre nbsp="" style="background: rgb(240, 240, 240); border: 1px dashed rgb(204, 204, 204); height: auto; overflow: auto; padding: 0px; text-align: left; width: 99%;"><span style="color: #38761d; font-family: arial;"><span style="line-height: 20px;"><b>3: Place your own links of pictures in the line marked with green color and you can add as many pictures as you want just keep copying the lines and add new links</b></span></span></pre>
<pre nbsp="" style="background: rgb(240, 240, 240); border: 1px dashed rgb(204, 204, 204); height: auto; overflow: auto; padding: 0px; text-align: left; width: 99%;"><span style="font-family: arial;"><b><span style="line-height: 20px;">Note: transition speed, number of pics per slide and other settings with guide are in code you can look up for them.</span></b></span></pre>
<pre nbsp="" style="background: rgb(240, 240, 240); border: 1px dashed rgb(204, 204, 204); height: auto; overflow: auto; padding: 0px; text-align: left; width: 99%;"><span style="font-family: arial;"><b><span style="line-height: 20px;">
</span></b></span></pre>
<pre nbsp="" style="background: rgb(240, 240, 240); border: 1px dashed rgb(204, 204, 204); height: auto; overflow: auto; padding: 0px; text-align: left; width: 99%;"><span style="font-family: arial;"><b><span style="line-height: 20px;">If you face any problems feel free to ask in the comments, and if you find it useful please share it with your friends and like us. </span><span style="color: #38761d; line-height: 20px;"> </span></b></span></pre>
</div>
</div>

How to Add Slider/ Picture Slide show to blogger Post Simplified

Adding a slide show to your posts is quite simple copy this code to your posts HTML where ever you want to locate the slide show ...

How To Upload Javascript to Google Code

<div dir="ltr" style="text-align: left;" trbidi="on"><div id="body" style="background-color: #e6e6e6; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; border-top-left-radius: 25px; border-top-right-radius: 25px; border: 11px solid rgb(207, 207, 207); color: #333333; font-family: Arial, sans-serif; line-height: 18.2000007629395px; margin: 10px 0px; padding: 10px 15px; text-align: left; vertical-align: baseline;"><h2 style="border: 0px; color: black; font-family: inherit; font-size: 13px; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 10px; padding: 0px; text-align: left; vertical-align: baseline;"><span style="background-color: white;"><span style="color: #e69138; font-size: large;"><i>The following is the recommended way by google if you want to storing Javascript files in google code</i></span></span></h2><h2 style="border: 0px; font-family: inherit; font-size: 25px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 10px; padding: 0px; text-align: left; vertical-align: baseline;"></h2><h2 style="border: 0px; font-family: inherit; font-size: 25px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 10px; padding: 0px; text-align: left; vertical-align: baseline;">Installing TortoiseSVN</h2><h1 style="border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: normal; margin: 0px; padding: 0px; vertical-align: baseline;"><div style="border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0px; text-align: left; vertical-align: baseline;"><span style="font-size: small; font-weight: normal;">Visit this site <a href="http://tortoisesvn.net/downloads.html" style="border: 0px; font-family: inherit; font-style: italic; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">http://tortoisesvn.net/downloads.html</a>. Download and install the application. Once installed, the computer must be restarted for this application will be integrated with the context menu / right click menu (shell command).<br />Then right-click on the desktop. Select the </span><span style="font-size: small;">TortoiseSVN -> Settings:</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF4OMu97kmmGTD8zzRaeu_mUDsmaWBXEBHOSw45N2VJwlJ6pOWblqUrbXKiNqBUuEj1nU4kvkXdUr2MvASwJECQa_zztoz6XCFxFgrBkP_NpU2DM2Nm_JSR8e1PlfoqQgAhoJU4URbacXr/s1600/tortoise-svn_settings(1).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF4OMu97kmmGTD8zzRaeu_mUDsmaWBXEBHOSw45N2VJwlJ6pOWblqUrbXKiNqBUuEj1nU4kvkXdUr2MvASwJECQa_zztoz6XCFxFgrBkP_NpU2DM2Nm_JSR8e1PlfoqQgAhoJU4URbacXr/s1600/tortoise-svn_settings(1).png" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: inherit; font-size: small; font-style: inherit; font-variant: inherit; font-weight: normal; line-height: inherit; text-align: left;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: inherit; font-size: small; font-style: inherit; font-variant: inherit; font-weight: normal; line-height: inherit; text-align: left;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: inherit; font-size: small; font-style: inherit; font-variant: inherit; font-weight: normal; line-height: inherit; text-align: left;">Dialog box will appear like this. Click on General and click the Edit button:</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTF3OG6adx0tdlMi8bd5fERhyphenhyphenMOS4sMP70H-KEYEv6oOIp560clDP9r0DlmX3vfx4nf1p4TnEcfDoKYyaHCKIfyqkFP18F9-fH4BkGBMUchpPP76YLcEAJnOWSEjbAvBp_z68spSsb823y/s1600/tortoise-svn_edit-mime-type.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTF3OG6adx0tdlMi8bd5fERhyphenhyphenMOS4sMP70H-KEYEv6oOIp560clDP9r0DlmX3vfx4nf1p4TnEcfDoKYyaHCKIfyqkFP18F9-fH4BkGBMUchpPP76YLcEAJnOWSEjbAvBp_z68spSsb823y/s1600/tortoise-svn_edit-mime-type.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: inherit; font-size: small; font-style: inherit; font-variant: inherit; font-weight: normal; line-height: inherit; text-align: left;"><br /></span></div><div style="border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0px; text-align: left; vertical-align: baseline;"><span style="font-size: small;"><span style="font-weight: normal;">Once the config file is open, copy this code and place it under comment </span><span style="border: 0px; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"># Makefile = svn:eol-style=native</span></span></div><blockquote style="border: 0px; color: black; font-family: 'Times New Roman'; font-size: medium; font-weight: normal; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0px; text-align: left; vertical-align: baseline;"><i><span style="color: #38761d;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>[miscellany]</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>enable-auto-props = yes</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b><br /></b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>[auto-props]</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b># Scriptish formats</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.bat        = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.bsh        = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-beanshell</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.cgi        = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.cmd        = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.js         = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/javascript</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.php        = svn:eol-style=native; svn:keywords=Id Rev Date; svn:mime-type=text/x-php</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.pl         = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-perl; svn:executable</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.pm         = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-perl</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.py         = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-python; svn:executable</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.sh         = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-sh; svn:executable</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b><br /></b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b># Image formats</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.bmp        = svn:mime-type=image/bmp</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.gif        = svn:mime-type=image/gif</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.ico        = svn:mime-type=image/ico</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.jpeg       = svn:mime-type=image/jpeg</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.jpg        = svn:mime-type=image/jpeg</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.png        = svn:mime-type=image/png</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.tif        = svn:mime-type=image/tiff</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.tiff       = svn:mime-type=image/tiff</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b><br /></b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b># Data formats</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.pdf        = svn:mime-type=application/pdf</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.avi        = svn:mime-type=video/avi</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.doc        = svn:mime-type=application/msword</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.eps        = svn:mime-type=application/postscript</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.gz         = svn:mime-type=application/gzip</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.mov        = svn:mime-type=video/quicktime</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.mp3        = svn:mime-type=audio/mpeg</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.ppt        = svn:mime-type=application/vnd.ms-powerpoint</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.ps         = svn:mime-type=application/postscript</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.psd        = svn:mime-type=application/photoshop</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.rtf        = svn:mime-type=text/rtf</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.swf        = svn:mime-type=application/x-shockwave-flash</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.tgz        = svn:mime-type=application/gzip</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.wav        = svn:mime-type=audio/wav</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.xls        = svn:mime-type=application/vnd.ms-excel</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.zip        = svn:mime-type=application/zip</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b><br /></b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b># Text formats</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>.htaccess    = svn:mime-type=text/plain</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.css        = svn:mime-type=text/css</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.dtd        = svn:mime-type=text/xml</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.html       = svn:mime-type=text/html</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.ini        = svn:mime-type=text/plain</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.sql        = svn:mime-type=text/x-sql</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.txt        = svn:mime-type=text/plain</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.xhtml      = svn:mime-type=text/xhtml+xml</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.xml        = svn:mime-type=text/xml</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.xsd        = svn:mime-type=text/xml</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.xsl        = svn:mime-type=text/xml</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.xslt       = svn:mime-type=text/xml</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.xul        = svn:mime-type=text/xul</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.yml        = svn:mime-type=text/plain</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>CHANGES      = svn:mime-type=text/plain</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>COPYING      = svn:mime-type=text/plain</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>INSTALL      = svn:mime-type=text/plain</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>Makefile*    = svn:mime-type=text/plain</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>README       = svn:mime-type=text/plain</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>TODO         = svn:mime-type=text/plain</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b><br /></b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b># Code formats</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.c          = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.cpp        = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.h          = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.java       = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.as         = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.mxml       = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b><br /></b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b># Webfonts</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.eot        = svn:mime-type=application/vnd.ms-fontobject</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.woff       = svn:mime-type=application/x-font-woff</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.ttf        = svn:mime-type=application/x-font-truetype</b></span></span><span style="font-family: Arial, sans-serif;"><span style="font-size: 14px;"><b>*.svg        = svn:mime-type=image/svg+xml</b></span></span></span></i></blockquote><div class="area" style="border: 0px; font-size: 14px; font-weight: normal; line-height: 19.6000003814697px; margin: 10px 0px; padding: 10px 15px; text-align: left; vertical-align: baseline;"><div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0px; vertical-align: baseline;">Save the changes you did. Allow up here first</div></div></h1><h2 style="border: 0px; font-family: inherit; font-size: 25px; font-style: inherit; font-variant: inherit; line-height: normal; margin: 0px 0px 10px; padding: 0px; vertical-align: baseline;">Creating a New Project Page</h2><h1 style="border: 0px; font-family: inherit; font-size: 26px; font-style: inherit; font-variant: inherit; line-height: normal; margin: 0px; padding: 0px; vertical-align: baseline;"><div class="area" style="border: 0px; font-size: 14px; font-weight: normal; line-height: 19.6000003814697px; margin: 10px 0px; padding: 10px 15px; text-align: left; vertical-align: baseline;"><div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0px; vertical-align: baseline;">If you do not have a Google account, created first in order to get access to Google Code. Visit <a href="http://code.google.com/" style="border: 0px; font-family: inherit; font-size: inherit; font-style: italic; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">http://code.google.com</a>, and then click <a href="https://code.google.com/hosting/createProject" style="border: 0px; font-family: inherit; font-size: inherit; font-style: italic; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Create A New Project</a>:</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqOxIflv0elPb08cglQL5rOld8eouAap_L2AQL7tyNBVHeT-jd8C3xXLF1hN1UUeWaHrDDwWHn2cWQyU9k1AKnYtoAwmeEiaWU8k_ZC9_7WWSqOUetpbbc0YJ36Sn-YGWOdGK0la64Y-I-/s1600/google-code_create-a-new-project.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqOxIflv0elPb08cglQL5rOld8eouAap_L2AQL7tyNBVHeT-jd8C3xXLF1hN1UUeWaHrDDwWHn2cWQyU9k1AKnYtoAwmeEiaWU8k_ZC9_7WWSqOUetpbbc0YJ36Sn-YGWOdGK0la64Y-I-/s1600/google-code_create-a-new-project.png" width="400" /></a></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><figure style="background-color: #dce9ee; border: 1px solid rgb(190, 190, 190); font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 1.5em 0px; padding: 20px; text-align: center; vertical-align: baseline;"><img src="file:///E:/website/ijonkzblogger(www.ultimatefree_.com)/ijonkzblogger/ijonkzblogger/Backup%20JS/How%20Upload%20This%20Javascript%20to%20Google%20Code/img/google-code_create-a-new-project.png" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; max-width: 100%; padding: 0px; vertical-align: baseline;" /></figure><br /><div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0px; vertical-align: baseline;">Fill out the form, adjust options <strong style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">version control system </strong>to <strong style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Subversion</strong>, and select the license that you wish to upload files there:</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0yurGeOaqN5GpWR3-LRS7-wOj5l6SqE6d58p9HMPL4O1q4Hb6Kaf_1HNzQqfori45QIxzmlM_Yh7Xsa0C-YHbpg7sCOf8nTa0wqLAdXP_d79AdhOeumLxzh5gRcnGouqFaFYOudaFGxui/s1600/google-code_filling-the-project-form.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0yurGeOaqN5GpWR3-LRS7-wOj5l6SqE6d58p9HMPL4O1q4Hb6Kaf_1HNzQqfori45QIxzmlM_Yh7Xsa0C-YHbpg7sCOf8nTa0wqLAdXP_d79AdhOeumLxzh5gRcnGouqFaFYOudaFGxui/s1600/google-code_filling-the-project-form.png" width="400" /></a></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><figure style="background-color: #dce9ee; border: 1px solid rgb(190, 190, 190); font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 1.5em 0px; padding: 20px; text-align: center; vertical-align: baseline;"><img src="file:///E:/website/ijonkzblogger(www.ultimatefree_.com)/ijonkzblogger/ijonkzblogger/Backup%20JS/How%20Upload%20This%20Javascript%20to%20Google%20Code/img/google-code_filling-the-project-form.png" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; max-width: 100%; padding: 0px; vertical-align: baseline;" /></figure><br /><div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0px; vertical-align: baseline;">Click <strong style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Create Project</strong>. You'll be taken to your new project dashboard page if it is successful. Click the <strong style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Source</strong> tab and then click the link to create a password <a href="https://code.google.com/hosting/settings" style="border: 0px; font-family: inherit; font-size: inherit; font-style: italic; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">googlecode.com password</a>. It is used to connect the application with your Google project:</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj0W8gZftccnV_LzSpDDpZItNTIdUzOXPEpzyqc1D373EjzcTHvikC2L5a7GH4IgbHjzYZSKyQCOl6fJRGTdOkavRSwjz9WqPIpwW21ehoctDBebhQUGjblmKMpoUjMhTNOFnuxgzoul_F/s1600/google-code_generate-password.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="297" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj0W8gZftccnV_LzSpDDpZItNTIdUzOXPEpzyqc1D373EjzcTHvikC2L5a7GH4IgbHjzYZSKyQCOl6fJRGTdOkavRSwjz9WqPIpwW21ehoctDBebhQUGjblmKMpoUjMhTNOFnuxgzoul_F/s1600/google-code_generate-password.png" width="400" /></a></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><figure style="background-color: #dce9ee; border: 1px solid rgb(190, 190, 190); font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 1.5em 0px; padding: 20px; text-align: center; vertical-align: baseline;"><img src="file:///E:/website/ijonkzblogger(www.ultimatefree_.com)/ijonkzblogger/ijonkzblogger/Backup%20JS/How%20Upload%20This%20Javascript%20to%20Google%20Code/img/google-code_generate-password.png" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; max-width: 100%; padding: 0px; vertical-align: baseline;" /></figure><br /><div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0px; vertical-align: baseline;">Record the password that appears:</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBH_MfcBPk7rDDjX-8BofcC7oeUdydIKBsnkmOhKoXvCmyyrrDhVeOlBFW6dFo8eLm-UB-BkB6TABBvgLG5cc9U5XLdbq96vmx63myygCJlrxFwC0CPecvBVpwB6pM5VlDn8PfVnTwP0Hj/s1600/google-code_generating-password.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBH_MfcBPk7rDDjX-8BofcC7oeUdydIKBsnkmOhKoXvCmyyrrDhVeOlBFW6dFo8eLm-UB-BkB6TABBvgLG5cc9U5XLdbq96vmx63myygCJlrxFwC0CPecvBVpwB6pM5VlDn8PfVnTwP0Hj/s1600/google-code_generating-password.png" width="400" /></a></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><figure style="background-color: #dce9ee; border: 1px solid rgb(190, 190, 190); font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 1.5em 0px; padding: 20px; text-align: center; vertical-align: baseline;"><img src="file:///E:/website/ijonkzblogger(www.ultimatefree_.com)/ijonkzblogger/ijonkzblogger/Backup%20JS/How%20Upload%20This%20Javascript%20to%20Google%20Code/img/google-code_generating-password.png" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; max-width: 100%; padding: 0px; vertical-align: baseline;" /></figure></div></h1><h2 style="border: 0px; font-family: inherit; font-size: 25px; font-style: inherit; font-variant: inherit; line-height: normal; margin: 0px 0px 10px; padding: 0px; vertical-align: baseline;">Start Uploading</h2><h1 style="border: 0px; font-family: inherit; font-size: 26px; font-style: inherit; font-variant: inherit; line-height: normal; margin: 0px; padding: 0px; vertical-align: baseline;"><div class="area" style="border: 0px; font-size: 14px; font-weight: normal; line-height: 19.6000003814697px; margin: 10px 0px; padding: 10px 15px; text-align: left; vertical-align: baseline;"><div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0px; vertical-align: baseline;">Open the TortoiseSVN application by right clicking on the desktop and select <strong style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">TortoiseSVN</strong> » <strong style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Repo Browser</strong>:</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLhwOX1Qr28R9lDcOm8bCVypujWHyE8WF8KGSkUv6dtFbJJs8o8ynxIybndedGBAp-ZE_C97cHKf7a-5TlJhK2jPVcRT5zH4WFwixnTsIp-LhJf2MIyOTafiW4Zv-TO5_NiWFV25ICjrbA/s1600/tortoise-svn_repo-browser.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLhwOX1Qr28R9lDcOm8bCVypujWHyE8WF8KGSkUv6dtFbJJs8o8ynxIybndedGBAp-ZE_C97cHKf7a-5TlJhK2jPVcRT5zH4WFwixnTsIp-LhJf2MIyOTafiW4Zv-TO5_NiWFV25ICjrbA/s1600/tortoise-svn_repo-browser.png" width="400" /></a></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><figure style="background-color: #dce9ee; border: 1px solid rgb(190, 190, 190); font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 1.5em 0px; padding: 20px; text-align: center; vertical-align: baseline;"><img src="file:///E:/website/ijonkzblogger(www.ultimatefree_.com)/ijonkzblogger/ijonkzblogger/Backup%20JS/How%20Upload%20This%20Javascript%20to%20Google%20Code/img/tortoise-svn_repo-browser.png" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; max-width: 100%; padding: 0px; vertical-align: baseline;" /></figure><br /><div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0px; vertical-align: baseline;">Will display a dialog box to enter the URL of the project:</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4oiQC8M8iRFbIUz7VgolIMhyn_RVk0WKPoRcL_9Ul0sDs1PU2zllIHtiE2HM5RKt-PVCDwpbVLnUNUYaCh0mM9lY17RuCELrDvNBYvmqmNt0MwhyvffiJbV4U-X2237ewYGJJ5SOzJD4b/s1600/tortoise-svn_input-project-url-with-https.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4oiQC8M8iRFbIUz7VgolIMhyn_RVk0WKPoRcL_9Ul0sDs1PU2zllIHtiE2HM5RKt-PVCDwpbVLnUNUYaCh0mM9lY17RuCELrDvNBYvmqmNt0MwhyvffiJbV4U-X2237ewYGJJ5SOzJD4b/s1600/tortoise-svn_input-project-url-with-https.png" width="400" /></a></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><figure style="background-color: #dce9ee; border: 1px solid rgb(190, 190, 190); font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 1.5em 0px; padding: 20px; text-align: center; vertical-align: baseline;"><img src="file:///E:/website/ijonkzblogger(www.ultimatefree_.com)/ijonkzblogger/ijonkzblogger/Backup%20JS/How%20Upload%20This%20Javascript%20to%20Google%20Code/img/tortoise-svn_input-project-url-with-https.png" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; max-width: 100%; padding: 0px; vertical-align: baseline;" /></figure><br /><div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0px; vertical-align: baseline;">URL pattern is always shaped like this:</div><pre style="background-color: white; border: 1px solid rgb(213, 213, 213); color: inherit; font-family: 'Courier New', Courier, monospace; font-size: 12px; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1.5em; margin-top: 1.5em; overflow: auto; padding: 10px; vertical-align: baseline; word-wrap: normal;">https://project_name.googlecode.com/svn/trunk/</pre><div class="note" style="background-color: #e0fcd1; border: 1px solid rgb(134, 213, 97); font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1.5em; margin-top: 1.5em; padding: 10px; vertical-align: baseline;">To be remembered and most often made failed in file upload: When writing the URL in the application project, using <strong style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">https</strong>, but when you want to see the results or access their work online, use the <strong style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">http</strong></div><div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0px; vertical-align: baseline;">Click OK. Wait until the loading process is complete.</div><div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0px; vertical-align: baseline;">Open the folder where you want to upload the file there. Drag the file you want to upload the file list area:</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJdiKRchgVYbJH2RbNjnyJelJmj8EU228f-EHCK90DSuV9H05krCwRUfehZdjH83FAUzrac6vbPv9bvPH1HAcbC3vBWGRlVW9PJjOK0Oy2-fI6lA6Ucd2XrneDiTgNPQaJ4glhwChe-plT/s1600/tortoise-svn_authentication.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJdiKRchgVYbJH2RbNjnyJelJmj8EU228f-EHCK90DSuV9H05krCwRUfehZdjH83FAUzrac6vbPv9bvPH1HAcbC3vBWGRlVW9PJjOK0Oy2-fI6lA6Ucd2XrneDiTgNPQaJ4glhwChe-plT/s1600/tortoise-svn_authentication.png" /></a></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><figure style="background-color: #dce9ee; border: 1px solid rgb(190, 190, 190); font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 1.5em 0px; padding: 20px; text-align: center; vertical-align: baseline;"><img src="file:///E:/website/ijonkzblogger(www.ultimatefree_.com)/ijonkzblogger/ijonkzblogger/Backup%20JS/How%20Upload%20This%20Javascript%20to%20Google%20Code/img/tortoise-svn_uploading.png" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; max-width: 100%; padding: 0px; vertical-align: baseline;" /></figure><br /><div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0px; vertical-align: baseline;">Wait a moment, you will be prompted to authenticate your Google account code like this:</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9hhoKkY3pntxP_k0aqVOBlcmnxyovkWldoX994OlitpgmNXcR7Im6aMPRaVQkm1mkUG3qmPUGeUV0zeKLH7HQxrouVkPoQJK6i254IZAzaroUqKpEw1jV_MpuOhIt4yloo52Esz7mRtpx/s1600/tortoise-svn_uploading.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9hhoKkY3pntxP_k0aqVOBlcmnxyovkWldoX994OlitpgmNXcR7Im6aMPRaVQkm1mkUG3qmPUGeUV0zeKLH7HQxrouVkPoQJK6i254IZAzaroUqKpEw1jV_MpuOhIt4yloo52Esz7mRtpx/s1600/tortoise-svn_uploading.png" /></a></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><figure style="background-color: #dce9ee; border: 1px solid rgb(190, 190, 190); font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 1.5em 0px; padding: 20px; text-align: center; vertical-align: baseline;"><img src="file:///E:/website/ijonkzblogger(www.ultimatefree_.com)/ijonkzblogger/ijonkzblogger/Backup%20JS/How%20Upload%20This%20Javascript%20to%20Google%20Code/img/tortoise-svn_authentication.png" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; max-width: 100%; padding: 0px; vertical-align: baseline;" /></figure><br /><div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0px; vertical-align: baseline;">Fill your email address and password that you've previously recorded. check the <strong style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Save authentication</strong> so that we do not need to repeatedly log in when uploading files in the future.</div><div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0px; vertical-align: baseline;">If the file is successfully uploaded it will look like the following.</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFJZgQVosrztrzQpBFzDTSGlFIbDiMh3tQRV3KO7Wi89t5lBG1iH8pTusPB22JC9FcK39PME_B1qbj-aYY0N9UKlQpUv1kJ67ALqghawpsYzgWuqFEzNVhX6gF84m_Fhn7SPbh3hSukV8p/s1600/hasilupload.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFJZgQVosrztrzQpBFzDTSGlFIbDiMh3tQRV3KO7Wi89t5lBG1iH8pTusPB22JC9FcK39PME_B1qbj-aYY0N9UKlQpUv1kJ67ALqghawpsYzgWuqFEzNVhX6gF84m_Fhn7SPbh3hSukV8p/s1600/hasilupload.png" /></a></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><figure style="background-color: #dce9ee; border: 1px solid rgb(190, 190, 190); font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 1.5em 0px; padding: 20px; text-align: center; vertical-align: baseline;"><img src="file:///E:/website/ijonkzblogger(www.ultimatefree_.com)/ijonkzblogger/ijonkzblogger/Backup%20JS/How%20Upload%20This%20Javascript%20to%20Google%20Code/img/hasilupload.png" style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; max-width: 100%; padding: 0px; vertical-align: baseline;" /></figure><br /><div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1.5em; margin-top: 1.5em; padding: 0px; vertical-align: baseline;">Click on the name of the file that has been uploaded (1)</div></div><div style="color: black; font-family: 'Times New Roman'; font-size: medium; font-weight: normal; text-align: left;"><span style="color: #333333; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit;">Copy the link on the address bar (2) and then replace the main Javascript link of the theme</span> </div></h1></div></div>

How To Upload Javascript to Google Code

The following is the recommended way by google if you want to storing Javascript files in google code Installing TortoiseSVN Visit this site...

All in One pk

Ads

HOW TO CREATE AND SUBMIT A SITEMAP ON BLOGGER

How to Add CSS3 Content Tabs in Blogger Posts

How to Add CSS3 Content Tabs in Blogger Posts

How to Add Slider/ Picture Slide show to blogger Post Simplified

How To Upload Javascript to Google Code

Popular Posts

Blog Archive