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 <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="tr_bq"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4eJx0Py7actviMu6oBHMOrf57gKEXt2bNNXZAj7uWIrjsr2olt10tpjDjwNeIjJ1D4ka9MSW3GolAttAXWCFAQIyPojGs1vi8YTulSyzvtDJ4uWCK588FK8aaaOk6n-XUQhBe7wpT8v93/s1600/FeaturedContentSliderjQuery.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="353" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4eJx0Py7actviMu6oBHMOrf57gKEXt2bNNXZAj7uWIrjsr2olt10tpjDjwNeIjJ1D4ka9MSW3GolAttAXWCFAQIyPojGs1vi8YTulSyzvtDJ4uWCK588FK8aaaOk6n-XUQhBe7wpT8v93/s1600/FeaturedContentSliderjQuery.jpg" width="640" /></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;"><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 /> <!-- it works the same with all jquery version from 1.x to 2.x --> <script src="https://allinonepaksliderproject.googlecode.com/svn/trunk/jquery-1.9.1.min.js" type="text/javascript"></script> <!-- use jssor.slider.mini.js (39KB) or jssor.sliderc.mini.js (31KB, with caption, no slideshow) or jssor.sliders.mini.js (26KB, no caption, no slideshow) instead for release --> <!-- jssor.slider.mini.js = jssor.sliderc.mini.js = jssor.sliders.mini.js = (jssor.core.js + jssor.utils.js + jssor.slider.js) --> <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> <!-- Jssor Slider Begin --> <!-- You can move inline styles to css file or css block. --> <br /> <div id="slider1_container" style="height: 400px; left: 0px; overflow: hidden; position: relative; top: 0px; width: 1000px;"> <!-- Loading Screen --> <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> <!-- Slides Container --> <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> <!-- Bullet Navigator Skin Begin --> <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> <!-- bullet navigator container --> <br /> <div 4px="" 6px="" absolute="" class=""jssorb03"" position:="" quot="" right:="" u=""navigator""> <!-- bullet navigator item prototype --> <br /> <div 12px="" 21px="" absolute="" center="" font-size:="" height:="" line-height:="" position:="" quot="" text-align:="" u=""prototype"" white="" width:=""> <numbertemplate></numbertemplate></div> </div> <!-- Bullet Navigator Skin End --> <!-- Arrow Navigator Skin Begin --> <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> <!-- Arrow Left --> <span 123px="" 55px="" 8px="" class=""jssora03l"" left:="" quot="" top:="" u=""arrowleft"" width:=""> </span> <!-- Arrow Right --> <span 123px="" 55px="" 8px="" class=""jssora03r"" quot="" right:="" top:="" u=""arrowright"" width:=""> </span> <!-- Arrow Navigator Skin End --> </div> <!-- Jssor Slider End --> </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: <!-- use jssor.slider.mini.js (39KB) or jssor.sliderc.mini.js (31KB, with caption, no slideshow) or jssor.sliders.mini.js (26KB, no caption, no slideshow) instead for release --> 3: <!-- jssor.slider.mini.js = jssor.sliderc.mini.js = jssor.sliders.mini.js = (jssor.core.js + jssor.utils.js + jssor.slider.js) --> 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: <!-- Jssor Slider Begin --> 63: <!-- You can move inline styles to css file or css block. --> 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: <!-- Loading Screen --> 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: <!-- Slides Container --> 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: <!-- Bullet Navigator Skin Begin --> 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: <!-- bullet navigator container --> 114: <br /> 115: <div 4px="" 6px="" absolute="" class=""jssorb03"" position:="" quot="" right:="" u=""navigator""> 116: <!-- bullet navigator item prototype --> 117: <br /> 118: <div 12px="" 21px="" absolute="" center="" font-size:="" height:="" line-height:="" position:="" quot="" text-align:="" u=""prototype"" white="" width:=""> 119: <numbertemplate></numbertemplate></div> 120: </div> 121: <!-- Bullet Navigator Skin End --> 122: <!-- Arrow Navigator Skin Begin --> 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: <!-- Arrow Left --> 149: <span 123px="" 55px="" 8px="" class=""jssora03l"" left:="" quot="" top:="" u=""arrowleft"" width:=""> 150: </span> 151: <!-- Arrow Right --> 152: <span 123px="" 55px="" 8px="" class=""jssora03r"" quot="" right:="" top:="" u=""arrowright"" width:=""> 153: </span> 154: <!-- Arrow Navigator Skin End --> 155: </div> 156: <!-- Jssor Slider End --> 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 Unknown 0 All, blog, Blogging Tips, General Posts, Guide, How to, Web 15:52 … Read more » Read more » 29Aug2014
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 Unknown 0 All, blog, Blogging Tips, General Posts, Guide 15:06 … Read more » Read more » 29Aug2014
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> <!-- it works the same with all jquery version from 1.x to 2.x --> <script src="https://allinonepaksliderproject.googlecode.com/svn/trunk/jquery-1.9.1.min.js" type="text/javascript"></script> <!-- use jssor.slider.mini.js (39KB) or jssor.sliderc.mini.js (31KB, with caption, no slideshow) or jssor.sliders.mini.js (26KB, no caption, no slideshow) instead for release --> <!-- jssor.slider.mini.js = jssor.sliderc.mini.js = jssor.sliders.mini.js = (jssor.core.js + jssor.utils.js + jssor.slider.js) --> <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> <!-- Jssor Slider Begin --> <!-- You can move inline styles to css file or css block. --> <br /> <div id="slider1_container" style="height: 400px; left: 50px; overflow: hidden; position: relative; top: 0px; width: 1000px;"> <!-- Loading Screen --> <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> <!-- Slides Container --> <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> <!-- Bullet Navigator Skin Begin --> <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> <!-- bullet navigator container --> <br /> <div 4px="" 6px="" absolute="" class=""jssorb03"" position:="" quot="" right:="" u=""navigator""> <!-- bullet navigator item prototype --> <br /> <div 12px="" 21px="" absolute="" center="" font-size:="" height:="" line-height:="" position:="" quot="" text-align:="" u=""prototype"" white="" width:=""> <numbertemplate></numbertemplate></div> </div> <!-- Bullet Navigator Skin End --> <!-- Arrow Navigator Skin Begin --> <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> <!-- Arrow Left --> <span 123px="" 55px="" 8px="" class=""jssora03l"" left:="" quot="" top:="" u=""arrowleft"" width:=""> </span> <!-- Arrow Right --> <span 123px="" 55px="" 8px="" class=""jssora03r"" quot="" right:="" top:="" u=""arrowright"" width:=""> </span> <!-- Arrow Navigator Skin End --> </div> <!-- Jssor Slider End --> </div> </div> <div class="heading" style="border: 0px; color: #333333; font-family: Roboto, Arial, sans-serif; font-size: 28px; margin: 0px 0px 10px; padding: 0px;"> <br /> <br /> Description</div> <div class="show-more-content text-body" itemprop="description" style="border: 0px; color: #333333; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 20px; margin: 0px; max-height: none; overflow: hidden; padding: 0px; position: relative;"> <div class="id-app-orig-desc" style="border: 0px; margin: 0px; padding: 0px;"> - IT WORKS ONLY ON LG-G2 (And mostly on G-Flex,G-Pad,G-Pro,G-Pro 2)<br /> - It Requires Root Access<br /> - It Requires Xposed Framework: <a href="https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://forum.xda-developers.com/showthread.php?t%253D1574401%26sa%3DD%26usg%3DAFQjCNGe0Dr_ivKRzX_mq2GIaarlt0D74g&sa=D&usg=AFQjCNHn76J4IrTx5GAMI_wcK0eb6J-PpQ" style="color: #1155cc; cursor: pointer; text-decoration: none;" target="_blank">http://forum.xda-developers.com/showthread.php?t=1574401</a><br /> PLEASE Report any bugs here: <a href="https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://forum.xda-developers.com/showthread.php?t%253D2549923%26sa%3DD%26usg%3DAFQjCNEdDMVoDuUqOPABhwO1qwi-GgPy-A&sa=D&usg=AFQjCNF7u9z4DWeB1adnmnIASV--dLUfgw" style="color: #1155cc; cursor: pointer; text-decoration: none;" target="_blank">http://forum.xda-developers.com/showthread.php?t=2549923</a><br /> <div style="border: 0px; margin-bottom: 5px; padding: 0px;"> See all screenshots and features for KitKat: <a href="https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://imgur.com/a/GuDme%26sa%3DD%26usg%3DAFQjCNGc6CIn_QXe2-lLzyLMaOTZakMGsA&sa=D&usg=AFQjCNEtJ5r5vExvVp6ej4l8pWBSFG36bQ" style="color: #1155cc; cursor: pointer; text-decoration: none;" target="_blank">http://imgur.com/a/GuDme</a><br /> See all screenshots and features for JellyBean: <a href="https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://imgur.com/a/7418s%26sa%3DD%26usg%3DAFQjCNGXswOAKjE_ea4rBEVAQe2Ct_EynQ&sa=D&usg=AFQjCNFeTWaLov96W9bgSRrvqhKKtHtLYw" style="color: #1155cc; cursor: pointer; text-decoration: none;" target="_blank">http://imgur.com/a/7418s</a></div> <div style="border: 0px; margin-bottom: 5px; padding: 0px;"> Some Features:</div> <div style="border: 0px; margin-bottom: 5px; padding: 0px;"> THEME TWEAKS<br /> --REALTIME THEME CHANGER<br /> --StatusBar Color<br /> --Gradient Status Bar<br /> --Hide Status Bar icons<br /> --Battery icon options(hide,hide percentage from battery text)<br /> --CM Circle Battery*<br /> --StatusBar Clock Settings(position,color,style,html,hide)<br /> --StatusBar Carrier Text(visibility,color,custom text)*<br /> --Trasparent Status And Navigation Bar on Launcher(Works on any launcher)*<br /> --StatusBar Icon Colors(reboot is needed)*<br /> --Navigation Bar Color*<br /> --Navigation Bar Height(Works fine with any launcher,even stock)<br /> --Gradient Navigation Bar<br /> --Navigation Bar button colors(color,homescreen color,glowcolor)*<br /> --Navigation Bar Button Actions with custom timeout*<br /> --Ring Pad customization<br /> --Notification Panel Color<br /> --Brightness Slider Background Color<br /> --Volume Slider Background Color<br /> --Brightness Slider Seekbar Color<br /> --Volume Slider Seekbar Color<br /> --Date Panel Background Color<br /> --Date Panel Label Color<br /> --Divider color(reboot is needed)<br /> --QSlide Panel Color<br /> --Notification Row(Background,Pressed and Icon Color)*<br /> --QuickSettings BackGround Button Colors(Normal and Pressed)<br /> --QuickSettings Icon and label Button Color(Active and UnActive)<br /> --List Overscroll Edge/Glow Colors(reboot is needed)<br /> --Hide Label Button Color<br /> --Hide QuickSettings<br /> --Hide Volume Slider*<br /> --Hide Brightness Slider*<br /> --Hide Carrier text on notification panel<br /> --Battery percentage text size option*<br /> --Control Brightness level by sliding the statusbar</div> <div style="border: 0px; margin-bottom: 5px; padding: 0px;"> CALLS TWEAKS<br /> --Call Recording<br /> --Auto Call Recording*<br /> --Set Call History as Default Tab*<br /> --Enable Noise Suppression*<br /> --Disable VuTalk*</div> <div style="border: 0px; margin-bottom: 5px; padding: 0px;"> MESSAGES TWEAKS<br /> --Exclude contacts without phone numbers in messaging app option*<br /> --New Message screen off option*</div> <div style="border: 0px; margin-bottom: 5px; padding: 0px;"> LED TWEAKS<br /> --Change default led color for missed call*<br /> --Change default led color for incoming call<br /> --Change default led color for missed messages*<br /> --Disable LEDs in Quite MODE*<br /> --Back led options*</div> <div style="border: 0px; margin-bottom: 5px; padding: 0px;"> LOCKSCREEN TWEAKS<br /> --See-Through Wallpaper*<br /> --Enable QUICKUNLOCK*<br /> --Enable Rotation<br /> --Disable carrier text and icon*<br /> --Use squared icons<br /> --Hide alarm info*<br /> --Hide charging info<br /> --Hide pattern string*<br /> --Hide swype string*<br /> --Hide statusbar clock*<br /> --Show Remaiming Attemps<br /> --Aosp Lockscreen*<br /> --Knock OFF on Aosp Lockscreen*<br /> --Fix Blank Screen Bug with aosp lockscreen*<br /> --Remove shadow background on aosp lockscreen*<br /> --QuickUnlock on aosp lockscreen*</div> <div style="border: 0px; margin-bottom: 5px; padding: 0px;"> NOTIFICATIONS TWEAKS<br /> --Hide input switcher notification<br /> --Disable charging plug/unplug notifications<br /> --Hide full battery notification<br /> --Hide AC charging notification*<br /> --Hide slow charging notification*<br /> --Hide wireless charging notification<br /> --Hide verizon notifications*<br /> --Hide Quietmode schedule notification<br /> --Hide Battery saver notification*<br /> --Hide Low Battery Dialog*<br /> --Hide Airplane Mode Dialog*<br /> --Disable Data roaming notification*</div> <div style="border: 0px; margin-bottom: 5px; padding: 0px;"> SOUND TWEAKS<br /> --Disable PlugnPop when heaset are plugged in.<br /> --Skip Tracks with volume Keys*<br /> --Disable Safety HeadSet Volume*<br /> --Auto Expand Volume Panel*<br /> --Fix Headset Hissing issues</div> <div style="border: 0px; margin-bottom: 5px; padding: 0px;"> CAMERA TWEAKS<br /> --Enable Shutter Sound OFF*<br /> --Disable Video Recording Sound*<br /> --Disable Focus Sounds*<br /> --Disable Camera Forced Sound<br /> --Disable low battery check*</div> <div style="border: 0px; margin-bottom: 5px; padding: 0px;"> MISC TWEAKS<br /> --Enable All Rotations*<br /> --Freeze rotation to the current one(disable forced rotation to portrait when you disable auto rotation)*<br /> --Disable NavBar<br /> --4 way reboot menu button*<br /> --Palm swype to take a screenshot*<br /> --Enable Overflow menu button*<br /> --Enable LG Launcher Hidden Settings<br /> --Enable Torch(Flashlight) with volume up key*<br /> --Show Extended Kernel Info<br /> --Enable Knock OFF on NavBar</div> <div style="border: 0px; margin-bottom: 5px; padding: 0px;"> *Premium features(you can buy the premium version and unlock them via in-app purchase)</div> </div> </div> </div> </div> </div> </div> G2 TweaksBox Unknown 0 All, tools 14:03 … Read more » Read more » 29Aug2014
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 Unknown 0 All, tools 10:58 … Read more » Read more » Read more » 29Aug2014
.png)
.webp)