├── Vienna Lite Responsive Blogger Template ├── Image │ ├── 728x90.png │ ├── Vienna Lite.png │ ├── Vienna Lite.psd │ └── Vienna Lite Responsive Blogger Template.png ├── Setelan │ ├── Lainnya.png │ ├── Deskripsi.png │ ├── Widget Post.png │ ├── Zona Waktu.png │ └── Pos dan komentar.png ├── Documentation │ ├── assets │ │ ├── js │ │ │ ├── top.js │ │ │ ├── layout.js │ │ │ ├── jquery.localscroll-1.2.7.js │ │ │ ├── jquery.scrollTo-1.4.3.1.js │ │ │ └── prettify │ │ │ │ └── prettify.js │ │ └── css │ │ │ ├── prettify.css │ │ │ └── style.css │ └── index.html └── How to install.txt ├── README.md ├── ghostheme-blogspot.xml └── Template Blog Safelink Converter.xml /Vienna Lite Responsive Blogger Template/Image/728x90.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fdciabdul/Premium-Blogger-Template/HEAD/Vienna Lite Responsive Blogger Template/Image/728x90.png -------------------------------------------------------------------------------- /Vienna Lite Responsive Blogger Template/Setelan/Lainnya.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fdciabdul/Premium-Blogger-Template/HEAD/Vienna Lite Responsive Blogger Template/Setelan/Lainnya.png -------------------------------------------------------------------------------- /Vienna Lite Responsive Blogger Template/Image/Vienna Lite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fdciabdul/Premium-Blogger-Template/HEAD/Vienna Lite Responsive Blogger Template/Image/Vienna Lite.png -------------------------------------------------------------------------------- /Vienna Lite Responsive Blogger Template/Image/Vienna Lite.psd: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fdciabdul/Premium-Blogger-Template/HEAD/Vienna Lite Responsive Blogger Template/Image/Vienna Lite.psd -------------------------------------------------------------------------------- /Vienna Lite Responsive Blogger Template/Setelan/Deskripsi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fdciabdul/Premium-Blogger-Template/HEAD/Vienna Lite Responsive Blogger Template/Setelan/Deskripsi.png -------------------------------------------------------------------------------- /Vienna Lite Responsive Blogger Template/Setelan/Widget Post.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fdciabdul/Premium-Blogger-Template/HEAD/Vienna Lite Responsive Blogger Template/Setelan/Widget Post.png -------------------------------------------------------------------------------- /Vienna Lite Responsive Blogger Template/Setelan/Zona Waktu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fdciabdul/Premium-Blogger-Template/HEAD/Vienna Lite Responsive Blogger Template/Setelan/Zona Waktu.png -------------------------------------------------------------------------------- /Vienna Lite Responsive Blogger Template/Setelan/Pos dan komentar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fdciabdul/Premium-Blogger-Template/HEAD/Vienna Lite Responsive Blogger Template/Setelan/Pos dan komentar.png -------------------------------------------------------------------------------- /Vienna Lite Responsive Blogger Template/Image/Vienna Lite Responsive Blogger Template.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fdciabdul/Premium-Blogger-Template/HEAD/Vienna Lite Responsive Blogger Template/Image/Vienna Lite Responsive Blogger Template.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Premium-Blogger-Template 2 | List of premium blogger template 3 | 4 | Feel free to use bruh 5 | 6 | Thoose template isn't my own , any copyright or your website going to be takedown by author is not my fault 7 | 8 | https://imtaqin.id 9 | 10 | -------------------------------------------------------------------------------- /Vienna Lite Responsive Blogger Template/Documentation/assets/js/top.js: -------------------------------------------------------------------------------- 1 | $(function() { 2 | $(window).scroll(function() { 3 | if($(this).scrollTop()>100) { 4 | $('.totop').fadeIn('fast'); } else { $('.totop').fadeOut('fast'); } }); 5 | $('.totop').click(function() { $('body,html').animate({scrollTop:0},400);return false }); }); -------------------------------------------------------------------------------- /Vienna Lite Responsive Blogger Template/How to install.txt: -------------------------------------------------------------------------------- 1 | Welcome to gooyaabitemplates support portal 2 | ---------------------------------------- 3 | 4 | 5 | 6 | How to install/upload blogger template in your blogger? 7 | 8 | Read here.. 9 | 10 | 11 | https://gooyaabitemplates.com/how-to-install-blogger-template/ 12 | 13 | 14 | 15 | 16 | 17 | 18 | If you need additional support, Please visit.. 19 | 20 | 21 | https://gooyaabitemplates.com/blogger-support-forum/ -------------------------------------------------------------------------------- /Vienna Lite Responsive Blogger Template/Documentation/assets/js/layout.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function () { 2 | var AFFIX_TOP_LIMIT = 300; 3 | var AFFIX_OFFSET = 49; 4 | $('#menu-left').localScroll({hash:true, onAfterFirst:function(){$('html, body').scrollTo( {top:'-=25px'}, 'fast' );}}); 5 | var $menu = $("#menu"), 6 | $btn = $("#menu-toggle"); 7 | 8 | $("#menu-toggle").on("click", function () { 9 | $menu.toggleClass("open"); 10 | return false; 11 | }); 12 | 13 | 14 | $(".docs-nav").each(function () { 15 | var $affixNav = $(this), 16 | $container = $affixNav.parent(), 17 | affixNavfixed = false, 18 | originalClassName = this.className, 19 | current = null, 20 | $links = $affixNav.find("a"); 21 | 22 | function getClosestHeader(top) { 23 | var last = $links.first(); 24 | 25 | if (top < AFFIX_TOP_LIMIT) { 26 | return last; 27 | } 28 | 29 | for (var i = 0; i < $links.length; i++) { 30 | var $link = $links.eq(i), 31 | href = $link.attr("href"); 32 | 33 | if (href.charAt(0) === "#" && href.length > 1) { 34 | var $anchor = $(href).first(); 35 | 36 | if ($anchor.length > 0) { 37 | var offset = $anchor.offset(); 38 | 39 | if (top < offset.top - AFFIX_OFFSET) { 40 | return last; 41 | } 42 | 43 | last = $link; 44 | } 45 | } 46 | } 47 | return last; 48 | } 49 | 50 | 51 | $(window).on("scroll", function (evt) { 52 | var top = window.scrollY, 53 | height = $affixNav.outerHeight(), 54 | max_bottom = $container.offset().top + $container.outerHeight(), 55 | bottom = top + height + AFFIX_OFFSET; 56 | 57 | if (affixNavfixed) { 58 | if (top <= AFFIX_TOP_LIMIT) { 59 | $affixNav.removeClass("fixed"); 60 | $affixNav.css("top", 0); 61 | affixNavfixed = false; 62 | } else if (bottom > max_bottom) { 63 | $affixNav.css("top", (max_bottom - height) - top); 64 | } else { 65 | $affixNav.css("top", AFFIX_OFFSET); 66 | } 67 | } else if (top > AFFIX_TOP_LIMIT) { 68 | $affixNav.addClass("fixed"); 69 | affixNavfixed = true; 70 | } 71 | 72 | var $current = getClosestHeader(top); 73 | 74 | if (current !== $current) { 75 | $affixNav.find(".active").removeClass("active"); 76 | $current.addClass("active"); 77 | current = $current; 78 | } 79 | }); 80 | }); 81 | 82 | prettyPrint(); 83 | }); 84 | -------------------------------------------------------------------------------- /Vienna Lite Responsive Blogger Template/Documentation/assets/css/prettify.css: -------------------------------------------------------------------------------- 1 | /* GitHub Theme */ 2 | /* Pretty printing styles. Used with prettify.js. */ 3 | /* SPAN elements with the classes below are added by prettyprint. */ 4 | /* plain text */ 5 | .pln { 6 | color: #333333; 7 | } 8 | .prettyprint{overflow:auto!important;} 9 | 10 | @media screen { 11 | /* string content */ 12 | .str { 13 | color: #dd1144; 14 | } 15 | 16 | /* a keyword */ 17 | .kwd { 18 | color: #333333; 19 | } 20 | 21 | /* a comment */ 22 | .com { 23 | color: #999988; 24 | } 25 | 26 | /* a type name */ 27 | .typ { 28 | color: #445588; 29 | } 30 | 31 | /* a literal value */ 32 | .lit { 33 | color: #445588; 34 | } 35 | 36 | /* punctuation */ 37 | .pun { 38 | color: #333333; 39 | } 40 | 41 | /* lisp open bracket */ 42 | .opn { 43 | color: #333333; 44 | } 45 | 46 | /* lisp close bracket */ 47 | .clo { 48 | color: #333333; 49 | } 50 | 51 | /* a markup tag name */ 52 | .tag { 53 | color: navy; 54 | } 55 | 56 | /* a markup attribute name */ 57 | .atn { 58 | color: teal; 59 | } 60 | 61 | /* a markup attribute value */ 62 | .atv { 63 | color: #dd1144; 64 | } 65 | 66 | /* a declaration */ 67 | .dec { 68 | color: #333333; 69 | } 70 | 71 | /* a variable name */ 72 | .var { 73 | color: teal; 74 | } 75 | 76 | /* a function name */ 77 | .fun { 78 | color: #990000; 79 | } 80 | } 81 | /* Use higher contrast and text-weight for printable form. */ 82 | @media print, projection { 83 | .str { 84 | color: #006600; 85 | } 86 | 87 | .kwd { 88 | color: #006; 89 | font-weight: bold; 90 | } 91 | 92 | .com { 93 | color: #600; 94 | font-style: italic; 95 | } 96 | 97 | .typ { 98 | color: #404; 99 | font-weight: bold; 100 | } 101 | 102 | .lit { 103 | color: #004444; 104 | } 105 | 106 | .pun, .opn, .clo { 107 | color: #444400; 108 | } 109 | 110 | .tag { 111 | color: #006; 112 | font-weight: bold; 113 | } 114 | 115 | .atn { 116 | color: #440044; 117 | } 118 | 119 | .atv { 120 | color: #006600; 121 | } 122 | } 123 | /* Style */ 124 | pre.prettyprint { 125 | background: #F0F0F0; 126 | font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace; 127 | font-size: 12px; 128 | line-height: 1.5; 129 | border: 1px solid #cccccc; 130 | padding: 0; 131 | } 132 | 133 | /* Specify class=linenums on a pre to get line numbering */ 134 | ol.linenums { 135 | margin-top: 0; 136 | margin-bottom: 0; 137 | color: #888; 138 | } 139 | 140 | .linenums li { 141 | background: #FAFAFA; 142 | padding-left: 10px; 143 | border-left: 1px solid #CCC; 144 | } 145 | 146 | .linenums li { 147 | padding-top: 5px; 148 | } 149 | 150 | .linenums li + li { 151 | padding-top: 0; 152 | } 153 | 154 | .linenums li:last-child { 155 | padding-bottom: 5px; 156 | } 157 | 158 | 159 | 160 | /* IE indents via margin-left */ 161 | li.L0, 162 | li.L1, 163 | li.L2, 164 | li.L3, 165 | li.L4, 166 | li.L5, 167 | li.L6, 168 | li.L7, 169 | li.L8, 170 | li.L9 { 171 | /* */ 172 | } 173 | 174 | /* Alternate shading for lines */ 175 | li.L1, 176 | li.L3, 177 | li.L5, 178 | li.L7, 179 | li.L9 { 180 | /* */ 181 | } 182 | -------------------------------------------------------------------------------- /Vienna Lite Responsive Blogger Template/Documentation/assets/js/jquery.localscroll-1.2.7.js: -------------------------------------------------------------------------------- 1 | /** 2 | * jQuery.LocalScroll 3 | * Copyright (c) 2007-2009 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com 4 | * Dual licensed under MIT and GPL. 5 | * Date: 3/11/2009 6 | * 7 | * @projectDescription Animated scrolling navigation, using anchors. 8 | * http://flesler.blogspot.com/2007/10/jquerylocalscroll-10.html 9 | * @author Ariel Flesler 10 | * @version 1.2.7 11 | * 12 | * @id jQuery.fn.localScroll 13 | * @param {Object} settings Hash of settings, it is passed in to jQuery.ScrollTo, none is required. 14 | * @return {jQuery} Returns the same jQuery object, for chaining. 15 | * 16 | * @example $('ul.links').localScroll(); 17 | * 18 | * @example $('ul.links').localScroll({ filter:'.animated', duration:400, axis:'x' }); 19 | * 20 | * @example $.localScroll({ target:'#pane', axis:'xy', queue:true, event:'mouseover' }); 21 | * 22 | * Notes: 23 | * - The plugin requires jQuery.ScrollTo. 24 | * - The hash of settings, is passed to jQuery.ScrollTo, so the settings are valid for that plugin as well. 25 | * - jQuery.localScroll can be used if the desired links, are all over the document, it accepts the same settings. 26 | * - If the setting 'lazy' is set to true, then the binding will still work for later added anchors. 27 | * - If onBefore returns false, the event is ignored. 28 | **/ 29 | ;(function( $ ){ 30 | var URI = location.href.replace(/#.*/,''); // local url without hash 31 | 32 | var $localScroll = $.localScroll = function( settings ){ 33 | $('body').localScroll( settings ); 34 | }; 35 | 36 | // Many of these defaults, belong to jQuery.ScrollTo, check it's demo for an example of each option. 37 | // @see http://flesler.demos.com/jquery/scrollTo/ 38 | // The defaults are public and can be overriden. 39 | $localScroll.defaults = { 40 | duration:1000, // How long to animate. 41 | axis:'y', // Which of top and left should be modified. 42 | event:'click', // On which event to react. 43 | stop:true, // Avoid queuing animations 44 | target: window, // What to scroll (selector or element). The whole window by default. 45 | reset: true // Used by $.localScroll.hash. If true, elements' scroll is resetted before actual scrolling 46 | /* 47 | lock:false, // ignore events if already animating 48 | lazy:false, // if true, links can be added later, and will still work. 49 | filter:null, // filter some anchors out of the matched elements. 50 | hash: false // if true, the hash of the selected link, will appear on the address bar. 51 | */ 52 | }; 53 | 54 | // If the URL contains a hash, it will scroll to the pointed element 55 | $localScroll.hash = function( settings ){ 56 | if( location.hash ){ 57 | settings = $.extend( {}, $localScroll.defaults, settings ); 58 | settings.hash = false; // can't be true 59 | 60 | if( settings.reset ){ 61 | var d = settings.duration; 62 | delete settings.duration; 63 | $(settings.target).scrollTo( 0, settings ); 64 | settings.duration = d; 65 | } 66 | scroll( 0, location, settings ); 67 | } 68 | }; 69 | 70 | $.fn.localScroll = function( settings ){ 71 | settings = $.extend( {}, $localScroll.defaults, settings ); 72 | 73 | return settings.lazy ? 74 | // use event delegation, more links can be added later. 75 | this.bind( settings.event, function( e ){ 76 | // Could use closest(), but that would leave out jQuery -1.3.x 77 | var a = $([e.target, e.target.parentNode]).filter(filter)[0]; 78 | // if a valid link was clicked 79 | if( a ) 80 | scroll( e, a, settings ); // do scroll. 81 | }) : 82 | // bind concretely, to each matching link 83 | this.find('a,area') 84 | .filter( filter ).bind( settings.event, function(e){ 85 | scroll( e, this, settings ); 86 | }).end() 87 | .end(); 88 | 89 | function filter(){// is this a link that points to an anchor and passes a possible filter ? href is checked to avoid a bug in FF. 90 | return !!this.href && !!this.hash && this.href.replace(this.hash,'') == URI && (!settings.filter || $(this).is( settings.filter )); 91 | }; 92 | }; 93 | 94 | function scroll( e, link, settings ){ 95 | var id = link.hash.slice(1), 96 | elem = document.getElementById(id) || document.getElementsByName(id)[0]; 97 | 98 | if ( !elem ) 99 | return; 100 | 101 | if( e ) 102 | e.preventDefault(); 103 | 104 | var $target = $( settings.target ); 105 | 106 | if( settings.lock && $target.is(':animated') || 107 | settings.onBefore && settings.onBefore.call(settings, e, elem, $target) === false ) 108 | return; 109 | 110 | if( settings.stop ) 111 | $target.stop(true); // remove all its animations 112 | 113 | if( settings.hash ){ 114 | var attr = elem.id == id ? 'id' : 'name', 115 | $a = $(' ').attr(attr, id).css({ 116 | position:'absolute', 117 | top: $(window).scrollTop(), 118 | left: $(window).scrollLeft() 119 | }); 120 | 121 | elem[attr] = ''; 122 | $('body').prepend($a); 123 | location = link.hash; 124 | $a.remove(); 125 | elem[attr] = id; 126 | } 127 | 128 | $target 129 | .scrollTo( elem, settings ) // do scroll 130 | .trigger('notify.serialScroll',[elem]); // notify serialScroll about this change 131 | }; 132 | 133 | })( jQuery ); -------------------------------------------------------------------------------- /Vienna Lite Responsive Blogger Template/Documentation/assets/js/jquery.scrollTo-1.4.3.1.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * jQuery.ScrollTo 3 | * Copyright (c) 2007-2012 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com 4 | * Dual licensed under MIT and GPL. 5 | * Date: 4/09/2012 6 | * 7 | * @projectDescription Easy element scrolling using jQuery. 8 | * http://flesler.blogspot.com/2007/10/jqueryscrollto.html 9 | * @author Ariel Flesler 10 | * @version 1.4.3.1 11 | * 12 | * @id jQuery.scrollTo 13 | * @id jQuery.fn.scrollTo 14 | * @param {String, Number, DOMElement, jQuery, Object} target Where to scroll the matched elements. 15 | * The different options for target are: 16 | * - A number position (will be applied to all axes). 17 | * - A string position ('44', '100px', '+=90', etc ) will be applied to all axes 18 | * - A jQuery/DOM element ( logically, child of the element to scroll ) 19 | * - A string selector, that will be relative to the element to scroll ( 'li:eq(2)', etc ) 20 | * - A hash { top:x, left:y }, x and y can be any kind of number/string like above. 21 | * - A percentage of the container's dimension/s, for example: 50% to go to the middle. 22 | * - The string 'max' for go-to-end. 23 | * @param {Number, Function} duration The OVERALL length of the animation, this argument can be the settings object instead. 24 | * @param {Object,Function} settings Optional set of settings or the onAfter callback. 25 | * @option {String} axis Which axis must be scrolled, use 'x', 'y', 'xy' or 'yx'. 26 | * @option {Number, Function} duration The OVERALL length of the animation. 27 | * @option {String} easing The easing method for the animation. 28 | * @option {Boolean} margin If true, the margin of the target element will be deducted from the final position. 29 | * @option {Object, Number} offset Add/deduct from the end position. One number for both axes or { top:x, left:y }. 30 | * @option {Object, Number} over Add/deduct the height/width multiplied by 'over', can be { top:x, left:y } when using both axes. 31 | * @option {Boolean} queue If true, and both axis are given, the 2nd axis will only be animated after the first one ends. 32 | * @option {Function} onAfter Function to be called after the scrolling ends. 33 | * @option {Function} onAfterFirst If queuing is activated, this function will be called after the first scrolling ends. 34 | * @return {jQuery} Returns the same jQuery object, for chaining. 35 | * 36 | * @desc Scroll to a fixed position 37 | * @example $('div').scrollTo( 340 ); 38 | * 39 | * @desc Scroll relatively to the actual position 40 | * @example $('div').scrollTo( '+=340px', { axis:'y' } ); 41 | * 42 | * @desc Scroll using a selector (relative to the scrolled element) 43 | * @example $('div').scrollTo( 'p.paragraph:eq(2)', 500, { easing:'swing', queue:true, axis:'xy' } ); 44 | * 45 | * @desc Scroll to a DOM element (same for jQuery object) 46 | * @example var second_child = document.getElementById('container').firstChild.nextSibling; 47 | * $('#container').scrollTo( second_child, { duration:500, axis:'x', onAfter:function(){ 48 | * alert('scrolled!!'); 49 | * }}); 50 | * 51 | * @desc Scroll on both axes, to different values 52 | * @example $('div').scrollTo( { top: 300, left:'+=200' }, { axis:'xy', offset:-20 } ); 53 | */ 54 | 55 | ;(function( $ ){ 56 | 57 | var $scrollTo = $.scrollTo = function( target, duration, settings ){ 58 | $(window).scrollTo( target, duration, settings ); 59 | }; 60 | 61 | $scrollTo.defaults = { 62 | axis:'xy', 63 | duration: parseFloat($.fn.jquery) >= 1.3 ? 0 : 1, 64 | limit:true 65 | }; 66 | 67 | // Returns the element that needs to be animated to scroll the window. 68 | // Kept for backwards compatibility (specially for localScroll & serialScroll) 69 | $scrollTo.window = function( scope ){ 70 | return $(window)._scrollable(); 71 | }; 72 | 73 | // Hack, hack, hack :) 74 | // Returns the real elements to scroll (supports window/iframes, documents and regular nodes) 75 | $.fn._scrollable = function(){ 76 | return this.map(function(){ 77 | var elem = this, 78 | isWin = !elem.nodeName || $.inArray( elem.nodeName.toLowerCase(), ['iframe','#document','html','body'] ) != -1; 79 | 80 | if( !isWin ) 81 | return elem; 82 | 83 | var doc = (elem.contentWindow || elem).document || elem.ownerDocument || elem; 84 | 85 | return /webkit/i.test(navigator.userAgent) || doc.compatMode == 'BackCompat' ? 86 | doc.body : 87 | doc.documentElement; 88 | }); 89 | }; 90 | 91 | $.fn.scrollTo = function( target, duration, settings ){ 92 | if( typeof duration == 'object' ){ 93 | settings = duration; 94 | duration = 0; 95 | } 96 | if( typeof settings == 'function' ) 97 | settings = { onAfter:settings }; 98 | 99 | if( target == 'max' ) 100 | target = 9e9; 101 | 102 | settings = $.extend( {}, $scrollTo.defaults, settings ); 103 | // Speed is still recognized for backwards compatibility 104 | duration = duration || settings.duration; 105 | // Make sure the settings are given right 106 | settings.queue = settings.queue && settings.axis.length > 1; 107 | 108 | if( settings.queue ) 109 | // Let's keep the overall duration 110 | duration /= 2; 111 | settings.offset = both( settings.offset ); 112 | settings.over = both( settings.over ); 113 | 114 | return this._scrollable().each(function(){ 115 | // Null target yields nothing, just like jQuery does 116 | if (target == null) return; 117 | 118 | var elem = this, 119 | $elem = $(elem), 120 | targ = target, toff, attr = {}, 121 | win = $elem.is('html,body'); 122 | 123 | switch( typeof targ ){ 124 | // A number will pass the regex 125 | case 'number': 126 | case 'string': 127 | if( /^([+-]=)?\d+(\.\d+)?(px|%)?$/.test(targ) ){ 128 | targ = both( targ ); 129 | // We are done 130 | break; 131 | } 132 | // Relative selector, no break! 133 | targ = $(targ,this); 134 | if (!targ.length) return; 135 | case 'object': 136 | // DOMElement / jQuery 137 | if( targ.is || targ.style ) 138 | // Get the real position of the target 139 | toff = (targ = $(targ)).offset(); 140 | } 141 | $.each( settings.axis.split(''), function( i, axis ){ 142 | var Pos = axis == 'x' ? 'Left' : 'Top', 143 | pos = Pos.toLowerCase(), 144 | key = 'scroll' + Pos, 145 | old = elem[key], 146 | max = $scrollTo.max(elem, axis); 147 | 148 | if( toff ){// jQuery / DOMElement 149 | attr[key] = toff[pos] + ( win ? 0 : old - $elem.offset()[pos] ); 150 | 151 | // If it's a dom element, reduce the margin 152 | if( settings.margin ){ 153 | attr[key] -= parseInt(targ.css('margin'+Pos)) || 0; 154 | attr[key] -= parseInt(targ.css('border'+Pos+'Width')) || 0; 155 | } 156 | 157 | attr[key] += settings.offset[pos] || 0; 158 | 159 | if( settings.over[pos] ) 160 | // Scroll to a fraction of its width/height 161 | attr[key] += targ[axis=='x'?'width':'height']() * settings.over[pos]; 162 | }else{ 163 | var val = targ[pos]; 164 | // Handle percentage values 165 | attr[key] = val.slice && val.slice(-1) == '%' ? 166 | parseFloat(val) / 100 * max 167 | : val; 168 | } 169 | 170 | // Number or 'number' 171 | if( settings.limit && /^\d+$/.test(attr[key]) ) 172 | // Check the limits 173 | attr[key] = attr[key] <= 0 ? 0 : Math.min( attr[key], max ); 174 | 175 | // Queueing axes 176 | if( !i && settings.queue ){ 177 | // Don't waste time animating, if there's no need. 178 | if( old != attr[key] ) 179 | // Intermediate animation 180 | animate( settings.onAfterFirst ); 181 | // Don't animate this axis again in the next iteration. 182 | delete attr[key]; 183 | } 184 | }); 185 | 186 | animate( settings.onAfter ); 187 | 188 | function animate( callback ){ 189 | $elem.animate( attr, duration, settings.easing, callback && function(){ 190 | callback.call(this, target, settings); 191 | }); 192 | }; 193 | 194 | }).end(); 195 | }; 196 | 197 | // Max scrolling position, works on quirks mode 198 | // It only fails (not too badly) on IE, quirks mode. 199 | $scrollTo.max = function( elem, axis ){ 200 | var Dim = axis == 'x' ? 'Width' : 'Height', 201 | scroll = 'scroll'+Dim; 202 | 203 | if( !$(elem).is('html,body') ) 204 | return elem[scroll] - $(elem)[Dim.toLowerCase()](); 205 | 206 | var size = 'client' + Dim, 207 | html = elem.ownerDocument.documentElement, 208 | body = elem.ownerDocument.body; 209 | 210 | return Math.max( html[scroll], body[scroll] ) 211 | - Math.min( html[size] , body[size] ); 212 | }; 213 | 214 | function both( val ){ 215 | return typeof val == 'object' ? val : { top:val, left:val }; 216 | }; 217 | 218 | })( jQuery ); -------------------------------------------------------------------------------- /Vienna Lite Responsive Blogger Template/Documentation/assets/css/style.css: -------------------------------------------------------------------------------- 1 | body, html { 2 | margin: 0; 3 | padding: 0; 4 | } 5 | 6 | body, 7 | input, 8 | h1, 9 | h2, 10 | h3, 11 | h4, 12 | h5, 13 | h6 { 14 | font-family: fontawesome, Raleway, Helvetica, Arial, "Lucida Grande", sans-serif; 15 | font-weight: 300; 16 | font-size: 18px; 17 | } 18 | 19 | body { 20 | line-height: 2; 21 | color: #222; 22 | background: #fff; 23 | } 24 | 25 | img, iframe { 26 | max-width: 100%; 27 | } 28 | 29 | iframe { 30 | max-height: 100%; 31 | } 32 | 33 | img { 34 | height:auto; 35 | } 36 | 37 | iframe { 38 | border: 0 !important; 39 | } 40 | 41 | 42 | header { 43 | width: 100%; 44 | overflow: hidden; 45 | } 46 | span.new { 47 | font-style: italic; 48 | color: #4db2ec; 49 | font-weight: 500; 50 | } 51 | .container { 52 | max-width: 97%; 53 | margin: auto; 54 | position: relative; 55 | } 56 | 57 | strong, dt, h3, h4 { 58 | font-weight: 700; 59 | } 60 | 61 | h1, 62 | h2, 63 | h3, 64 | h4, 65 | h5, 66 | h6 { 67 | margin: 10px 0; 68 | line-height: 20px; 69 | color: inherit; 70 | text-rendering: optimizelegibility; 71 | } 72 | 73 | 74 | h1, 75 | h2, 76 | h3 { 77 | line-height: 40px; 78 | } 79 | 80 | h2 { 81 | font-size: 50px; 82 | line-height: 1.2; 83 | } 84 | 85 | h3 { 86 | font-size: 24.5px; 87 | } 88 | 89 | h4 { 90 | font-size: 17.5px; 91 | } 92 | 93 | h5 { 94 | font-size: 14px; 95 | } 96 | 97 | h6 { 98 | font-size: 11.9px; 99 | } 100 | 101 | hr { 102 | background: #EEE; 103 | border: 0; 104 | height: 1px; 105 | margin: 40px 0 40px; 106 | } 107 | 108 | blockquote { 109 | margin: 1em 0; 110 | border-left: 3px solid #ccc; 111 | padding-left: 20px; 112 | text-align: left; 113 | } 114 | 115 | 116 | 117 | dt { 118 | } 119 | 120 | dd { 121 | padding: 0; 122 | margin: 0 0 25px 0; 123 | } 124 | 125 | a { 126 | -webkit-transition: all ease 150ms; 127 | -moz-transition: all ease 150ms; 128 | -o-transition: all ease 150ms; 129 | transition: all ease 150ms; 130 | text-decoration: none; 131 | color: #4db2ec; 132 | } 133 | 134 | a:hover { 135 | text-decoration: underline; 136 | } 137 | 138 | a:active { 139 | color: #4db2ec; 140 | } 141 | 142 | /* Header Styles */ 143 | header { 144 | padding: 2em 0 2em 0; 145 | text-align: center; 146 | background: #4db2ec; 147 | color: #fff; 148 | } 149 | 150 | 151 | h1 { 152 | margin: 0; 153 | padding: 0; 154 | float: left; 155 | color:#fff; 156 | font-weight:bold; 157 | font-size:35px; 158 | text-transform:uppercase; 159 | padding-top: 10px; 160 | margin-right:30px; 161 | } 162 | 163 | header h2 { 164 | margin: 0 0 1em 0; 165 | } 166 | 167 | header h2.docs-header { 168 | margin: 0; 169 | } 170 | 171 | footer { 172 | text-align: center; 173 | padding: 1.5em 0; 174 | } 175 | 176 | footer p { 177 | margin: 0; 178 | color: #999; 179 | } 180 | 181 | section img { 182 | height: auto; 183 | border: 1px solid #eee; 184 | } 185 | .small_title { 186 | font: 400 18px fontawesome,Raleway,Tahoma; 187 | color: #4db2ec; 188 | } 189 | .fa-check-square-o:before { 190 | content: "\f046"; 191 | } 192 | .fa{margin-right:5px;font-size: 16px;} 193 | .red-color{color:#fa6565;} 194 | .green-color{color:#adde6e;} 195 | .blue-color{color:#3ac6ef;} 196 | .orange-color{color:#ffc452;} 197 | .grey-color{color:#aaa;} 198 | .pink-color{color:#fa5ebd;} 199 | .bluegreen-color{color:#27cea5;} 200 | .purple-color{color:#973dd7;} 201 | 202 | .videos{margin:0;padding:0;list-style:none;} 203 | .videos li { 204 | width: 226px; 205 | height: 274px; 206 | float: left; 207 | margin-right: 20px; 208 | } 209 | .videos li img:hover{opacity:0.8;} 210 | 211 | /* Navigation Styles */ 212 | nav { 213 | background: #2b2b2b ; 214 | padding: 10px 0; 215 | min-height: 60px; 216 | } 217 | .container h1{margin-top:4px;} 218 | 219 | nav ul, nav li { 220 | margin: 0; 221 | padding: 0; 222 | list-style: none; 223 | } 224 | 225 | nav a { 226 | padding: 0 1em; 227 | color: #fff; 228 | font-size: .9em; 229 | font-weight: 700; 230 | height: 60px; 231 | line-height: 60px; 232 | display: block; 233 | } 234 | 235 | nav h1 a { 236 | padding: 7px 1em; 237 | height: 46px; 238 | line-height: 0; 239 | height: 45px; 240 | line-height: 45px; 241 | } 242 | 243 | nav a:hover { 244 | background: #4db2ec; 245 | text-decoration: none; 246 | } 247 | 248 | nav a:active { 249 | background: #27637e; 250 | } 251 | 252 | 253 | nav a:active { 254 | color: #fff; 255 | cursor: default; 256 | } 257 | 258 | 259 | 260 | nav ul.toplinks { 261 | padding: 20px 0 0 0; 262 | } 263 | 264 | nav #menu { 265 | overflow: hidden; 266 | max-height: 0; 267 | clear: left; 268 | } 269 | 270 | 271 | nav #menu-toggle { 272 | position: absolute; 273 | right: 0; 274 | top: 0; 275 | font-size: 1.5em; 276 | padding: 0 16px; 277 | } 278 | 279 | .totop { 280 | background: rgba(43,45,49,0.5); 281 | padding: 5px 10px; 282 | position: fixed; 283 | bottom: 10px; 284 | right: 10px; 285 | color: #fff; 286 | border-radius: 2px; 287 | font-size: 10px; 288 | text-transform: uppercase; 289 | font-weight: bold; 290 | -webkit-transition: all linear 0.2s; 291 | -moz-transition: all linear 0.2s; 292 | -o-transition: all linear 0.2s; 293 | transition: all linear 0.2s; 294 | } 295 | .totop:visited { 296 | color: #fff; 297 | } 298 | .totop:hover { 299 | text-decoration: none; 300 | background: rgba(43,45,49,0.9); 301 | color: #fff; 302 | -webkit-transition: all linear 0.2s; 303 | -moz-transition: all linear 0.2s; 304 | -o-transition: all linear 0.2s; 305 | transition: all linear 0.2s; 306 | } 307 | 308 | 309 | @media only screen and (min-width: 680px) { 310 | nav, nav #menu { 311 | height: 60px !important; 312 | } 313 | 314 | nav li, nav a { 315 | float: left; 316 | } 317 | 318 | 319 | nav ul.toplinks { 320 | float: left; 321 | padding: 0; 322 | clear: none; 323 | } 324 | 325 | nav ul.toplinks li { 326 | margin: 0 0 0 10px; 327 | } 328 | 329 | nav #menu-toggle { 330 | display: none !important; 331 | } 332 | 333 | nav #menu { 334 | max-height: 9999px; 335 | clear: none; 336 | } 337 | } 338 | 339 | 340 | /* Content Styles */ 341 | section { padding: 1em 0 3em; text-align: center; } 342 | section.vibrant { background: #222; color: #fff; } 343 | 344 | nav:before, 345 | nav:after, 346 | header:before, 347 | header:after, 348 | section:before, 349 | section:after { 350 | content: " "; 351 | display: table; 352 | } 353 | 354 | nav:after, header:after, section:after { clear: both; } 355 | nav, header, section { *zoom: 1; } 356 | 357 | 358 | 359 | /* Form Styles */ 360 | input { 361 | display: block; 362 | vertical-align: middle; 363 | line-height: 30px; 364 | margin: 0 auto; 365 | width: 100%; 366 | max-width: 400px; 367 | 368 | -moz-box-sizing: border-box; 369 | -webkit-box-sizing: border-box; 370 | box-sizing: border-box; 371 | 372 | -webkit-transition: all linear 0.2s; 373 | -moz-transition: all linear 0.2s; 374 | -o-transition: all linear 0.2s; 375 | transition: all linear 0.2s; 376 | } 377 | 378 | input:focus { 379 | border-color: #007eb2; 380 | outline: 0; 381 | } 382 | 383 | .docs-nav { 384 | background-color: #f9f9f9; 385 | list-style: none; 386 | margin: 0 0 0 20px; 387 | padding: 15px 20px; 388 | font-size: 0.97em; 389 | } 390 | .docs-nav strong { 391 | color: #4db2ec; 392 | font-size: 120%; 393 | } 394 | .docs-nav a { 395 | display: block; 396 | margin: 0 -20px; 397 | padding: 0 20px; 398 | text-decoration: none; 399 | color: #999; 400 | font-weight: 700; 401 | } 402 | 403 | @media only screen and (min-width: 400px) { 404 | 405 | } 406 | 407 | @media only screen and (min-width: 600px) { 408 | 409 | } 410 | 411 | @media only screen and (min-width: 960px) { 412 | .docs-nav { 413 | position: absolute; 414 | top: 0; 415 | width: 220px; 416 | -webkit-transition: top linear 150ms; 417 | -moz-transition: top linear 150ms; 418 | -o-transition: top linear 150ms; 419 | transition: top linear 150ms; 420 | } 421 | 422 | .docs-nav.fixed { 423 | position: fixed; 424 | top: 49px; 425 | width: 220px; 426 | } 427 | 428 | .docs-nav a:hover { 429 | background: #4db2ec; 430 | color: #fff; 431 | } 432 | 433 | .docs-nav a:active, 434 | .docs-nav .active { 435 | background: #4db2ec; 436 | color: #fff; 437 | } 438 | 439 | .docs-nav .separator { 440 | height: 20px; 441 | } 442 | 443 | .docs-content { 444 | padding-left: 310px; 445 | } 446 | 447 | 448 | 449 | header { 450 | padding: 4em 0 4em 0; 451 | } 452 | 453 | .container { 454 | max-width: 1200px; 455 | padding: 0 20px; 456 | margin: auto; 457 | } 458 | 459 | section { padding: 3em 0; text-align: left; } 460 | section.centered { 461 | text-align: center; 462 | } 463 | 464 | input { 465 | display: inline-block; 466 | } 467 | 468 | 469 | 470 | } 471 | 472 | -------------------------------------------------------------------------------- /Vienna Lite Responsive Blogger Template/Documentation/assets/js/prettify/prettify.js: -------------------------------------------------------------------------------- 1 | !function(){var q=null;window.PR_SHOULD_USE_CONTINUATION=!0; 2 | (function(){function S(a){function d(e){var b=e.charCodeAt(0);if(b!==92)return b;var a=e.charAt(1);return(b=r[a])?b:"0"<=a&&a<="7"?parseInt(e.substring(1),8):a==="u"||a==="x"?parseInt(e.substring(2),16):e.charCodeAt(1)}function g(e){if(e<32)return(e<16?"\\x0":"\\x")+e.toString(16);e=String.fromCharCode(e);return e==="\\"||e==="-"||e==="]"||e==="^"?"\\"+e:e}function b(e){var b=e.substring(1,e.length-1).match(/\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\[0-3][0-7]{0,2}|\\[0-7]{1,2}|\\[\S\s]|[^\\]/g),e=[],a= 3 | b[0]==="^",c=["["];a&&c.push("^");for(var a=a?1:0,f=b.length;a122||(l<65||h>90||e.push([Math.max(65,h)|32,Math.min(l,90)|32]),l<97||h>122||e.push([Math.max(97,h)&-33,Math.min(l,122)&-33]))}}e.sort(function(e,a){return e[0]-a[0]||a[1]-e[1]});b=[];f=[];for(a=0;ah[0]&&(h[1]+1>h[0]&&c.push("-"),c.push(g(h[1])));c.push("]");return c.join("")}function s(e){for(var a=e.source.match(/\[(?:[^\\\]]|\\[\S\s])*]|\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\\d+|\\[^\dux]|\(\?[!:=]|[()^]|[^()[\\^]+/g),c=a.length,d=[],f=0,h=0;f=2&&e==="["?a[f]=b(l):e!=="\\"&&(a[f]=l.replace(/[A-Za-z]/g,function(a){a=a.charCodeAt(0);return"["+String.fromCharCode(a&-33,a|32)+"]"}));return a.join("")}for(var x=0,m=!1,j=!1,k=0,c=a.length;k=5&&"lang-"===w.substring(0,5))&&!(t&&typeof t[1]==="string"))f=!1,w="src";f||(r[z]=w)}h=c;c+=z.length;if(f){f=t[1];var l=z.indexOf(f),B=l+f.length;t[2]&&(B=z.length-t[2].length,l=B-f.length);w=w.substring(5);H(j+h,z.substring(0,l),g,k);H(j+h+l,f,I(w,f),k);H(j+h+B,z.substring(B),g,k)}else k.push(j+h,w)}a.g=k}var b={},s;(function(){for(var g=a.concat(d),j=[],k={},c=0,i=g.length;c=0;)b[n.charAt(e)]=r;r=r[1];n=""+r;k.hasOwnProperty(n)||(j.push(r),k[n]=q)}j.push(/[\S\s]/);s=S(j)})();var x=d.length;return g}function v(a){var d=[],g=[];a.tripleQuotedStrings?d.push(["str",/^(?:'''(?:[^'\\]|\\[\S\s]|''?(?=[^']))*(?:'''|$)|"""(?:[^"\\]|\\[\S\s]|""?(?=[^"]))*(?:"""|$)|'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$))/,q,"'\""]):a.multiLineStrings?d.push(["str",/^(?:'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$)|`(?:[^\\`]|\\[\S\s])*(?:`|$))/, 10 | q,"'\"`"]):d.push(["str",/^(?:'(?:[^\n\r'\\]|\\.)*(?:'|$)|"(?:[^\n\r"\\]|\\.)*(?:"|$))/,q,"\"'"]);a.verbatimStrings&&g.push(["str",/^@"(?:[^"]|"")*(?:"|$)/,q]);var b=a.hashComments;b&&(a.cStyleComments?(b>1?d.push(["com",/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,q,"#"]):d.push(["com",/^#(?:(?:define|e(?:l|nd)if|else|error|ifn?def|include|line|pragma|undef|warning)\b|[^\n\r]*)/,q,"#"]),g.push(["str",/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h(?:h|pp|\+\+)?|[a-z]\w*)>/,q])):d.push(["com", 11 | /^#[^\n\r]*/,q,"#"]));a.cStyleComments&&(g.push(["com",/^\/\/[^\n\r]*/,q]),g.push(["com",/^\/\*[\S\s]*?(?:\*\/|$)/,q]));if(b=a.regexLiterals){var s=(b=b>1?"":"\n\r")?".":"[\\S\\s]";g.push(["lang-regex",RegExp("^(?:^^\\.?|[+-]|[!=]=?=?|\\#|%=?|&&?=?|\\(|\\*=?|[+\\-]=|->|\\/=?|::?|<>?>?=?|,|;|\\?|@|\\[|~|{|\\^\\^?=?|\\|\\|?=?|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\\s*("+("/(?=[^/*"+b+"])(?:[^/\\x5B\\x5C"+b+"]|\\x5C"+s+"|\\x5B(?:[^\\x5C\\x5D"+b+"]|\\x5C"+ 12 | s+")*(?:\\x5D|$))+/")+")")])}(b=a.types)&&g.push(["typ",b]);b=(""+a.keywords).replace(/^ | $/g,"");b.length&&g.push(["kwd",RegExp("^(?:"+b.replace(/[\s,]+/g,"|")+")\\b"),q]);d.push(["pln",/^\s+/,q," \r\n\t\u00a0"]);b="^.[^\\s\\w.$@'\"`/\\\\]*";a.regexLiterals&&(b+="(?!s*/)");g.push(["lit",/^@[$_a-z][\w$@]*/i,q],["typ",/^(?:[@_]?[A-Z]+[a-z][\w$@]*|\w+_t\b)/,q],["pln",/^[$_a-z][\w$@]*/i,q],["lit",/^(?:0x[\da-f]+|(?:\d(?:_\d+)*\d*(?:\.\d*)?|\.\d\+)(?:e[+-]?\d+)?)[a-z]*/i,q,"0123456789"],["pln",/^\\[\S\s]?/, 13 | q],["pun",RegExp(b),q]);return C(d,g)}function J(a,d,g){function b(a){var c=a.nodeType;if(c==1&&!x.test(a.className))if("br"===a.nodeName)s(a),a.parentNode&&a.parentNode.removeChild(a);else for(a=a.firstChild;a;a=a.nextSibling)b(a);else if((c==3||c==4)&&g){var d=a.nodeValue,i=d.match(m);if(i)c=d.substring(0,i.index),a.nodeValue=c,(d=d.substring(i.index+i[0].length))&&a.parentNode.insertBefore(j.createTextNode(d),a.nextSibling),s(a),c||a.parentNode.removeChild(a)}}function s(a){function b(a,c){var d= 14 | c?a.cloneNode(!1):a,e=a.parentNode;if(e){var e=b(e,1),g=a.nextSibling;e.appendChild(d);for(var i=g;i;i=g)g=i.nextSibling,e.appendChild(i)}return d}for(;!a.nextSibling;)if(a=a.parentNode,!a)return;for(var a=b(a.nextSibling,0),d;(d=a.parentNode)&&d.nodeType===1;)a=d;c.push(a)}for(var x=/(?:^|\s)nocode(?:\s|$)/,m=/\r\n?|\n/,j=a.ownerDocument,k=j.createElement("li");a.firstChild;)k.appendChild(a.firstChild);for(var c=[k],i=0;i=0;){var b=d[g];F.hasOwnProperty(b)?D.console&&console.warn("cannot override language handler %s",b):F[b]=a}}function I(a,d){if(!a||!F.hasOwnProperty(a))a=/^\s*=l&&(b+=2);g>=B&&(r+=2)}}finally{if(f)f.style.display=h}}catch(u){D.console&&console.log(u&&u.stack||u)}}var D=window,y=["break,continue,do,else,for,if,return,while"],E=[[y,"auto,case,char,const,default,double,enum,extern,float,goto,inline,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"], 18 | "catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"],M=[E,"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,delegate,dynamic_cast,explicit,export,friend,generic,late_check,mutable,namespace,nullptr,property,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"],N=[E,"abstract,assert,boolean,byte,extends,final,finally,implements,import,instanceof,interface,null,native,package,strictfp,super,synchronized,throws,transient"], 19 | O=[N,"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,internal,into,is,let,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var,virtual,where"],E=[E,"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN"],P=[y,"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"], 20 | Q=[y,"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"],W=[y,"as,assert,const,copy,drop,enum,extern,fail,false,fn,impl,let,log,loop,match,mod,move,mut,priv,pub,pure,ref,self,static,struct,true,trait,type,unsafe,use"],y=[y,"case,done,elif,esac,eval,fi,function,in,local,set,then,until"],R=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)\b/, 21 | V=/\S/,X=v({keywords:[M,O,E,"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END",P,Q,y],hashComments:!0,cStyleComments:!0,multiLineStrings:!0,regexLiterals:!0}),F={};p(X,["default-code"]);p(C([],[["pln",/^[^]*(?:>|$)/],["com",/^<\!--[\S\s]*?(?:--\>|$)/],["lang-",/^<\?([\S\s]+?)(?:\?>|$)/],["lang-",/^<%([\S\s]+?)(?:%>|$)/],["pun",/^(?:<[%?]|[%?]>)/],["lang-", 22 | /^]*>([\S\s]+?)<\/xmp\b[^>]*>/i],["lang-js",/^]*>([\S\s]*?)(<\/script\b[^>]*>)/i],["lang-css",/^]*>([\S\s]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i]]),["default-markup","htm","html","mxml","xhtml","xml","xsl"]);p(C([["pln",/^\s+/,q," \t\r\n"],["atv",/^(?:"[^"]*"?|'[^']*'?)/,q,"\"'"]],[["tag",/^^<\/?[a-z](?:[\w-.:]*\w)?|\/?>$/i],["atn",/^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],["lang-uq.val",/^=\s*([^\s"'>]*(?:[^\s"'/>]|\/(?=\s)))/],["pun",/^[/<->]+/], 23 | ["lang-js",/^on\w+\s*=\s*"([^"]+)"/i],["lang-js",/^on\w+\s*=\s*'([^']+)'/i],["lang-js",/^on\w+\s*=\s*([^\s"'>]+)/i],["lang-css",/^style\s*=\s*"([^"]+)"/i],["lang-css",/^style\s*=\s*'([^']+)'/i],["lang-css",/^style\s*=\s*([^\s"'>]+)/i]]),["in.tag"]);p(C([],[["atv",/^[\S\s]+/]]),["uq.val"]);p(v({keywords:M,hashComments:!0,cStyleComments:!0,types:R}),["c","cc","cpp","cxx","cyc","m"]);p(v({keywords:"null,true,false"}),["json"]);p(v({keywords:O,hashComments:!0,cStyleComments:!0,verbatimStrings:!0,types:R}), 24 | ["cs"]);p(v({keywords:N,cStyleComments:!0}),["java"]);p(v({keywords:y,hashComments:!0,multiLineStrings:!0}),["bash","bsh","csh","sh"]);p(v({keywords:P,hashComments:!0,multiLineStrings:!0,tripleQuotedStrings:!0}),["cv","py","python"]);p(v({keywords:"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END",hashComments:!0,multiLineStrings:!0,regexLiterals:2}),["perl","pl","pm"]);p(v({keywords:Q, 25 | hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["rb","ruby"]);p(v({keywords:E,cStyleComments:!0,regexLiterals:!0}),["javascript","js"]);p(v({keywords:"all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,throw,true,try,unless,until,when,while,yes",hashComments:3,cStyleComments:!0,multilineStrings:!0,tripleQuotedStrings:!0,regexLiterals:!0}),["coffee"]);p(v({keywords:W,cStyleComments:!0,multilineStrings:!0}),["rc","rs","rust"]); 26 | p(C([],[["str",/^[\S\s]+/]]),["regex"]);var Y=D.PR={createSimpleLexer:C,registerLangHandler:p,sourceDecorator:v,PR_ATTRIB_NAME:"atn",PR_ATTRIB_VALUE:"atv",PR_COMMENT:"com",PR_DECLARATION:"dec",PR_KEYWORD:"kwd",PR_LITERAL:"lit",PR_NOCODE:"nocode",PR_PLAIN:"pln",PR_PUNCTUATION:"pun",PR_SOURCE:"src",PR_STRING:"str",PR_TAG:"tag",PR_TYPE:"typ",prettyPrintOne:D.prettyPrintOne=function(a,d,g){var b=document.createElement("div");b.innerHTML="
"+a+"
";b=b.firstChild;g&&J(b,g,!0);K({h:d,j:g,c:b,i:1}); 27 | return b.innerHTML},prettyPrint:D.prettyPrint=function(a,d){function g(){for(var b=D.PR_SHOULD_USE_CONTINUATION?c.now()+250:Infinity;i 2 | 3 | 4 | <head> 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | <data:blog.pageTitle/> 15 | 16 | 17 | <data:blog.pageName/> - <data:blog.title/> 18 | 19 | 20 | Page Not Found - <data:blog.title/> 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | <style type="text/css"><!-- /* 98 | 99 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 117 | 118 | 119 | <!----> 120 | 121 | 122 | 123 | 124 | 130 | 155 |
156 |
157 |
158 | 159 | 389 | 390 | 391 | 420 | 421 | <!----> 422 | 423 | -------------------------------------------------------------------------------- /Vienna Lite Responsive Blogger Template/Documentation/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | VIENNA LITE - DOCUMENTATION 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 29 |
30 |
31 |

