All in One

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

Unknown 0 All, blog, Blogging Tips, General Posts, Guide, How to, Web 15:52

$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">
pre.CICodeFormatter{
 font-family:arial;
 font-size:12px;
 border:1px dashed #CCCCCC;
 width:99%;
 height:auto;
 overflow:auto;
 background:#f0f0f0;
 line-height:20px;
 
 padding:0px;
 color:#000000;
 text-align:left;
}
pre.CICodeFormatter code{
 color:#000000;
 word-wrap:normal;
}
</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

Unknown 0 All, blog, Blogging Tips, General Posts, Guide 15:06

<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/AVvXsEisjtKkNzmMQXMGG_RmtdhG_3UZs6bftyF48pqf8aNArWBDMzujeBGi7CXDYq4oGXwuIcUxht2ZSdMATtcSZQg1wfNfobpwkHqhyphenhyphenkqJC2fAcJY82PgNy5LlZBWNu_jNd-wRYE_CS-nWlH4Z/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/AVvXsEisjtKkNzmMQXMGG_RmtdhG_3UZs6bftyF48pqf8aNArWBDMzujeBGi7CXDYq4oGXwuIcUxht2ZSdMATtcSZQg1wfNfobpwkHqhyphenhyphenkqJC2fAcJY82PgNy5LlZBWNu_jNd-wRYE_CS-nWlH4Z/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/AVvXsEg2475yALEEwcTFN2D6SbC9AxansPCTxEAZ-ARNb6lKqPWGMoJhfvF8guHexlzjThNudbllYlwNBM6ZlmciZ3mZlMgGUqk30NFrVkhGqWmfOWmlVCG0u-1gIlAY51sD35nO-JbOzrxpI8ux/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/AVvXsEg2475yALEEwcTFN2D6SbC9AxansPCTxEAZ-ARNb6lKqPWGMoJhfvF8guHexlzjThNudbllYlwNBM6ZlmciZ3mZlMgGUqk30NFrVkhGqWmfOWmlVCG0u-1gIlAY51sD35nO-JbOzrxpI8ux/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/AVvXsEiOdjcl7CQNnmupmsTfNe_3k7CeVjthjvNWgkmseQx5zRAZSmypnuQM57RUcacbETDD_fSZDy3Xmot7Juya_dk2bjNk_ft5vQhl7F27M43_U2JF6gleakg7_j24pjrLo2pKTqfFdm5eWRjw/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/AVvXsEiOdjcl7CQNnmupmsTfNe_3k7CeVjthjvNWgkmseQx5zRAZSmypnuQM57RUcacbETDD_fSZDy3Xmot7Juya_dk2bjNk_ft5vQhl7F27M43_U2JF6gleakg7_j24pjrLo2pKTqfFdm5eWRjw/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/AVvXsEh-BbUakIUERo3DWkaaa4K6s5b4EMSW1hJLA-MeAEB3JNFVVElCZufTqMqlfFV4t9A6oo6fpak2OAVmG8tnZE5N_3E_nAFAxJOd6cRuCtIbGpNx6dWIQgrLUIabH0yX1xEmu5J56DNJkSjz/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/AVvXsEh-BbUakIUERo3DWkaaa4K6s5b4EMSW1hJLA-MeAEB3JNFVVElCZufTqMqlfFV4t9A6oo6fpak2OAVmG8tnZE5N_3E_nAFAxJOd6cRuCtIbGpNx6dWIQgrLUIabH0yX1xEmu5J56DNJkSjz/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/AVvXsEgL01XdWKaq29heiiBlFu_P1OzbzcUBZy7BqECQrL-R7SP4uxZkUL63b7eRZp75joeY8ZYBgqFFO6qu_8PvqWOd5mbbcQ15hrlzxHNLQFYJwXkdXXYcvU0HTezDCVnkAeIsAG87LbBvvBoX/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/AVvXsEgL01XdWKaq29heiiBlFu_P1OzbzcUBZy7BqECQrL-R7SP4uxZkUL63b7eRZp75joeY8ZYBgqFFO6qu_8PvqWOd5mbbcQ15hrlzxHNLQFYJwXkdXXYcvU0HTezDCVnkAeIsAG87LbBvvBoX/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/AVvXsEj08tSn4-bNgrmuRsfyeFiH6ZbweyVq_S5TsArDLE0Ut5XTRdlQ75oa8sPZY5mXKs3cGsY3yMsnUwMMZqygjJ8VJ15XnfkrWrLe-tndCj9KJWzJ8bU3OvFJdvNs4ChYcGAmu5O8AtEvBh2z/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/AVvXsEj08tSn4-bNgrmuRsfyeFiH6ZbweyVq_S5TsArDLE0Ut5XTRdlQ75oa8sPZY5mXKs3cGsY3yMsnUwMMZqygjJ8VJ15XnfkrWrLe-tndCj9KJWzJ8bU3OvFJdvNs4ChYcGAmu5O8AtEvBh2z/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/AVvXsEhxty8Vb27c8s7Ubu2I-hObpk8D4jC-RJzBIN0bpmGF6rvm2julva_1PF3rF0NH1goaH9zdvlwiaHOoLDFt7IcjoqjAITvFtfjlAQkpeKjqfLAjcZLn7DVGTAZZPCge85TUCp4KEYtnrKQD/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/AVvXsEhxty8Vb27c8s7Ubu2I-hObpk8D4jC-RJzBIN0bpmGF6rvm2julva_1PF3rF0NH1goaH9zdvlwiaHOoLDFt7IcjoqjAITvFtfjlAQkpeKjqfLAjcZLn7DVGTAZZPCge85TUCp4KEYtnrKQD/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/AVvXsEgaA-v-wB14YttCP7ABWjT0BYW7uGlw3b8MUGevgfIX08QjmsbgEuOxpCGHXZf0abji4ORCGBeiSWgJ17g0W-dryBl0YVyWMaSPThxwGT_FMI5kk7dZYz-tl83v2xMGHP_E3f1KuDesf2qv/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/AVvXsEgaA-v-wB14YttCP7ABWjT0BYW7uGlw3b8MUGevgfIX08QjmsbgEuOxpCGHXZf0abji4ORCGBeiSWgJ17g0W-dryBl0YVyWMaSPThxwGT_FMI5kk7dZYz-tl83v2xMGHP_E3f1KuDesf2qv/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/AVvXsEgM1GOd-asx4_XuatFbFNy2ls1_s2PuIBZS9AOTLoipstDoA-er1iZpEktW6oVxK_OcK8RBcEKauDiGMdHO7iaDPJGLQ4S9BjhmHzgzKs8zBzrGHG5AARhOoVnD7GJ3zcfEs4AmtENVZR4t/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/AVvXsEgM1GOd-asx4_XuatFbFNy2ls1_s2PuIBZS9AOTLoipstDoA-er1iZpEktW6oVxK_OcK8RBcEKauDiGMdHO7iaDPJGLQ4S9BjhmHzgzKs8zBzrGHG5AARhOoVnD7GJ3zcfEs4AmtENVZR4t/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/AVvXsEiHzI1g3v3Mf-VZZ2RRt-uuFMDccEgzyofOlzDGXC9YAg_2CI3RUTdv8O6UEWJ4pLsHWLhXZytpV9s3mnXaAFfvPnZvotVJ_cvObrrj6FQGHXnp6t0ogkrrnMmQIcpa-Yhp14-62kYAe8dm/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/AVvXsEiHzI1g3v3Mf-VZZ2RRt-uuFMDccEgzyofOlzDGXC9YAg_2CI3RUTdv8O6UEWJ4pLsHWLhXZytpV9s3mnXaAFfvPnZvotVJ_cvObrrj6FQGHXnp6t0ogkrrnMmQIcpa-Yhp14-62kYAe8dm/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/AVvXsEglvXjGOZQ80u_tLVzART6B-kG4Q03f4kXUyxgSMootl63EbUbnoMsiGFfE0ohNEmbVR6fSE-kHNfuYm_4Y-0ndMGUtgl3NxO39Vc0P6GBTGIXYHSvh7vNMSEtrVLuEAOjL0Ne-ON3yophv/s1600/hasilupload.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglvXjGOZQ80u_tLVzART6B-kG4Q03f4kXUyxgSMootl63EbUbnoMsiGFfE0ohNEmbVR6fSE-kHNfuYm_4Y-0ndMGUtgl3NxO39Vc0P6GBTGIXYHSvh7vNMSEtrVLuEAOjL0Ne-ON3yophv/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...