VIENNA LITE

32 |
33 |
34 |
35 |
36 | 52 |
53 |

Getting Started

54 |

Theme Info

55 |

56 | Created: 07/07/2015
57 |

58 |

Vienna Lite is a Blogger template with Responsive layout and suited for all blog. It's design with simple color combination, clean and modern look, SEO Optimized, and has been built by using some of the most popular current design trends.

59 |

Features

60 |
    61 |
  • Responsive
    • 62 |
  • SEO
    • 63 |
  • Google Testing Tool Validator
    • 64 |
  • Dynamic Heading
    • 65 |
  • Google Friendly
    • 66 |
  • Personal Blog
    • 67 |
  • Custom Threaded Comment
    • 68 |
  • 2 Column
    • 69 |
  • Light Base Theme Color
    • 70 |
  • Responsive Ad Slot
    • 71 |
  • Breadcrumbs
    • 72 |
  • Related Posts with Thumb
    • 73 |
  • Search Box
    • 74 |
  • Social Share Button
    • 75 |
  • Top Navigation
    • 76 |
  • Responsive Dropdown Menu
    • 77 |
  • Smooth Scroll back To Top
    • 78 |
  • Custom Contact Form Design
    • 79 |
  • Custom Recent Comment Widget
    • 80 |
  • Custom Subscribe Box Widget
    • 81 |
  • Custom Sitemap Widget
    • 82 |
83 |

Beberapa artikel yang mungkin dapat membantu Anda.

84 | 93 |

Installation

94 |
  • 1. Log in ke Blogger dashboard dan buka Template > Edit HTML.
    • 95 | 96 |
  • 2. Silahkan backup template lama Anda jika Anda memutuskan untuk menggunakannya lagi. Untuk melakukan ini, klik pada "download template lengkap" link dan simpan template.
    • 97 | 98 |
  • 3. Kemudian, cari lokasi XML template yang baru saja Anda download dan tekan "Upload".
    • 99 | 100 |
    101 |

    Customize Theme

    102 | 103 | 104 |

    Silakan buka Blogger > Template > "Edit HTML"

    105 |

    Cari dan ganti semua kode ini # dengan tulisan Anda. 106 |

    107 | 108 | Top Navigation : 109 | 
    <nav class='top-menus'>
110 |             <ul>
111 |               <li><a href='#' title='About Us'><i class='fa fa-ioxhost'/> About</a></li>
112 |               <li><a href='#' title='Our Sitemap'><i class='fa fa-folder-o'/> Sitemap</a></li>
113 |               <li><a href='#' title='Contact us'><i class='fa fa-envelope-o'/> Contact</a></li>
114 |               <li><a href='#' title='Disclaimer'><i class='fa fa-check-circle-o'/> Disclaimer</a></li>
115 | <li class='doremifa join'><a href='#' rel='nofollow' target='_blank' title='Join Our Site'><i class='fa fa-plus'/><span class='inv'/></a></li>
116 | <li class='doremifa gplus'><a href='#' rel='nofollow' target='_blank' title='Follow us on Google+'><i class='fa fa-google-plus'/><span class='inv'/></a></li>
117 | <li class='doremifa facebook'><a href='#' rel='nofollow' target='_blank' title='Follow us on Facebook'><i class='fa fa-facebook'/><span class='inv'/></a></li>
118 | <li class='doremifa instagram'><a href='#' rel='nofollow' target='_blank' title='Follow us on instagram'><i class='fa fa-instagram'/><span class='inv'/></a></li>
119 | <li class='doremifa twitter'><a href='#' rel='nofollow' target='_blank' title='Follow us on Twitter'><i class='fa fa-twitter'/><span class='inv'/></a></li>
120 |             </ul>
121 |             <a href='#' id='pull'>MENU</a>
122 |           </nav>
    123 | 124 | Main Navigation : 125 | 
    <nav id='nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