G2 TweaksBox

Unknown 0 All, tools 14:03

<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="info-container" style="border: 0px; font-family: Roboto, Arial, sans-serif; font-size: 13px; line-height: 18.2000007629395px; margin: 0px; min-height: 195px; padding: 24px 50px 23px 8px;">
<a href="https://lh6.ggpht.com/r5jUbfzm0Xuh0d391hcUcYMHJwfOCWJIMmQPduAvGnw635nUs46KrAFQmSxSXI6G6rYg=w300-rw" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a>
<br />
<div class="document-title" itemprop="name" style="border: 0px; color: #333333; font-size: 28px; line-height: 35px; margin: 0px 0px 1px; padding: 0px;">
<div style="border: 0px; margin: 0px; padding: 0px;">
<a href="https://lh3.ggpht.com/W--VjEwU0BcKefEBRJrbwrL6PS31dneC2gFrlGCVRJNJkTSy4hOeRkdKlvMwTXzkCX8=w300-rw" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cover art" border="0" src="https://lh3.ggpht.com/W--VjEwU0BcKefEBRJrbwrL6PS31dneC2gFrlGCVRJNJkTSy4hOeRkdKlvMwTXzkCX8=w300-rw" /></a>G2 Tweaks Box<span style="color: #8d8d8d; font-size: 13px; font-weight: 700; line-height: 18.2000007629395px; white-space: nowrap;">    </span></div>
</div>
<div class="details-actions" style="border: 0px; margin: 4px 0px; padding: 6px 0px 0px;">
<span class="buy-button-container apps medium play-button" data-docid="net.hubalek.android.apps.reborn.pro" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0470588) 0px 1px 0px; -webkit-user-select: none; background-color: #b3c833; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px; box-shadow: rgba(0, 0, 0, 0.0470588) 0px 1px 0px; box-sizing: border-box; cursor: pointer; display: inline-block; font-family: Roboto, sans-serif; font-size: 14px; height: 36px; line-height: 36px; margin-bottom: 5px; margin-right: 5px; min-width: 40px; padding: 0px; position: relative; text-align: center; vertical-align: middle; white-space: nowrap;"><button class="price buy" style="-webkit-font-smoothing: inherit; background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px 20px; text-align: inherit;"><b><a href="http://dl.globalapk.com/2014/07/G2%20TweaksBox%20v2.4.apk" target="_blank"><span style="color: #38761d;">Download</span></a></b></button></span></div>
</div>
<div style="font-family: Roboto, Arial, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">
<span style="color: #333333;"> </span>
</div>
<div class="details-sharing-section" style="border: 0px; color: #333333; display: inline-block; font-family: Roboto, Arial, sans-serif; font-size: 13px; line-height: 18.2000007629395px; margin: -1px 0px 0px; padding: 0px; vertical-align: top;">
<div class="plusone-container" style="border: 0px; margin: 0px; padding: 0px;">
</div>
</div>
<div class="details-section description simple contains-text-link" style="background-color: whitesmoke; border: 0px; box-sizing: border-box; margin: 0px; overflow: hidden; padding: 19px 50px 0px 8px; position: relative; width: 649px;">
<div class="details-section-contents show-more-container less" data-show-use-buffer="true" style="border: 0px; display: inline-block; margin: 0px; max-width: 520px; padding: 0px; position: relative; width: 520px;">
<div class="show-more-content text-body" itemprop="description" style="border: 0px; margin: 0px; max-height: none; overflow: hidden; padding: 0px; position: relative;">
<div class="id-app-orig-desc" style="border: 0px; margin: 0px; padding: 0px;">
<div class="heading" style="border: 0px; color: #333333; font-family: Roboto, Arial, sans-serif; font-size: 28px; margin: 0px 0px 10px; padding: 0px;">
<br /></div>

    <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