126 | <div id='nav2'>
127 | <a class='slide-menu' href='#'><i class='fa fa-list'/> Menu</a>
128 | <ul class='nav vienna-menu'>
129 | <li><a class='active' href='/'><span itemprop='name'>Home</span></a></li>
130 | <li><a href='#' itemprop='url'><span itemprop='name'>Fitur</span></a>
131 | <ul>
132 | <li><a href='#' itemprop='url'><span itemprop='name'>Sitemap 1</span></a></li>
133 | <li><a href='#' itemprop='url'><span itemprop='name'>Sitemap 2</span></a></li>
134 | <li><a href='http://femart86.blogspot.com/2015/07/tag-and-styling-vienna.html' itemprop='url'><span itemprop='name'>Tag and Styling</span></a></li>
135 | </ul>
136 | </li>
137 | <li><a href='#' itemprop='url'><span itemprop='name'>Menu 1</span></a>
138 | <ul>
139 | <li><a href='#' itemprop='url'><span itemprop='name'>Submenu 1</span></a></li>
140 | <li><a href='#' itemprop='url'><span itemprop='name'>Submenu 2</span></a></li>
141 | <li><a href='#' itemprop='url'><span itemprop='name'>Kota</span></a>
142 | <ul>
143 | <li><a href='#' itemprop='url'><span itemprop='name'>Jakarta</span></a></li>
144 | <li><a href='#' itemprop='url'><span itemprop='name'>Bandung</span></a></li>
145 | <li><a href='#' itemprop='url'><span itemprop='name'>Sukabumi</span></a></li>
146 | <li><a href='#' itemprop='url'><span itemprop='name'>Cianjur</span></a></li>
147 | </ul>                
148 | </li>
149 | </ul>
150 | </li>
151 | <li><a href='#' itemprop='url'><span itemprop='name'>Menu 2</span></a>
152 | <ul>
153 | <li><a href='#' itemprop='url'><span itemprop='name'>Submenu 1</span></a></li>
154 | <li><a href='#' itemprop='url'><span itemprop='name'>Submenu 2</span></a></li>
155 | <li><a href='#' itemprop='url'><span itemprop='name'>Submenu 3</span></a>
156 | <ul>
157 | <li><a href='#' itemprop='url'><span itemprop='name'>Item 1</span></a></li>
158 | <li><a href='#' itemprop='url'><span itemprop='name'>Item 2</span></a></li>
159 | <li><a href='#' itemprop='url'><span itemprop='name'>Item 3</span></a></li>
160 | <li><a href='#' itemprop='url'><span itemprop='name'>Item 4</span></a></li>
161 | </ul>                
162 | </li>
163 | </ul>
164 | </li>
165 | <li><a href='#' itemprop='url'><span itemprop='name'>Menu 3</span></a>
166 | <ul>
167 | <li><a href='#' itemprop='url'><span itemprop='name'>Submenu 1</span></a></li>
168 | <li><a href='#' itemprop='url'><span itemprop='name'>Submenu 2</span></a></li>
169 | <li><a href='#' itemprop='url'><span itemprop='name'>Submenu 3</span></a>
170 | <ul>
171 | <li><a href='#' itemprop='url'><span itemprop='name'>Item 1</span></a></li>
172 | <li><a href='#' itemprop='url'><span itemprop='name'>Item 2</span></a></li>
173 | <li><a href='#' itemprop='url'><span itemprop='name'>Item 3</span></a></li>
174 | <li><a href='#' itemprop='url'><span itemprop='name'>Item 4</span></a></li>
175 | </ul>                
176 | </li>
177 | </ul>
178 | </li>
179 | <li><a href='#' itemprop='url'><span itemprop='name'>Mobile</span></a></li>
180 | <li><a href='#' itemprop='url'><span itemprop='name'>Error 404</span></a></li>
181 | </ul>
182 | <form action='/search' id='search-form' method='get' style='display: inline;'><table><tbody><tr><td class='search-box'><input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='Search...'/></td>
183 | <td class='search-button'><input id='search-button' type='submit' value=''/></td></tr></tbody></table></form>
184 | </div>
185 | </nav>
    186 | Page Navigation : 187 |

    Cari kode perPage: 5, dan ganti dengan jumlah artikel yang akan ditampilkan

    188 | 
    var pageNaviConf = {
189 |             perPage: 5,
190 |             numPages: 5,
191 |             firstText: &quot;First&quot;,
192 |             lastText: &quot;Last&quot;,
193 |             nextText: &quot;Next&quot;,
194 |             prevText: &quot;Prev&quot;
195 |         }
    196 |
    197 |

    SEO Meta Tag

    198 |

    Buka Blogger, Template, "Edit HTML"

    199 |

    Cari dan ganti semua tulisan xxxxx dengan tulisan Anda. 200 |

    201 | 
    <meta content='xxxxx' name='keywords'/>
202 | <link href='https://plus.google.com/xxxxx/posts' rel='publisher'/>
203 | <link href='https://plus.google.com/xxxxx/about' rel='author'/>
204 | <link href='https://plus.google.com/xxxxx' rel='me'/>
205 | <meta content='xxxxx' name='google-site-verification'/>
206 | <meta content='xxxxx' name='msvalidate.01'/>
207 | <meta content='xxxxx' name='alexaVerifyID'/>
208 | <meta content='xxxxx' name='Author'/>
209 | <meta content='xxxxx' property='og:description'/>
210 | <meta content='xxxxx' property='fb:app_id'/>
211 | <meta content='xxxxx' property='fb:admins'/>
212 | <meta content='xxxxx' name='twitter:site'/>
213 | <meta content='xxxxx' name='twitter:creator'/>
    214 |
    215 |

    Post Page

    216 | Iklan di Postingan 217 |

    Cari dan ganti tulisan ini dengan skrip kode iklan Anda :

    218 |

    Anda bisa memparse kode iklan disini Ad Converter.

    219 | 
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
220 | &lt;div style=&quot;display:block;text-align:center;margin:15px auto;&quot;&gt;
221 | <!-- Kode Banner/Iklan Anda Di sini -->
222 | &lt;/div&gt;
223 | </b:if>
    224 |
    225 |

    Widgets

    226 | Contact Form 227 |

    Buat post di halaman statis, kemudian terapkan kode di bawah ini pada tab HTML. Catatan : Jika sudah menambahkan kode ini, disarankan untuk tidak menggunakan mode Compose di halaman Pos ini.

    228 | 
    <form name="contact-form">