var jssor_slider1 = new $JssorSlider$("slider1_container", options);

ScaleSlider();

if (!navigator.userAgent.match(/(iPhone|iPod|iPad|BlackBerry|IEMobile)/)) {
                $(window).bind('resize', ScaleSlider);
            }

G2 TweaksBox

G2 Tweaks Box Download ...

Battery Widget Reborn

Unknown 0 All, tools 10:58

<div dir="ltr" style="text-align: left;" trbidi="on">
<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="info-container" style="border: 0px; font-family: Roboto, Arial, sans-serif; font-size: 13px; line-height: 18.2000007629395px; margin: 0px; min-height: 195px; padding: 24px 50px 23px 8px;">
<a href="https://lh6.ggpht.com/r5jUbfzm0Xuh0d391hcUcYMHJwfOCWJIMmQPduAvGnw635nUs46KrAFQmSxSXI6G6rYg=w300-rw" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br></a>
<div class="document-title" itemprop="name" style="border: 0px; color: #333333; font-size: 28px; line-height: 35px; margin: 0px 0px 1px; padding: 0px;">
<div style="border: 0px; margin: 0px; padding: 0px;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUL_-0-Nfk31zZKCec67Hi2Fck2rp-IzKJ5PM9qz94gKbN6IproT3KQwe7wuthl6qQLEzcm3ruRnh1eIT21KT7KzMy4crznSWgpKGzVh63PMOyduWOppeBbWYvFuJ0DzzBCcV9NHA9RjAT/s1600/unnamed+(1).webp" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUL_-0-Nfk31zZKCec67Hi2Fck2rp-IzKJ5PM9qz94gKbN6IproT3KQwe7wuthl6qQLEzcm3ruRnh1eIT21KT7KzMy4crznSWgpKGzVh63PMOyduWOppeBbWYvFuJ0DzzBCcV9NHA9RjAT/s1600/unnamed+(1).webp"></a></div>
Battery Widget Reborn<span style="color: #8d8d8d; font-size: 13px; font-weight: 700; line-height: 18.2000007629395px; white-space: nowrap;">      </span></div>
</div>
<div class="details-actions" style="border: 0px; margin: 4px 0px; padding: 6px 0px 0px;">
<span class="buy-button-container apps medium play-button" data-docid="net.hubalek.android.apps.reborn.pro" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0470588) 0px 1px 0px; -webkit-user-select: none; background-color: #b3c833; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px; box-shadow: rgba(0, 0, 0, 0.0470588) 0px 1px 0px; box-sizing: border-box; cursor: pointer; display: inline-block; font-family: Roboto, sans-serif; font-size: 14px; height: 36px; line-height: 36px; margin-bottom: 5px; margin-right: 5px; min-width: 40px; padding: 0px; position: relative; text-align: center; vertical-align: middle; white-space: nowrap;"><button class="price buy" style="-webkit-font-smoothing: inherit; background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px 20px; text-align: inherit;"><b><a href="http://www.9apps.com/jump/down/net.hubalek.android.apps.reborn.pro/app/" target="_blank"><span style="color: #38761d;">Download</span></a></b></button></span></div>
</div>
<div style="font-family: Roboto, Arial, sans-serif; font-size: 13px; line-height: 18.2000007629395px;">
<span style="color: #333333;"> </span>
</div>
<div class="details-sharing-section" style="border: 0px; color: #333333; display: inline-block; font-family: Roboto, Arial, sans-serif; font-size: 13px; line-height: 18.2000007629395px; margin: -1px 0px 0px; padding: 0px; vertical-align: top;">
<div class="plusone-container" style="border: 0px; margin: 0px; padding: 0px;">
</div>
</div>
<div class="details-section description simple contains-text-link" style="background-color: whitesmoke; border: 0px; box-sizing: border-box; margin: 0px; overflow: hidden; padding: 19px 50px 0px 8px; position: relative; width: 649px;">
<div class="details-section-contents show-more-container less" data-show-use-buffer="true" style="border: 0px; display: inline-block; margin: 0px; max-width: 520px; padding: 0px; position: relative; width: 520px;">
<div class="show-more-content text-body" itemprop="description" style="border: 0px; margin: 0px; max-height: none; overflow: hidden; padding: 0px; position: relative;">
<div class="id-app-orig-desc" style="border: 0px; margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Roboto, Arial, sans-serif; font-size: large;"><span style="line-height: 20px;"><b>Description</b></span></span><br>
<div style="color: #333333; font-family: Roboto, Arial, sans-serif; line-height: 20px;">
<b><span style="font-size: large;"><br></span></b></div>
<div style="color: #333333; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 20px;">
New stylish battery widget with advanced functionality. Holo themed design perfectly matches Android 4.x but you can enjoy it also on Android 2.3 (thanks to HoloEverywhere library)</div>
<div style="border: 0px; color: #333333; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 5px; padding: 0px;">
For full info about the app please visit <a href="https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.batterywidgetreborn.com/index.html%26sa%3DD%26usg%3DAFQjCNGKsOutzFfhK7SxNKeb33B85kjumg&sa=D&usg=AFQjCNGTz_dwLyvtTCiedQJxdltKf2fYcw" style="color: #1155cc; cursor: pointer; text-decoration: none;" target="_blank">http://www.batterywidgetreborn.com/index.html</a>.</div>
<div style="border: 0px; color: #333333; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 5px; padding: 0px;">
Missing feature you liked in Beta? See <a href="https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.batterywidgetreborn.com/faq.html%2523delayed-pro-version%26sa%3DD%26usg%3DAFQjCNHbAmgY0geMEGDnpoQ9Zd0NBJJZ1Q&sa=D&usg=AFQjCNH6LbQpHk9JVZo_kwCyGzAty1vRCg" style="color: #1155cc; cursor: pointer; text-decoration: none;" target="_blank">http://www.batterywidgetreborn.com/faq.html#delayed-pro-version</a> for more info.</div>
<div style="border: 0px; color: #333333; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 5px; padding: 0px;">
Application features<br>
==============</div>
<div style="border: 0px; color: #333333; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 5px; padding: 0px;">
This app provides following functionality:</div>
<div style="border: 0px; color: #333333; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 5px; padding: 0px;">
Battery widget<br>
- circle battery level indicator indicator perfectly fits pure Android design<br>
- resizable on Android 4.x+<br>
- support for both main and external dock battery (Asus Transformer only)</div>
<div style="border: 0px; color: #333333; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 5px; padding: 0px;">
Basic battery info<br>
- Battery Info<br>
- Shortcuts to Power-Summary/Background Sync/Wifi/BT Settings</div>
<div style="border: 0px; color: #333333; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 5px; padding: 0px;">
Status bar notification of battery status<br>
- multiple icon styles<br>
- prediction (estimation) how long battery lasts<br>
- customizable texts in notification area (estimated time left, voltage, temperature, battery health)</div>
<div style="border: 0px; color: #333333; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 5px; padding: 0px;">
Power saving functionality<br>
- automatic airplane mode during the night (simple but powerful battery saver functionality)</div>
<div style="border: 0px; color: #333333; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 5px; padding: 0px;">
Charging and discharging chart</div>
<div style="border: 0px; color: #333333; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 5px; padding: 0px;">
Extended notifications support for Jelly Bean phones<br>
- optional charging and discharging chart<br>
- power related toggles:<br>
- Wifi<br>
- Bluetooth<br>
- Background Sync<br>
- Airplane mode<br>
- customizable notification priority</div>
<div style="border: 0px; color: #333333; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 5px; padding: 0px;">
Additional tools<br>
- Torch<br>
- Settings shortcuts<br>
- DashClock Extension</div>
<div style="border: 0px; color: #333333; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 5px; padding: 0px;">
Specific HW vendor support<br>
- supports Motorola 1% increment<br>
- supports Asus Transformer secondary (dock) battery</div>
<div style="border: 0px; color: #333333; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 5px; padding: 0px;">
Holo themes interface on all phones with Android 2.3+<br>
</div></div></div></div></div></div></div></div>

Battery Widget Reborn

Battery Widget Reborn Download Description New stylish battery widget with advanced functionality. Hol...

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

How To Upload Javascript to Google Code

G2 TweaksBox

Battery Widget Reborn

Popular Posts

Comments

Blog Archive