229 | <span><i class="fa fa-pencil-square-o"></i> Name </span>
230 | <input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />  
231 | 
232 | <span><i class="fa fa-envelope-o"></i> Email Address <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span></span> 
233 | <input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />  
234 | 
235 | <span><i class="fa fa-keyboard-o"></i> Content <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span></span>
236 | <textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> 
237 | <input id="ContactForm1_contact-form-submit" type="button" value="Send" />  
238 | <div style="max-width: 222px; text-align: center; width: 100%;">
239 | <div id="ContactForm1_contact-form-error-message">
240 | </div>
241 | <div id="ContactForm1_contact-form-success-message">
242 | </div>
243 | </div>
244 | </form>
245 | 
246 | <style scoped="" type="text/css">
247 | #comments,.post_meta,#blog-pager {display:none;}
248 | #ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
249 | height:auto;margin:5px auto;padding:10px;background:#fafafa;color:#444;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all 0.5s ease-out;}
250 | #ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:10px;background:#fafafa;color:#444;font-family:'Open Sans',sans-serif;border:1px solid #ccc;border-radius:3px;transition:all 0.5s ease-out;}
251 | #ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7);}
252 | #ContactForm1_contact-form-submit{font-family:'Open Sans';float:left;background:#cf4d35;color:#fff;margin:10px auto;vertical-align:middle;cursor:pointer;padding:10px 18px!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;border:0;transition:all .8s ease}
253 | #ContactForm1_contact-form-submit:hover {background:#e45a40;color:#fff;}
254 | #ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{width:100%;margin-top:35px;}
255 | .contact-form-error-message-with-border {background:#f6f6f6;border:none;box-shadow:none;color:#444;padding:5px 0;}
256 | .contact-form-success-message {background:#4fc3f7;border:none;box-shadow:none;color:#fff;}
257 | img.contact-form-cross {line-height:40px;margin-left:5px;}
258 | @media only screen and (max-width:640px){
259 | #ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-submit{width:100%;}}
260 | </style>
    261 | 262 | Sitemap 263 |

    Buat post di halaman statis, kemudian terapkan kode di bawah ini pada tab HTML.

    264 | 
    <div id="bp_toc">
265 | Loading TOC. Please wait....</div>
266 | <script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-simple.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>
    267 | 268 | Recent Comments 269 |

    Klik tata letak, Buat widget baru, kemudian salin semua kode di bawah ini.

    270 | 
    <style scoped='' type="text/css">
271 | ul.arlinacomments{list-style:none;margin:0;padding:0}.arlinacomments li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:0!important;word-break:break-all}.arlinacomments li .avatarImage{float:left;margin-right:10px;position:relative;overflow:hidden}.arlinacomments li img{position:relative;overflow:hidden;display:block;width:42px;height:42px}.arlinacomments li a{font-weight:700}.arlinacomments li span{margin-top:2px;color:#666;display:block;font-size:12px;line-height:1.4}
272 | </style>
273 | <script type="text/javascript">
274 | //<![CDATA[
275 | // Recent Comments
276 | function arlinacomments(a){var e;e='<ul class="arlinacomments">';for(var t=0;numComments>t;t++){var r,o,n,i;if(t==a.feed.entry.length)break;e+="<li>";for(var d=a.feed.entry[t],s=0;s<d.link.length;s++)"alternate"==d.link[s].rel&&(r=d.link[s].href);for(var l=0;l<d.author.length;l++)o=d.author[l].name.$t,n=d.author[l].gd$image.src;n=-1!=n.indexOf("/s1600/")?n.replace("/s1600/","/s"+avatarSize+"-c/"):-1!=n.indexOf("/s220/")?n.replace("/s220/","/s"+avatarSize+"-c/"):-1!=n.indexOf("/s512-c/")&&0!=n.indexOf("http:")?"http:"+n.replace("/s512-c/","/s"+avatarSize+"-c/"):-1!=n.indexOf("blogblog.com/img/b16-rounded.gif")?"http://1.bp.blogspot.com/-7bkcAKdpGXI/UrbyQRqvSKI/AAAAAAAAFmI/oBv_yMeYnMQ/s"+avatarSize+"/blogger.png":-1!=n.indexOf("blogblog.com/img/openid16-rounded.gif")?"http://2.bp.blogspot.com/-VgnInuIUKBU/UrbzyXTYWRI/AAAAAAAAFmU/3f_Vfj3TI6A/s"+avatarSize+"/openid.png":-1!=n.indexOf("blogblog.com/img/blank.gif")?-1!=defaultAvatar.indexOf("gravatar.com")?defaultAvatar+"&s="+avatarSize:defaultAvatar:n,1==showAvatar&&(i=1==roundAvatar?"avatarRound":"",e+='<div class="avatarImage '+i+'"><img class="'+i+'" src="'+n+'" alt="'+o+'" width="'+avatarSize+'" height="'+avatarSize+'"/></div>'),e+='<a href="'+r+'">'+o+"</a>";var A=d.content.$t,v=A.replace(/(<([^>]+)>)/gi,"");""!=v&&v.length>characters?(v=v.substring(0,characters),v+="&hellip;",1==showMorelink&&(v+='<a href="'+r+'">'+moreLinktext+"</a>")):v=v,e+="<span>"+v+"</span>",e+="</li>"}e+="</ul>";var c="";0==hideCredits&&(c="display:block;"),e+="",document.write(e)}var numComments=7,showAvatar=!0,avatarSize=42,roundAvatar=!0,characters=40,showMorelink=!1,defaultAvatar="http://2.bp.blogspot.com/-XjxrXKBPQqs/VYcGtLWPGUI/AAAAAAAAKaQ/5jr871JIwds/s1600/default-avatar.jpg",hideCredits=!0,numComments=numComments||5,avatarSize=avatarSize||60,characters=characters||40,defaultAvatar=defaultAvatar||"http://4.bp.blogspot.com/-SRSVCXNxbAc/UrbxxXd06YI/AAAAAAAAFl4/332qncR9pD4/s1600/default-avatar.jpg",moreLinktext=moreLinktext||" More &raquo;",showAvatar="undefined"==typeof showAvatar?!0:showAvatar,showMorelink="undefined"==typeof showMorelink?!1:showMorelink,roundAvatar="undefined"==typeof roundAvatar?!0:roundAvatar,hideCredits="undefined"==typeof hideCredits?!1:roundAvatar;
277 | //]]>
278 | </script>
279 | <script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=arlinacomments&amp;max-results=7"></script>
    280 | 281 | Social Icon 282 |

    Buka template, cari kode di bawah ini.

    283 | 
    <div class='vienna-socials-icon mom-socials-widget'>
284 |     <ul>
285 |         <li class='facebook'><a href='#' rel='nofollow' target='_blank' title='Follow us on Facebook'><i class='fa fa-facebook'/></a></li>
286 |         <li class='twitter'><a href='#' rel='nofollow' target='_blank' title='Follow us on Twitter'><i class='fa fa-twitter'/></a></li>
287 |         <li class='googleplus'><a href='#' rel='nofollow' target='_blank' title='Follow us on Google+'><i class='fa fa-google-plus'/></a></li>
288 |         <li class='rss'><a href='#' rel='nofollow' target='_blank' title='Follow us on RSS'><i class='fa fa-rss '/></a></li>
289 |         <li class='youtube'><a href='#' rel='nofollow' target='_blank' title='Follow us on Youtube'><i class='fa fa-youtube '/></a></li>
290 |         <li class='dribbble'><a href='#' rel='nofollow' target='_blank' title='Follow us on Dribble'><i class='fa fa-dribbble '/></a></li>
291 |         <li class='deviantart'><a href='#' rel='nofollow' target='_blank' title='Follow us on DeviantArt'><i class='fa fa-deviantart'/></a></li>
292 |         <li class='pinterest'><a href='#' rel='nofollow' target='_blank' title='Follow us on Pinterest'><i class='fa fa-pinterest '/></a></li>
293 |         <li class='instgram'><a href='#' rel='nofollow' target='_blank' title='Follow us on Instagram'><i class='fa fa-instagram '/></a></li>
294 |         <li class='tumblr'><a href='#' rel='nofollow' target='_blank' title='Follow us on Tumblr'><i class='fa fa-tumblr '/></a></li>
295 |         <li class='linkedin'><a href='#' rel='nofollow' target='_blank' title='Follow us on LinkedIn'><i class='fa fa-linkedin '/></a></li>
296 |         <li class='soundcloud'><a href='#' rel='nofollow' target='_blank' title='Follow us on Soundcloud'><i class='fa fa-soundcloud '/></a></li>
297 |     </ul>
298 | </div>
    299 | 300 | Ad Banner HTML 301 |

    Di Tata Letak tambah widget baru, Kemudian terapkan kode di bawah ini.

    302 | 303 |

    Banner 728x90.

    304 | 
    <div class='kotak_iklan3'>
305 | <a href='#' target='_blank' title='ADS-DESCRIPTION'><img alt='iklan banner' height='90' src='IMAGE-URL' title='ADS-DESCRIPTION' width='728'/></a>
306 | </div>
    307 | 308 |

    Banner 125x125.

    309 | 
    <div class="kotak_iklan">
310 | <a href="#" title="judul iklan"><img style="border: none;" src="IMAGE-URL" alt="text gambar" width="125" height="125" /></a>
311 | <a href="#" title="judul iklan"><img style="border: none;" src="IMAGE-URL" alt="text gambar" width="125" height="125" /></a>
312 | <a href="#" title="judul iklan"><img style="border: none;" src="IMAGE-URL" alt="text gambar" width="125" height="125" /></a> 
313 | <a href="#" title="judul iklan"><img style="border: none;" src="IMAGE-URL" alt="text gambar" width="125" height="125" /></a> 
314 | </div>
    315 |
    316 |

    ShortCodes

    317 | Drop Caps 318 | 
    319 | <span class="first-letter">Your First Letter here</span>
320 |
    321 | 322 | Blockquote 323 |

    Untuk membuat Blockquote cukup pilih semua teks yang Anda ingin menjadi Kutipan dan klik pada icon Kutipan dari posting blog panel editor teks.

    324 | Buttons 325 |

    Menambahkan demo dan download button.

    326 | 
    <div style="text-align: center;">
327 | <ul class="button">
328 | <li><a class="demo" href="YOUR-LINK-HERE" target="_blank">DEMO</a></li>
329 | <li><a class="download" href=" YOUR-LINK-HERE" target="_blank">DOWNLOAD</a></li>
330 | </ul>
331 | </div>
332 | <div class="clear"></div>
    333 | Spoiler 334 | 
    335 | <div id="flippy"><button>Spoiler</button></div>
336 | <div id="flippanel">
337 | --- TAMBAHKAN KONTEN DISINI ---
338 | </div>
339 |
    340 | Membagi konten post menjadi tiga 341 | 
    342 | <div class="bagitiga">
343 | --- TAMBAHKAN KONTEN DISINI ---
344 | </div>
345 |
    346 | Memasang Table di postingan 347 | 
    348 | <table cellpadding="0" cellspacing="0" style="text-align: left;">
349 |     <tbody>
350 |         <tr>
351 |             <th>Table Header 1</th>
352 |             <th>Table Header 2</th>
353 |             <th>Table Header 3</th>
354 |         </tr>
355 |         <tr>
356 |             <td>Division 1</td>
357 |             <td>Division 2</td>
358 |             <td>Division 3</td>
359 |         </tr>
360 |         <tr>
361 |             <td>Division 1</td>
362 |             <td>Division 2</td>
363 |             <td>Division 3</td>
364 |         </tr>
365 |         <tr>
366 |             <td>Division 1</td>
367 |             <td>Division 2</td>
368 |             <td>Division 3</td>
369 |         </tr>
370 |     </tbody>
371 | </table>
372 |
    373 |
    374 |

    Perbaikan

    375 | Mobile Responsive 376 |

    Nonaktifkan versi mobile pada template ini, silakan klik Template > Tombol Gear > Pilih Tidak.

    377 |

    Oke cukup sekian, jika ada kesulitan lain jangan segan untuk bertanya lewat formulir kontak blog Arlina Design. Terima kasih.

    378 |
    379 |
    380 |
    381 |
    382 |
    383 |
    384 |

    vienna lite - arlinadesign.blogspot.com

    385 |
    386 |
    387 |
    388 |
    389 |

    © 2015 Arlina Design

    390 |
    391 |
    392 | 393 | Top 394 | 395 | 396 | 397 | 398 | 399 | 400 | 401 | 402 | 403 | 404 | 405 | -------------------------------------------------------------------------------- /Template Blog Safelink Converter.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | <head> 5 | 6 | 7 | 8 | 9 | 10 | <data:blog.pageTitle/> 11 | 12 | 13 | 404: Page Not Found | <data:blog.title/> 14 | 15 | <data:blog.pageName/> 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | <style type="text/css"> 62 | <!-- /* 80 | 204 | 205 | 206 | 236 | 237 | 238 | 239 | 245 | 246 | 247 | 248 | 252 | 253 | 254 | 305 | 306 | 330 | 331 | 332 | 336 | </head><!----> 337 | 338 | 339 | 349 |
    350 |
    OOPS!
    351 |
    404
    352 |
    LAMAN TIDAK DITEMUKAN

    353 |
    Mungkin halaman telah dihapus. Kami mohon maaf atas ketidaknyamanan ini.

    354 |
    Silahkan Klik DI SINI untuk kembali ke homepage .
    355 | Atau gunakan Search Box di bawah ini untuk kembali mencari artikel yang Anda inginkan. 356 |
    357 |
    358 | 368 |
    369 | 370 | 371 |
    372 | 373 | 432 | 433 | 485 | 486 | 496 | 497 | 498 | 499 |
    500 |
    501 | 502 |
    503 |

    Advertise

    504 | KODE IKLAN DISINI 505 |
    506 | 507 |
    508 |
    509 |
    510 |
    511 | 512 |

    Link has been copied to clipboard!

    513 |
    514 |
    515 |

    Safe Link Converter

    516 |
    517 |
    518 |
    519 | 520 | 521 | 522 | 523 | 524 |
    525 |
    526 | 579 |
    580 |
    581 |
    582 |

    Advertise

    583 | KODE IKLAN DISINI 584 |
    585 |
    586 |
    587 |