Tips Sederhana Buat Blog

Cara Mudah Membuat Menu TabView Di Blog

<div class="separator" style="clear: both; color: #333333; font-family: arial; font-size: 14px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbnhFj0ROIN6VaZQEltjKzIjeOeRZ_HEO4OVuoIJQPAsIf4gVNsiSbQtPCDxdfWyFG3Cgir8Q602VbCtJVWlvvDqt2mBZ6i-2RtoYHgb0V8EFvXZZgH5vQ4aI-WBVxH_iztZI1mNferb9u/s339/62.png" imageanchor="1" rel="nofollow" style="background-color: white; color: #1557b9; margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Menu TabView Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbnhFj0ROIN6VaZQEltjKzIjeOeRZ_HEO4OVuoIJQPAsIf4gVNsiSbQtPCDxdfWyFG3Cgir8Q602VbCtJVWlvvDqt2mBZ6i-2RtoYHgb0V8EFvXZZgH5vQ4aI-WBVxH_iztZI1mNferb9u/s339/62.png" style="border-width: 0px;" title="Cara Membuat Menu TabView Di Blog" /></a></div>
<span style="background-color: white;"><b style="color: #333333; font-family: arial; font-size: 14px;">Cara membuat Menu TabView di blog</b><span style="color: #333333; font-family: arial; font-size: 14px;"> memang sangat mudah. Menu Tab View ini sebenarnya diadaptasi dari Worpress. Dengan ukuran yang kecil, Menu Tab View dapat </span><span style="color: #333333; font-family: arial; font-size: 14px;">menghemat banyak tempat dan bisa memuat banyak ruang</span><span style="color: #333333; font-family: arial; font-size: 14px;">. Selain menghemat tempat, Menu Tab View juga berguna untuk </span><span style="color: #333333; font-family: arial; font-size: 14px;">mempercantik tampilan blog</span><span style="color: #333333; font-family: arial; font-size: 14px;">.</span><br style="color: #333333; font-family: arial; font-size: 14px;" /><br style="color: #333333; font-family: arial; font-size: 14px;" /><span style="color: #333333; font-family: arial; font-size: 14px;">OK, jadi kali ini saya akan bahas 2 model untuk membuat menu Tab View..</span></span><br />
<h3 style="color: #333333; font-family: arial;">
<span style="background-color: white;">1. Cara Membuat Menu Tab View Di Blog</span></h3>
<span style="background-color: white;"><b style="color: #333333; font-family: arial; font-size: 14px;">Menu Tab View</b><span style="color: #333333; font-family: arial; font-size: 14px;"> yang akan kita bahas kali ini adalah yang memakai JQuery, pemasangannya pun sangat simple dan praktis, tanpa edit HTML template yang membingungkan para pemula. Anda cukup menambah satu widget untuk dipasang kode Menu Tab View ini.</span><br style="color: #333333; font-family: arial; font-size: 14px;" /><span style="color: #333333; font-family: arial; font-size: 14px;">Logika pemasangan Menu Tab View itu seperti ini. Tiga widget yang berada dibawah kode Menu Tab View akan menjadi isi dari Tab.</span><br style="color: #333333; font-family: arial; font-size: 14px;" /></span><br />
<div class="separator" style="clear: both; color: #333333; font-family: arial; font-size: 14px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyyfXWNafD3sMAi62CWxz4V7ffB_4H6Ej40PyuAP5DCffmpLg2l7FzwySaanFFVLT9zkcebNk8on83l3ZFGYYSTkRpq-3Uq5y8TIsMwTXCSDHL9NStrPCk5e_XowVrPRKZ__zeB3_IAxhk/s296/61.png" imageanchor="1" rel="nofollow" style="background-color: white; color: #1557b9; margin-left: 1em; margin-right: 1em;"><img alt="Metode pemasangan Menu TabView" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyyfXWNafD3sMAi62CWxz4V7ffB_4H6Ej40PyuAP5DCffmpLg2l7FzwySaanFFVLT9zkcebNk8on83l3ZFGYYSTkRpq-3Uq5y8TIsMwTXCSDHL9NStrPCk5e_XowVrPRKZ__zeB3_IAxhk/s296/61.png" style="border-width: 0px;" title="Metode pemasangan Menu TabView" /></a></div>
<span style="background-color: white;"><br style="color: #333333; font-family: arial; font-size: 14px;" /><span style="color: #333333; font-family: arial; font-size: 14px;">OK, jadi mari kita bahas cara membuatnya..</span></span><br />
<ul style="color: #333333; font-family: arial; font-size: 14px;">
<li><span style="background-color: white;">Login ke akun Blogger anda</span></li>
<li><span style="background-color: white;">Masuk ke menu Tata Letak</span></li>
<li><span style="background-color: white;">Silahkan klik Tambah Gadget, kemudian pilih HTML/Java Script</span></li>
<li><span style="background-color: white;">Masukkan kode dibawah ini</span></li>
</ul>
<span style="background-color: white;"><span style="color: #990000; font-family: arial; font-size: 14px;"><i><style type="text/css"><br />.blogtabs {padding: 0px !important;border: 1px solid #bbb;}</i></span><br style="color: #333333; font-family: arial; font-size: 14px;" /><span style="color: #990000; font-family: arial; font-size: 14px;"><i><br />.blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 12px;padding: 3px 5px;border: 1px solid #bbb;overflow: hidden;position: relative;background: #e0e0e0;cursor:pointer;}html .blogtabs h2.active {background: #fff;}.blogtabs .widget-content {border: 1px solid #bbb;padding: 10px;background: #fff;clear:both;margin:0;}.btab, </i></span><br style="color: #333333; font-family: arial; font-size: 14px;" /><span style="color: #990000; font-family: arial; font-size: 14px;"><br /></span><span style="color: #333333; font-family: arial; font-size: 14px;"></span><span style="color: #990000; font-family: arial; font-size: 14px;"><i>#showtabs {display:none;}</style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script></i></span><br style="color: #333333; font-family: arial; font-size: 14px;" /><span style="color: #990000; font-family: arial; font-size: 14px;"><br /></span><span style="color: #333333; font-family: arial; font-size: 14px;"></span><span style="color: #990000; font-family: arial; font-size: 14px;"><i><script type="text/javascript" src="http://bloggergubug.googlecode.com/files/tabviewjquery.js"></script><script type="text/javascript">$(document).ready(function() {$('#showtabs').simpleBlogTab ({organictabs: 3});});</i></span><br style="color: #333333; font-family: arial; font-size: 14px;" /><span style="color: #990000; font-family: arial; font-size: 14px;"><i></script></i></span><br style="color: #333333; font-family: arial; font-size: 14px;" /><span style="color: #990000; font-family: arial; font-size: 14px;"><i><div id="showtabs"></i></span><br style="color: #333333; font-family: arial; font-size: 14px;" /><span style="color: #990000; font-family: arial; font-size: 14px;"><i></div></i></span></span><br />
<ul style="color: #333333; font-family: arial; font-size: 14px;"></ul>
<ul style="color: #333333; font-family: arial; font-size: 14px;">
<li><span style="background-color: white;">Klik Simpan tanpa diberi nama</span></li>
<li><span style="background-color: white;">Untuk mengisi Tab, silahkan letakkan widget yang akan dijadikan Tab dibawah widget yang memakai kode diatas tadi.</span></li>
<li><span style="background-color: white;">Anda juga bisa mengatur jumlah Tab dengan mengubah angka yang diberi background warna kuning, silahkan ubah angka 3 dengan jumlah Tab sesuka anda.</span></li>
</ul>
<span style="background-color: white;"><span style="color: #333333; font-family: arial; font-size: 14px;">Untuk tinggi, lebar, warna, dan lain-lain, silahkan sesuaikan sendiri dengan keinginan anda.</span></span><br />
<h3 style="color: #333333; font-family: arial;">
<span style="background-color: white;">2. Cara Membuat Menu Tab View Di Blog dengan Edit HTML</span></h3>
<h3 style="color: #333333; font-family: arial;">
<span style="background-color: white; font-size: 14px;">Lihat Demo model yang ini</span></h3>
<span style="background-color: white;"><br style="color: #333333; font-family: arial; font-size: 14px;" /></span>
<div class="separator" style="clear: both; color: #333333; font-family: arial; font-size: 14px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuNDMnZICLIQsKXavisTWYRO_LNVReqP9iLjvEcU_J4Rl7XZypeexbMNbVsEuNrFUevHgeiUpWpt27-p7-HWMJnoGREn8dPQCWtv1rSZn5xE5Sz2IQYpxFFq6xMiZi11_sSzgUiUbpCEA6/s364/66.png" imageanchor="1" style="background-color: white; color: #1557b9; margin-left: 1em; margin-right: 1em;"><img alt="Tampilan Menutab view" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuNDMnZICLIQsKXavisTWYRO_LNVReqP9iLjvEcU_J4Rl7XZypeexbMNbVsEuNrFUevHgeiUpWpt27-p7-HWMJnoGREn8dPQCWtv1rSZn5xE5Sz2IQYpxFFq6xMiZi11_sSzgUiUbpCEA6/s364/66.png" style="border-width: 0px;" title="Tampilan Menutab view" /></a></div>
<span style="background-color: white;"><br style="color: #333333; font-family: arial; font-size: 14px;" /></span>
<div class="separator" style="clear: both; color: #333333; font-family: arial; font-size: 14px; text-align: center;">
</div>
<span style="background-color: white;"><span style="color: #333333; font-family: arial; font-size: 14px;">Jadi, langsung kita bahas saja. Ikuti langkah-langkah berikut..</span></span><br />
<ul style="color: #333333; font-family: arial; font-size: 14px;">
<li><span style="background-color: white;">Login ke akun blogger anda</span></li>
<li><span style="background-color: white;">Masuk ke menu TEMPLATE</span></li>
<li><span style="background-color: white;">Klik Edit HTML</span></li>
<li><span style="background-color: white;">Cari kode <span style="color: blue;">]]></b:skin></span></span></li>
<li><span style="background-color: white;">Letakkan kode berikut diatas kode <span style="color: blue;">]]></b:skin></span></span></li>
</ul>
<span style="background-color: white;"><span style="color: #990000; font-family: arial; font-size: 14px;"><i>.MBT-tabs{list-style:none;list-style-type:none;margin:0 0 10px 0;padding:0;height:26px}<br />.MBT-tabs li{list-style:none;list-style-type:none;margin:0 0 0 4px;padding:0;float:left}<br />.MBT-tabs li:first-child{margin:0}<br />.MBT-tabs li a{color:#fff;background:#333333;padding:5px 5px;display:block;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif;}<br />.MBT-tabs li a:hover,.MBT-tabs li a.MBT-tabs-current{background:#A46F38;color:#fff;text-decoration:none}<br />.MBT-tabs-content{background:#212121}<br />.MBT-tabviewsection{margin-top:10px;margin-bottom:10px;}</i></span></span><br />
<ul style="color: #333333; font-family: arial; font-size: 14px;">
<li><span style="background-color: white;">Cari Kode <span style="color: blue;">]]></b:skin></span> </span></li>
<li><span style="background-color: white;">Copy kode berikut dan pastekan dibawah kode <span style="color: blue;">]]></b:skin></span></span></li>
</ul>
<center style="color: #333333; font-family: arial; font-size: 14px;">
<div style="height: 700px; overflow: auto; text-align: left; width: 500px;">
<code><span style="background-color: white; color: #990000;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/><br /><script type='text/javascript'><br />//<![CDATA[<br /><br />/*<br /> * Superfish v1.4.8 - jQuery menu widget<br /> * Copyright (c) 2008 Joel Birch<br /> *<br /> * Dual licensed under the MIT and GPL licenses:<br /> *     http://www.opensource.org/licenses/mit-license.php<br /> *     http://www.gnu.org/licenses/gpl.html<br /> *<br /> * CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt<br /> */<br /><br />;(function($){<br />    $.fn.superfish = function(op){<br /><br />        var sf = $.fn.superfish,<br />            c = sf.c,<br />            $arrow = $(['<span class="',c.arrowClass,'"> &#187;</span>'].join('')),<br />            over = function(){<br />                var $$ = $(this), menu = getMenu($$);<br />                clearTimeout(menu.sfTimer);<br />                $$.showSuperfishUl().siblings().hideSuperfishUl();<br />            },<br />            out = function(){<br />                var $$ = $(this), menu = getMenu($$), o = sf.op;<br />                clearTimeout(menu.sfTimer);<br />                menu.sfTimer=setTimeout(function(){<br />                    o.retainPath=($.inArray($$[0],o.$path)>-1);<br />                    $$.hideSuperfishUl();<br />                    if (o.$path.length && $$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);}<br />                },o.delay);   <br />            },<br />            getMenu = function($menu){<br />                var menu = $menu.parents(['ul.',c.menuClass,':first'].join(''))[0];<br />                sf.op = sf.o[menu.serial];<br />                return menu;<br />            },<br />            addArrow = function($a){ $a.addClass(c.anchorClass).append($arrow.clone()); };<br />           <br />        return this.each(function() {<br />            var s = this.serial = sf.o.length;<br />            var o = $.extend({},sf.defaults,op);<br />            o.$path = $('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){<br />                $(this).addClass([o.hoverClass,c.bcClass].join(' '))<br />                    .filter('li:has(ul)').removeClass(o.pathClass);<br />            });<br />            sf.o[s] = sf.op = o;<br />           <br />            $('li:has(ul)',this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over,out).each(function() {<br />                if (o.autoArrows) addArrow( $('>a:first-child',this) );<br />            })<br />            .not('.'+c.bcClass)<br />                .hideSuperfishUl();<br />           <br />            var $a = $('a',this);<br />            $a.each(function(i){<br />                var $li = $a.eq(i).parents('li');<br />                $a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});<br />            });<br />            o.onInit.call(this);<br />           <br />        }).each(function() {<br />            var menuClasses = [c.menuClass];<br />            if (sf.op.dropShadows  && !($.browser.msie && $.browser.version < 7)) menuClasses.push(c.shadowClass);<br />            $(this).addClass(menuClasses.join(' '));<br />        });<br />    };<br /><br />    var sf = $.fn.superfish;<br />    sf.o = [];<br />    sf.op = {};<br />    sf.IE7fix = function(){<br />        var o = sf.op;<br />        if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity!=undefined)<br />            this.toggleClass(sf.c.shadowClass+'-off');<br />        };<br />    sf.c = {<br />        bcClass     : 'sf-breadcrumb',<br />        menuClass   : 'sf-js-enabled',<br />        anchorClass : 'sf-with-ul',<br />        arrowClass  : 'sf-sub-indicator',<br />        shadowClass : 'sf-shadow'<br />    };<br />    sf.defaults = {<br />        hoverClass    : 'sfHover',<br />        pathClass    : 'overideThisToUse',<br />        pathLevels    : 1,<br />        delay        : 800,<br />        animation    : {opacity:'show'},<br />        speed        : 'normal',<br />        autoArrows    : true,<br />        dropShadows : true,<br />        disableHI    : false,        // true disables hoverIntent detection<br />        onInit        : function(){}, // callback functions<br />        onBeforeShow: function(){},<br />        onShow        : function(){},<br />        onHide        : function(){}<br />    };<br />    $.fn.extend({<br />        hideSuperfishUl : function(){<br />            var o = sf.op,<br />                not = (o.retainPath===true) ? o.$path : '';<br />            o.retainPath = false;<br />            var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass)<br />                    .find('>ul').hide().css('visibility','hidden');<br />            o.onHide.call($ul);<br />            return this;<br />        },<br />        showSuperfishUl : function(){<br />            var o = sf.op,<br />                sh = sf.c.shadowClass+'-off',<br />                $ul = this.addClass(o.hoverClass)<br />                    .find('>ul:hidden').css('visibility','visible');<br />            sf.IE7fix.call($ul);<br />            o.onBeforeShow.call($ul);<br />            $ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul); });<br />            return this;<br />        }<br />    });<br /><br />})(jQuery);<br /><br /><br /><br />//]]><br /></script><br /><br /><script type='text/javascript'><br />//<![CDATA[<br /><br />/*<br /> * jQuery Cycle Plugin (with Transition Definitions)<br /> * Examples and documentation at: http://jquery.malsup.com/cycle/<br /> * Copyright (c) 2007-2010 M. Alsup<br /> * Version: 2.88 (08-JUN-2010)<br /> * Dual licensed under the MIT and GPL licenses.<br /> * http://jquery.malsup.com/license.html<br /> * Requires: jQuery v1.2.6 or later<br /> */<br />(function($){var ver="2.88";if($.support==undefined){$.support={opacity:!($.browser.msie)};}function debug(s){if($.fn.cycle.debug){log(s);}}function log(){if(window.console&&window.console.log){window.console.log("[cycle] "+Array.prototype.join.call(arguments," "));}}$.fn.cycle=function(options,arg2){var o={s:this.selector,c:this.context};if(this.length===0&&options!="stop"){if(!$.isReady&&o.s){log("DOM not ready, queuing slideshow");$(function(){$(o.s,o.c).cycle(options,arg2);});return this;}log("terminating; zero elements found by selector"+($.isReady?"":" (DOM not ready)"));return this;}return this.each(function(){var opts=handleArguments(this,options,arg2);if(opts===false){return;}opts.updateActivePagerLink=opts.updateActivePagerLink||$.fn.cycle.updateActivePagerLink;if(this.cycleTimeout){clearTimeout(this.cycleTimeout);}this.cycleTimeout=this.cyclePause=0;var $cont=$(this);var $slides=opts.slideExpr?$(opts.slideExpr,this):$cont.children();var els=$slides.get();if(els.length<2){log("terminating; too few slides: "+els.length);return;}var opts2=buildOptions($cont,$slides,els,opts,o);if(opts2===false){return;}var startTime=opts2.continuous?10:getTimeout(els[opts2.currSlide],els[opts2.nextSlide],opts2,!opts2.rev);if(startTime){startTime+=(opts2.delay||0);if(startTime<10){startTime=10;}debug("first timeout: "+startTime);this.cycleTimeout=setTimeout(function(){go(els,opts2,0,(!opts2.rev&&!opts.backwards));},startTime);}});};function handleArguments(cont,options,arg2){if(cont.cycleStop==undefined){cont.cycleStop=0;}if(options===undefined||options===null){options={};}if(options.constructor==String){switch(options){case"destroy":case"stop":var opts=$(cont).data("cycle.opts");if(!opts){return false;}cont.cycleStop++;if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);}cont.cycleTimeout=0;$(cont).removeData("cycle.opts");if(options=="destroy"){destroy(opts);}return false;case"toggle":cont.cyclePause=(cont.cyclePause===1)?0:1;checkInstantResume(cont.cyclePause,arg2,cont);return false;case"pause":cont.cyclePause=1;return false;case"resume":cont.cyclePause=0;checkInstantResume(false,arg2,cont);return false;case"prev":case"next":var opts=$(cont).data("cycle.opts");if(!opts){log('options not found, "prev/next" ignored');return false;}$.fn.cycle[options](opts);return false;default:options={fx:options};}return options;}else{if(options.constructor==Number){var num=options;options=$(cont).data("cycle.opts");if(!options){log("options not found, can not advance slide");return false;}if(num<0||num>=options.elements.length){log("invalid slide index: "+num);return false;}options.nextSlide=num;if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);cont.cycleTimeout=0;}if(typeof arg2=="string"){options.oneTimeFx=arg2;}go(options.elements,options,1,num>=options.currSlide);return false;}}return options;function checkInstantResume(isPaused,arg2,cont){if(!isPaused&&arg2===true){var options=$(cont).data("cycle.opts");if(!options){log("options not found, can not resume");return false;}if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);cont.cycleTimeout=0;}go(options.elements,options,1,(!opts.rev&&!opts.backwards));}}}function removeFilter(el,opts){if(!$.support.opacity&&opts.cleartype&&el.style.filter){try{el.style.removeAttribute("filter");}catch(smother){}}}function destroy(opts){if(opts.next){$(opts.next).unbind(opts.prevNextEvent);}if(opts.prev){$(opts.prev).unbind(opts.prevNextEvent);}if(opts.pager||opts.pagerAnchorBuilder){$.each(opts.pagerAnchors||[],function(){this.unbind().remove();});}opts.pagerAnchors=null;if(opts.destroy){opts.destroy(opts);}}function buildOptions($cont,$slides,els,options,o){var opts=$.extend({},$.fn.cycle.defaults,options||{},$.metadata?$cont.metadata():$.meta?$cont.data():{});if(opts.autostop){opts.countdown=opts.autostopCount||els.length;}var cont=$cont[0];$cont.data("cycle.opts",opts);opts.$cont=$cont;opts.stopCount=cont.cycleStop;opts.elements=els;opts.before=opts.before?[opts.before]:[];opts.after=opts.after?[opts.after]:[];opts.after.unshift(function(){opts.busy=0;});if(!$.support.opacity&&opts.cleartype){opts.after.push(function(){removeFilter(this,opts);});}if(opts.continuous){opts.after.push(function(){go(els,opts,0,(!opts.rev&&!opts.backwards));});}saveOriginalOpts(opts);if(!$.support.opacity&&opts.cleartype&&!opts.cleartypeNoBg){clearTypeFix($slides);}if($cont.css("position")=="static"){$cont.css("position","relative");}if(opts.width){$cont.width(opts.width);}if(opts.height&&opts.height!="auto"){$cont.height(opts.height);}if(opts.startingSlide){opts.startingSlide=parseInt(opts.startingSlide);}else{if(opts.backwards){opts.startingSlide=els.length-1;}}if(opts.random){opts.randomMap=[];for(var i=0;i<els.length;i++){opts.randomMap.push(i);}opts.randomMap.sort(function(a,b){return Math.random()-0.5;});opts.randomIndex=1;opts.startingSlide=opts.randomMap[1];}else{if(opts.startingSlide>=els.length){opts.startingSlide=0;}}opts.currSlide=opts.startingSlide||0;var first=opts.startingSlide;$slides.css({position:"absolute",top:0,left:0}).hide().each(function(i){var z;if(opts.backwards){z=first?i<=first?els.length+(i-first):first-i:els.length-i;}else{z=first?i>=first?els.length-(i-first):first-i:els.length-i;}$(this).css("z-index",z);});$(els[first]).css("opacity",1).show();removeFilter(els[first],opts);if(opts.fit&&opts.width){$slides.width(opts.width);}if(opts.fit&&opts.height&&opts.height!="auto"){$slides.height(opts.height);}var reshape=opts.containerResize&&!$cont.innerHeight();if(reshape){var maxw=0,maxh=0;for(var j=0;j<els.length;j++){var $e=$(els[j]),e=$e[0],w=$e.outerWidth(),h=$e.outerHeight();if(!w){w=e.offsetWidth||e.width||$e.attr("width");}if(!h){h=e.offsetHeight||e.height||$e.attr("height");}maxw=w>maxw?w:maxw;maxh=h>maxh?h:maxh;}if(maxw>0&&maxh>0){$cont.css({width:maxw+"px",height:maxh+"px"});}}if(opts.pause){$cont.hover(function(){this.cyclePause++;},function(){this.cyclePause--;});}if(supportMultiTransitions(opts)===false){return false;}var requeue=false;options.requeueAttempts=options.requeueAttempts||0;$slides.each(function(){var $el=$(this);this.cycleH=(opts.fit&&opts.height)?opts.height:($el.height()||this.offsetHeight||this.height||$el.attr("height")||0);this.cycleW=(opts.fit&&opts.width)?opts.width:($el.width()||this.offsetWidth||this.width||$el.attr("width")||0);if($el.is("img")){var loadingIE=($.browser.msie&&this.cycleW==28&&this.cycleH==30&&!this.complete);var loadingFF=($.browser.mozilla&&this.cycleW==34&&this.cycleH==19&&!this.complete);var loadingOp=($.browser.opera&&((this.cycleW==42&&this.cycleH==19)||(this.cycleW==37&&this.cycleH==17))&&!this.complete);var loadingOther=(this.cycleH==0&&this.cycleW==0&&!this.complete);if(loadingIE||loadingFF||loadingOp||loadingOther){if(o.s&&opts.requeueOnImageNotLoaded&&++options.requeueAttempts<100){log(options.requeueAttempts," - img slide not loaded, requeuing slideshow: ",this.src,this.cycleW,this.cycleH);setTimeout(function(){$(o.s,o.c).cycle(options);},opts.requeueTimeout);requeue=true;return false;}else{log("could not determine size of image: "+this.src,this.cycleW,this.cycleH);}}}return true;});if(requeue){return false;}opts.cssBefore=opts.cssBefore||{};opts.animIn=opts.animIn||{};opts.animOut=opts.animOut||{};$slides.not(":eq("+first+")").css(opts.cssBefore);if(opts.cssFirst){$($slides[first]).css(opts.cssFirst);}if(opts.timeout){opts.timeout=parseInt(opts.timeout);if(opts.speed.constructor==String){opts.speed=$.fx.speeds[opts.speed]||parseInt(opts.speed);}if(!opts.sync){opts.speed=opts.speed/2;}var buffer=opts.fx=="shuffle"?500:250;while((opts.timeout-opts.speed)<buffer){opts.timeout+=opts.speed;}}if(opts.easing){opts.easeIn=opts.easeOut=opts.easing;}if(!opts.speedIn){opts.speedIn=opts.speed;}if(!opts.speedOut){opts.speedOut=opts.speed;}opts.slideCount=els.length;opts.currSlide=opts.lastSlide=first;if(opts.random){if(++opts.randomIndex==els.length){opts.randomIndex=0;}opts.nextSlide=opts.randomMap[opts.randomIndex];}else{if(opts.backwards){opts.nextSlide=opts.startingSlide==0?(els.length-1):opts.startingSlide-1;}else{opts.nextSlide=opts.startingSlide>=(els.length-1)?0:opts.startingSlide+1;}}if(!opts.multiFx){var init=$.fn.cycle.transitions[opts.fx];if($.isFunction(init)){init($cont,$slides,opts);}else{if(opts.fx!="custom"&&!opts.multiFx){log("unknown transition: "+opts.fx,"; slideshow terminating");return false;}}}var e0=$slides[first];if(opts.before.length){opts.before[0].apply(e0,[e0,e0,opts,true]);}if(opts.after.length>1){opts.after[1].apply(e0,[e0,e0,opts,true]);}if(opts.next){$(opts.next).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?-1:1);});}if(opts.prev){$(opts.prev).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?1:-1);});}if(opts.pager||opts.pagerAnchorBuilder){buildPager(els,opts);}exposeAddSlide(opts,els);return opts;}function saveOriginalOpts(opts){opts.original={before:[],after:[]};opts.original.cssBefore=$.extend({},opts.cssBefore);opts.original.cssAfter=$.extend({},opts.cssAfter);opts.original.animIn=$.extend({},opts.animIn);opts.original.animOut=$.extend({},opts.animOut);$.each(opts.before,function(){opts.original.before.push(this);});$.each(opts.after,function(){opts.original.after.push(this);});}function supportMultiTransitions(opts){var i,tx,txs=$.fn.cycle.transitions;if(opts.fx.indexOf(",")>0){opts.multiFx=true;opts.fxs=opts.fx.replace(/\s*/g,"").split(",");for(i=0;i<opts.fxs.length;i++){var fx=opts.fxs[i];tx=txs[fx];if(!tx||!txs.hasOwnProperty(fx)||!$.isFunction(tx)){log("discarding unknown transition: ",fx);opts.fxs.splice(i,1);i--;}}if(!opts.fxs.length){log("No valid transitions named; slideshow terminating.");return false;}}else{if(opts.fx=="all"){opts.multiFx=true;opts.fxs=[];for(p in txs){tx=txs[p];if(txs.hasOwnProperty(p)&&$.isFunction(tx)){opts.fxs.push(p);}}}}if(opts.multiFx&&opts.randomizeEffects){var r1=Math.floor(Math.random()*20)+30;for(i=0;i<r1;i++){var r2=Math.floor(Math.random()*opts.fxs.length);opts.fxs.push(opts.fxs.splice(r2,1)[0]);}debug("randomized fx sequence: ",opts.fxs);}return true;}function exposeAddSlide(opts,els){opts.addSlide=function(newSlide,prepend){var $s=$(newSlide),s=$s[0];if(!opts.autostopCount){opts.countdown++;}els[prepend?"unshift":"push"](s);if(opts.els){opts.els[prepend?"unshift":"push"](s);}opts.slideCount=els.length;$s.css("position","absolute");$s[prepend?"prependTo":"appendTo"](opts.$cont);if(prepend){opts.currSlide++;opts.nextSlide++;}if(!$.support.opacity&&opts.cleartype&&!opts.cleartypeNoBg){clearTypeFix($s);}if(opts.fit&&opts.width){$s.width(opts.width);}if(opts.fit&&opts.height&&opts.height!="auto"){$slides.height(opts.height);}s.cycleH=(opts.fit&&opts.height)?opts.height:$s.height();s.cycleW=(opts.fit&&opts.width)?opts.width:$s.width();$s.css(opts.cssBefore);if(opts.pager||opts.pagerAnchorBuilder){$.fn.cycle.createPagerAnchor(els.length-1,s,$(opts.pager),els,opts);}if($.isFunction(opts.onAddSlide)){opts.onAddSlide($s);}else{$s.hide();}};}$.fn.cycle.resetState=function(opts,fx){fx=fx||opts.fx;opts.before=[];opts.after=[];opts.cssBefore=$.extend({},opts.original.cssBefore);opts.cssAfter=$.extend({},opts.original.cssAfter);opts.animIn=$.extend({},opts.original.animIn);opts.animOut=$.extend({},opts.original.animOut);opts.fxFn=null;$.each(opts.original.before,function(){opts.before.push(this);});$.each(opts.original.after,function(){opts.after.push(this);});var init=$.fn.cycle.transitions[fx];if($.isFunction(init)){init(opts.$cont,$(opts.elements),opts);}};function go(els,opts,manual,fwd){if(manual&&opts.busy&&opts.manualTrump){debug("manualTrump in go(), stopping active transition");$(els).stop(true,true);opts.busy=false;}if(opts.busy){debug("transition active, ignoring new tx request");return;}var p=opts.$cont[0],curr=els[opts.currSlide],next=els[opts.nextSlide];if(p.cycleStop!=opts.stopCount||p.cycleTimeout===0&&!manual){return;}if(!manual&&!p.cyclePause&&!opts.bounce&&((opts.autostop&&(--opts.countdown<=0))||(opts.nowrap&&!opts.random&&opts.nextSlide<opts.currSlide))){if(opts.end){opts.end(opts);}return;}var changed=false;if((manual||!p.cyclePause)&&(opts.nextSlide!=opts.currSlide)){changed=true;var fx=opts.fx;curr.cycleH=curr.cycleH||$(curr).height();curr.cycleW=curr.cycleW||$(curr).width();next.cycleH=next.cycleH||$(next).height();next.cycleW=next.cycleW||$(next).width();if(opts.multiFx){if(opts.lastFx==undefined||++opts.lastFx>=opts.fxs.length){opts.lastFx=0;}fx=opts.fxs[opts.lastFx];opts.currFx=fx;}if(opts.oneTimeFx){fx=opts.oneTimeFx;opts.oneTimeFx=null;}$.fn.cycle.resetState(opts,fx);if(opts.before.length){$.each(opts.before,function(i,o){if(p.cycleStop!=opts.stopCount){return;}o.apply(next,[curr,next,opts,fwd]);});}var after=function(){$.each(opts.after,function(i,o){if(p.cycleStop!=opts.stopCount){return;}o.apply(next,[curr,next,opts,fwd]);});};debug("tx firing; currSlide: "+opts.currSlide+"; nextSlide: "+opts.nextSlide);opts.busy=1;if(opts.fxFn){opts.fxFn(curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}else{if($.isFunction($.fn.cycle[opts.fx])){$.fn.cycle[opts.fx](curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}else{$.fn.cycle.custom(curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}}}if(changed||opts.nextSlide==opts.currSlide){opts.lastSlide=opts.currSlide;if(opts.random){opts.currSlide=opts.nextSlide;if(++opts.randomIndex==els.length){opts.randomIndex=0;}opts.nextSlide=opts.randomMap[opts.randomIndex];if(opts.nextSlide==opts.currSlide){opts.nextSlide=(opts.currSlide==opts.slideCount-1)?0:opts.currSlide+1;}}else{if(opts.backwards){var roll=(opts.nextSlide-1)<0;if(roll&&opts.bounce){opts.backwards=!opts.backwards;opts.nextSlide=1;opts.currSlide=0;}else{opts.nextSlide=roll?(els.length-1):opts.nextSlide-1;opts.currSlide=roll?0:opts.nextSlide+1;}}else{var roll=(opts.nextSlide+1)==els.length;if(roll&&opts.bounce){opts.backwards=!opts.backwards;opts.nextSlide=els.length-2;opts.currSlide=els.length-1;}else{opts.nextSlide=roll?0:opts.nextSlide+1;opts.currSlide=roll?els.length-1:opts.nextSlide-1;}}}}if(changed&&opts.pager){opts.updateActivePagerLink(opts.pager,opts.currSlide,opts.activePagerClass);}var ms=0;if(opts.timeout&&!opts.continuous){ms=getTimeout(els[opts.currSlide],els[opts.nextSlide],opts,fwd);}else{if(opts.continuous&&p.cyclePause){ms=10;}}if(ms>0){p.cycleTimeout=setTimeout(function(){go(els,opts,0,(!opts.rev&&!opts.backwards));},ms);}}$.fn.cycle.updateActivePagerLink=function(pager,currSlide,clsName){$(pager).each(function(){$(this).children().removeClass(clsName).eq(currSlide).addClass(clsName);});};function getTimeout(curr,next,opts,fwd){if(opts.timeoutFn){var t=opts.timeoutFn.call(curr,curr,next,opts,fwd);while((t-opts.speed)<250){t+=opts.speed;}debug("calculated timeout: "+t+"; speed: "+opts.speed);if(t!==false){return t;}}return opts.timeout;}$.fn.cycle.next=function(opts){advance(opts,opts.rev?-1:1);};$.fn.cycle.prev=function(opts){advance(opts,opts.rev?1:-1);};function advance(opts,val){var els=opts.elements;var p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0;}if(opts.random&&val<0){opts.randomIndex--;if(--opts.randomIndex==-2){opts.randomIndex=els.length-2;}else{if(opts.randomIndex==-1){opts.randomIndex=els.length-1;}}opts.nextSlide=opts.randomMap[opts.randomIndex];}else{if(opts.random){opts.nextSlide=opts.randomMap[opts.randomIndex];}else{opts.nextSlide=opts.currSlide+val;if(opts.nextSlide<0){if(opts.nowrap){return false;}opts.nextSlide=els.length-1;}else{if(opts.nextSlide>=els.length){if(opts.nowrap){return false;}opts.nextSlide=0;}}}}var cb=opts.onPrevNextEvent||opts.prevNextClick;if($.isFunction(cb)){cb(val>0,opts.nextSlide,els[opts.nextSlide]);}go(els,opts,1,val>=0);return false;}function buildPager(els,opts){var $p=$(opts.pager);$.each(els,function(i,o){$.fn.cycle.createPagerAnchor(i,o,$p,els,opts);});opts.updateActivePagerLink(opts.pager,opts.startingSlide,opts.activePagerClass);}$.fn.cycle.createPagerAnchor=function(i,el,$p,els,opts){var a;if($.isFunction(opts.pagerAnchorBuilder)){a=opts.pagerAnchorBuilder(i,el);debug("pagerAnchorBuilder("+i+", el) returned: "+a);}else{a='<a href="#">'+(i+1)+"</a>";}if(!a){return;}var $a=$(a);if($a.parents("body").length===0){var arr=[];if($p.length>1){$p.each(function(){var $clone=$a.clone(true);$(this).append($clone);arr.push($clone[0]);});$a=$(arr);}else{$a.appendTo($p);}}opts.pagerAnchors=opts.pagerAnchors||[];opts.pagerAnchors.push($a);$a.bind(opts.pagerEvent,function(e){e.preventDefault();opts.nextSlide=i;var p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0;}var cb=opts.onPagerEvent||opts.pagerClick;if($.isFunction(cb)){cb(opts.nextSlide,els[opts.nextSlide]);}go(els,opts,1,opts.currSlide<i);});if(!/^click/.test(opts.pagerEvent)&&!opts.allowPagerClickBubble){$a.bind("click.cycle",function(){return false;});}if(opts.pauseOnPagerHover){$a.hover(function(){opts.$cont[0].cyclePause++;},function(){opts.$cont[0].cyclePause--;});}};$.fn.cycle.hopsFromLast=function(opts,fwd){var hops,l=opts.lastSlide,c=opts.currSlide;if(fwd){hops=c>l?c-l:opts.slideCount-l;}else{hops=c<l?l-c:l+opts.slideCount-c;}return hops;};function clearTypeFix($slides){debug("applying clearType background-color hack");function hex(s){s=parseInt(s).toString(16);return s.length<2?"0"+s:s;}function getBg(e){for(;e&&e.nodeName.toLowerCase()!="html";e=e.parentNode){var v=$.css(e,"background-color");if(v.indexOf("rgb")>=0){var rgb=v.match(/\d+/g);return"#"+hex(rgb[0])+hex(rgb[1])+hex(rgb[2]);}if(v&&v!="transparent"){return v;}}return"#ffffff";}$slides.each(function(){$(this).css("background-color",getBg(this));});}$.fn.cycle.commonReset=function(curr,next,opts,w,h,rev){$(opts.elements).not(curr).hide();opts.cssBefore.opacity=1;opts.cssBefore.display="block";if(w!==false&&next.cycleW>0){opts.cssBefore.width=next.cycleW;}if(h!==false&&next.cycleH>0){opts.cssBefore.height=next.cycleH;}opts.cssAfter=opts.cssAfter||{};opts.cssAfter.display="none";$(curr).css("zIndex",opts.slideCount+(rev===true?1:0));$(next).css("zIndex",opts.slideCount+(rev===true?0:1));};$.fn.cycle.custom=function(curr,next,opts,cb,fwd,speedOverride){var $l=$(curr),$n=$(next);var speedIn=opts.speedIn,speedOut=opts.speedOut,easeIn=opts.easeIn,easeOut=opts.easeOut;$n.css(opts.cssBefore);if(speedOverride){if(typeof speedOverride=="number"){speedIn=speedOut=speedOverride;}else{speedIn=speedOut=1;}easeIn=easeOut=null;}var fn=function(){$n.animate(opts.animIn,speedIn,easeIn,cb);};$l.animate(opts.animOut,speedOut,easeOut,function(){if(opts.cssAfter){$l.css(opts.cssAfter);}if(!opts.sync){fn();}});if(opts.sync){fn();}};$.fn.cycle.transitions={fade:function($cont,$slides,opts){$slides.not(":eq("+opts.currSlide+")").css("opacity",0);opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.opacity=0;});opts.animIn={opacity:1};opts.animOut={opacity:0};opts.cssBefore={top:0,left:0};}};$.fn.cycle.ver=function(){return ver;};$.fn.cycle.defaults={fx:"fade",timeout:4000,timeoutFn:null,continuous:0,speed:1000,speedIn:null,speedOut:null,next:null,prev:null,onPrevNextEvent:null,prevNextEvent:"click.cycle",pager:null,onPagerEvent:null,pagerEvent:"click.cycle",allowPagerClickBubble:false,pagerAnchorBuilder:null,before:null,after:null,end:null,easing:null,easeIn:null,easeOut:null,shuffle:null,animIn:null,animOut:null,cssBefore:null,cssAfter:null,fxFn:null,height:"auto",startingSlide:0,sync:1,random:0,fit:0,containerResize:1,pause:0,pauseOnPagerHover:0,autostop:0,autostopCount:0,delay:0,slideExpr:null,cleartype:!$.support.opacity,cleartypeNoBg:false,nowrap:0,fastOnEvent:0,randomizeEffects:1,rev:0,manualTrump:true,requeueOnImageNotLoaded:true,requeueTimeout:250,activePagerClass:"activeSlide",updateActivePagerLink:null,backwards:false};})(jQuery);<br />/*<br /> * jQuery Cycle Plugin Transition Definitions<br /> * This script is a plugin for the jQuery Cycle Plugin<br /> * Examples and documentation at: http://malsup.com/jquery/cycle/<br /> * Copyright (c) 2007-2010 M. Alsup<br /> * Version:     2.72<br /> * Dual licensed under the MIT and GPL licenses:<br /> * http://www.opensource.org/licenses/mit-license.php<br /> * http://www.gnu.org/licenses/gpl.html<br /> */<br />(function($){$.fn.cycle.transitions.none=function($cont,$slides,opts){opts.fxFn=function(curr,next,opts,after){$(next).show();$(curr).hide();after();};};$.fn.cycle.transitions.scrollUp=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var h=$cont.height();opts.cssBefore={top:h,left:0};opts.cssFirst={top:0};opts.animIn={top:0};opts.animOut={top:-h};};$.fn.cycle.transitions.scrollDown=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var h=$cont.height();opts.cssFirst={top:0};opts.cssBefore={top:-h,left:0};opts.animIn={top:0};opts.animOut={top:h};};$.fn.cycle.transitions.scrollLeft=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var w=$cont.width();opts.cssFirst={left:0};opts.cssBefore={left:w,top:0};opts.animIn={left:0};opts.animOut={left:0-w};};$.fn.cycle.transitions.scrollRight=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var w=$cont.width();opts.cssFirst={left:0};opts.cssBefore={left:-w,top:0};opts.animIn={left:0};opts.animOut={left:w};};$.fn.cycle.transitions.scrollHorz=function($cont,$slides,opts){$cont.css("overflow","hidden").width();opts.before.push(function(curr,next,opts,fwd){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.left=fwd?(next.cycleW-1):(1-next.cycleW);opts.animOut.left=fwd?-curr.cycleW:curr.cycleW;});opts.cssFirst={left:0};opts.cssBefore={top:0};opts.animIn={left:0};opts.animOut={top:0};};$.fn.cycle.transitions.scrollVert=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push(function(curr,next,opts,fwd){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.top=fwd?(1-next.cycleH):(next.cycleH-1);opts.animOut.top=fwd?curr.cycleH:-curr.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0};opts.animIn={top:0};opts.animOut={left:0};};$.fn.cycle.transitions.slideX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$(opts.elements).not(curr).hide();$.fn.cycle.commonReset(curr,next,opts,false,true);opts.animIn.width=next.cycleW;});opts.cssBefore={left:0,top:0,width:0};opts.animIn={width:"show"};opts.animOut={width:0};};$.fn.cycle.transitions.slideY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$(opts.elements).not(curr).hide();$.fn.cycle.commonReset(curr,next,opts,true,false);opts.animIn.height=next.cycleH;});opts.cssBefore={left:0,top:0,height:0};opts.animIn={height:"show"};opts.animOut={height:0};};$.fn.cycle.transitions.shuffle=function($cont,$slides,opts){var i,w=$cont.css("overflow","visible").width();$slides.css({left:0,top:0});opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);});if(!opts.speedAdjusted){opts.speed=opts.speed/2;opts.speedAdjusted=true;}opts.random=0;opts.shuffle=opts.shuffle||{left:-w,top:15};opts.els=[];for(i=0;i<$slides.length;i++){opts.els.push($slides[i]);}for(i=0;i<opts.currSlide;i++){opts.els.push(opts.els.shift());}opts.fxFn=function(curr,next,opts,cb,fwd){var $el=fwd?$(curr):$(next);$(next).css(opts.cssBefore);var count=opts.slideCount;$el.animate(opts.shuffle,opts.speedIn,opts.easeIn,function(){var hops=$.fn.cycle.hopsFromLast(opts,fwd);for(var k=0;k<hops;k++){fwd?opts.els.push(opts.els.shift()):opts.els.unshift(opts.els.pop());}if(fwd){for(var i=0,len=opts.els.length;i<len;i++){$(opts.els[i]).css("z-index",len-i+count);}}else{var z=$(curr).css("z-index");$el.css("z-index",parseInt(z)+1+count);}$el.animate({left:0,top:0},opts.speedOut,opts.easeOut,function(){$(fwd?this:curr).hide();if(cb){cb();}});});};opts.cssBefore={display:"block",opacity:1,top:0,left:0};};$.fn.cycle.transitions.turnUp=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.cssBefore.top=next.cycleH;opts.animIn.height=next.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0,height:0};opts.animIn={top:0};opts.animOut={height:0};};$.fn.cycle.transitions.turnDown=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0,top:0,height:0};opts.animOut={height:0};};$.fn.cycle.transitions.turnLeft=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.cssBefore.left=next.cycleW;opts.animIn.width=next.cycleW;});opts.cssBefore={top:0,width:0};opts.animIn={left:0};opts.animOut={width:0};};$.fn.cycle.transitions.turnRight=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.animIn.width=next.cycleW;opts.animOut.left=curr.cycleW;});opts.cssBefore={top:0,left:0,width:0};opts.animIn={left:0};opts.animOut={width:0};};$.fn.cycle.transitions.zoom=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,false,true);opts.cssBefore.top=next.cycleH/2;opts.cssBefore.left=next.cycleW/2;opts.animIn={top:0,left:0,width:next.cycleW,height:next.cycleH};opts.animOut={width:0,height:0,top:curr.cycleH/2,left:curr.cycleW/2};});opts.cssFirst={top:0,left:0};opts.cssBefore={width:0,height:0};};$.fn.cycle.transitions.fadeZoom=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,false);opts.cssBefore.left=next.cycleW/2;opts.cssBefore.top=next.cycleH/2;opts.animIn={top:0,left:0,width:next.cycleW,height:next.cycleH};});opts.cssBefore={width:0,height:0};opts.animOut={opacity:0};};$.fn.cycle.transitions.blindX=function($cont,$slides,opts){var w=$cont.css("overflow","hidden").width();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.width=next.cycleW;opts.animOut.left=curr.cycleW;});opts.cssBefore={left:w,top:0};opts.animIn={left:0};opts.animOut={left:w};};$.fn.cycle.transitions.blindY=function($cont,$slides,opts){var h=$cont.css("overflow","hidden").height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH;});opts.cssBefore={top:h,left:0};opts.animIn={top:0};opts.animOut={top:h};};$.fn.cycle.transitions.blindZ=function($cont,$slides,opts){var h=$cont.css("overflow","hidden").height();var w=$cont.width();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH;});opts.cssBefore={top:h,left:w};opts.animIn={top:0,left:0};opts.animOut={top:h,left:w};};$.fn.cycle.transitions.growX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.cssBefore.left=this.cycleW/2;opts.animIn={left:0,width:this.cycleW};opts.animOut={left:0};});opts.cssBefore={width:0,top:0};};$.fn.cycle.transitions.growY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.cssBefore.top=this.cycleH/2;opts.animIn={top:0,height:this.cycleH};opts.animOut={top:0};});opts.cssBefore={height:0,left:0};};$.fn.cycle.transitions.curtainX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true,true);opts.cssBefore.left=next.cycleW/2;opts.animIn={left:0,width:this.cycleW};opts.animOut={left:curr.cycleW/2,width:0};});opts.cssBefore={top:0,width:0};};$.fn.cycle.transitions.curtainY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false,true);opts.cssBefore.top=next.cycleH/2;opts.animIn={top:0,height:next.cycleH};opts.animOut={top:curr.cycleH/2,height:0};});opts.cssBefore={left:0,height:0};};$.fn.cycle.transitions.cover=function($cont,$slides,opts){var d=opts.direction||"left";var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);if(d=="right"){opts.cssBefore.left=-w;}else{if(d=="up"){opts.cssBefore.top=h;}else{if(d=="down"){opts.cssBefore.top=-h;}else{opts.cssBefore.left=w;}}}});opts.animIn={left:0,top:0};opts.animOut={opacity:1};opts.cssBefore={top:0,left:0};};$.fn.cycle.transitions.uncover=function($cont,$slides,opts){var d=opts.direction||"left";var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);if(d=="right"){opts.animOut.left=w;}else{if(d=="up"){opts.animOut.top=-h;}else{if(d=="down"){opts.animOut.top=h;}else{opts.animOut.left=-w;}}}});opts.animIn={left:0,top:0};opts.animOut={opacity:1};opts.cssBefore={top:0,left:0};};$.fn.cycle.transitions.toss=function($cont,$slides,opts){var w=$cont.css("overflow","visible").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);if(!opts.animOut.left&&!opts.animOut.top){opts.animOut={left:w*2,top:-h/2,opacity:0};}else{opts.animOut.opacity=0;}});opts.cssBefore={left:0,top:0};opts.animIn={left:0};};$.fn.cycle.transitions.wipe=function($cont,$slides,opts){var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.cssBefore=opts.cssBefore||{};var clip;if(opts.clip){if(/l2r/.test(opts.clip)){clip="rect(0px 0px "+h+"px 0px)";}else{if(/r2l/.test(opts.clip)){clip="rect(0px "+w+"px "+h+"px "+w+"px)";}else{if(/t2b/.test(opts.clip)){clip="rect(0px "+w+"px 0px 0px)";}else{if(/b2t/.test(opts.clip)){clip="rect("+h+"px "+w+"px "+h+"px 0px)";}else{if(/zoom/.test(opts.clip)){var top=parseInt(h/2);var left=parseInt(w/2);clip="rect("+top+"px "+left+"px "+top+"px "+left+"px)";}}}}}}opts.cssBefore.clip=opts.cssBefore.clip||clip||"rect(0px 0px 0px 0px)";var d=opts.cssBefore.clip.match(/(\d+)/g);var t=parseInt(d[0]),r=parseInt(d[1]),b=parseInt(d[2]),l=parseInt(d[3]);opts.before.push(function(curr,next,opts){if(curr==next){return;}var $curr=$(curr),$next=$(next);$.fn.cycle.commonReset(curr,next,opts,true,true,false);opts.cssAfter.display="block";var step=1,count=parseInt((opts.speedIn/13))-1;(function f(){var tt=t?t-parseInt(step*(t/count)):0;var ll=l?l-parseInt(step*(l/count)):0;var bb=b<h?b+parseInt(step*((h-b)/count||1)):h;var rr=r<w?r+parseInt(step*((w-r)/count||1)):w;$next.css({clip:"rect("+tt+"px "+rr+"px "+bb+"px "+ll+"px)"});(step++<=count)?setTimeout(f,13):$curr.css("display","none");})();});opts.cssBefore={display:"block",opacity:1,top:0,left:0};opts.animIn={left:0};opts.animOut={left:0};};})(jQuery);<br /><br />//]]><br /></script></span></code></div>
</center>
<ul style="color: #333333; font-family: arial; font-size: 14px;">
<li><span style="background-color: white;">Cari kode <span style="color: blue;"><div id='sidebar-wrapper'></span></span></li>
<li><span style="background-color: white;">Taruh kode berikut dibawah kode <span style="color: blue;"><div id='sidebar-wrapper'></span></span></li>
</ul>
<span style="background-color: white;"><span style="color: #990000; font-family: arial; font-size: 14px;"><i> <div class='MBT-tabviewsection'><br /><script type='text/javascript'><br />            jQuery(document).ready(function($){<br />                $(&quot;.MBT-tabs-content-widget-MBT-id&quot;).hide();<br />                $(&quot;ul.MBT-tabs-widget-MBT-id li:first a&quot;).addClass(&quot;MBT-tabs-current&quot;).show();<br />                $(&quot;.MBT-tabs-content-widget-MBT-id:first&quot;).show();<br />                $(&quot;ul.MBT-tabs-widget-MBT-id li a&quot;).click(function() {<br />                    $(&quot;ul.MBT-tabs-widget-MBT-id li a&quot;).removeClass(&quot;MBT-tabs-current a&quot;);<br />                    $(this).addClass(&quot;MBT-tabs-current&quot;);<br />                    $(&quot;.MBT-tabs-content-widget-MBT-id&quot;).hide();<br />                    var activeTab = $(this).attr(&quot;href&quot;);<br />                    $(activeTab).fadeIn();<br />                    return false;<br />                });<br />            });<br />        </script><br /><ul class='MBT-tabs MBT-tabs-widget-MBT-id'><br /><li><a href='#widget-MBT-id1'><span style="color: lime;">Subscribe</span></a></li><br /><li><a href='#widget-MBT-id2'><span style="color: lime;">Latest Tricks</span></a></li><br /><li><a href='#widget-MBT-id3'><span style="color: lime;">Search</span></a></li><br /></ul><br /><div class='MBT-tabs-content MBT-tabs-content-widget-MBT-id' id='widget-MBT-id1'><br /><b:section class='sidebar' id='sidebartab1' preferred='yes'><br /></b:section>                                    <br /></div> <br /><div style='clear:both;'/>                     <br /><div class='MBT-tabs-content MBT-tabs-content-widget-MBT-id' id='widget-MBT-id2'><br /><b:section class='sidebar' id='sidebartab2' preferred='yes'><br /></b:section>                                      <br /></div> <br />                     <br /><div style='clear:both;'/><br /><div class='MBT-tabs-content MBT-tabs-content-widget-MBT-id' id='widget-MBT-id3'><br /><b:section class='sidebar' id='sidebartab3' preferred='yes'><br /></b:section>                                     <br /></div><br /></div><br /><div style='clear:both;'/></i></span></span><br />
<ul style="color: #333333; font-family: arial; font-size: 14px;">
<li><span style="background-color: white;">Ganti kode yang berwarna hijau dengan nama tab yang akan dibuat</span></li>
<li><span style="background-color: white;">Sekarang silahkan masuk ke Menu TATA LETAK</span></li>
<li><span style="background-color: white;">Jika anda sudah melakukan langkah-langkah diatas dengan benar, maka akan muncul tempat widget yang akan menjadi tab.</span></li>
<li><span style="background-color: white;">Silahkan klik tambahkan gadget, kemudian pilih widget anda yang ingin dijadikan tab</span></li>
</ul>
<div class="separator" style="clear: both; color: #333333; font-family: arial; font-size: 14px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7ptPRBEBx3pBg7gejho0giwST74N0t51Y8PGPY9832KOt2AAGjcZ5ijOQ5Nk1PiSBMsipLIMX8shhpU5tG761NZaVTX5tCc1Aua5oJl1nPnpDAhyNFpzNGRPLqEIlXCmgf5bsUZd18DFx/s330/65.png" imageanchor="1" style="background-color: white; color: #1557b9; margin-left: 1em; margin-right: 1em;"><img alt="Akan muncul tempat widget yang akan menjadi tab." border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7ptPRBEBx3pBg7gejho0giwST74N0t51Y8PGPY9832KOt2AAGjcZ5ijOQ5Nk1PiSBMsipLIMX8shhpU5tG761NZaVTX5tCc1Aua5oJl1nPnpDAhyNFpzNGRPLqEIlXCmgf5bsUZd18DFx/s330/65.png" style="border-width: 0px;" title="Akan muncul tempat widget yang akan menjadi tab." width="320" /></a></div>
<span style="background-color: white;"><br style="color: #333333; font-family: arial; font-size: 14px;" /><span style="color: #333333; font-family: arial; font-size: 14px;">Terakhir, silahkan lihat hasilnya.. Semoga artikel ini bermanfaat untuk anda, dan jangan lupa klik tombol share dibawah. Dan terima kasih sudah mau berkunjung dan membaca artikel.. - </span></span><br />
<span style="background-color: white; color: #333333; font-family: arial; font-size: 14px;"><br /></span>
<span style="background-color: white; font-size: large;">SUMBER TULISAN:  <a href="http://www.seoterpadu.com/2013/07/cara-membuat-menu-tabview-di-blog.html">http://www.seoterpadu.com/2013/07/cara-membuat-menu-tabview-di-blog.html</a></span>

Cara Mudah Membuat Menu TabView Di Blog

Cara membuat Menu TabView di blog memang sangat mudah. Menu Tab View ini sebenarnya diadaptasi dari Worpress. Dengan ukuran yang kecil, M...

Baca selengkapnya »

Cara Mudah Membuat Blog di Mbah Google

<span style="font-size: large;">Gak punya blog jaman sekarang...</span><br />
<span style="font-size: large;">apakata dunia...?</span><br />
<span style="font-size: large;">Cara mebuat blog sangat mudah....</span><br />
<span style="font-size: large;">1. Langkah pertama anda harus terlebih dulu memiliki alamat email (sebaiknya di email  google)</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg85pBKA0hSXJcv1Hn2ZA1fs37KJbImPkaue-jYaoHdGo9hSGyWgUaEnI1WBuq42nS3nCQpgdF50oRNJWzKxSlgE77JLHVhzTujvssBfcR66s80Ibbz2LPkYkUfOTT7F0e3e_9yt2Ks9Qk/s1600/google.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg85pBKA0hSXJcv1Hn2ZA1fs37KJbImPkaue-jYaoHdGo9hSGyWgUaEnI1WBuq42nS3nCQpgdF50oRNJWzKxSlgE77JLHVhzTujvssBfcR66s80Ibbz2LPkYkUfOTT7F0e3e_9yt2Ks9Qk/s320/google.JPG" width="320" /></a></div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">2. Langkah selanjut setelah memiliki email,  anda masuk ke <a href="http://www.blogger.com/">www.blogger.com</a></span><br />
<span style="font-size: large;">3. Selanjutnya disitu anda akan dipandu untuk membuat blog sebab blogger alias mbah google sudah semakin canggih sekarang. </span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Selamat membuat blog...semoga berhasil...</span>

Cara Mudah Membuat Blog di Mbah Google

Gak punya blog jaman sekarang... apakata dunia...? Cara mebuat blog sangat mudah.... 1. Langkah pertama anda harus terlebih dulu memiliki...

Baca selengkapnya »

Cara Cepat Buat Blog

<br />
<div class="MsoNormal" style="line-height: 16.5pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: Verdana, sans-serif; font-size: 10.5pt;">Saat ini hampir semua orang mengenal apa
itu  dumay atau dunia maya alias internet. Banyak yang miris dan
mengatakan bahwa dumay sangat banyak pengaruh negatifnya namun di sisi lain ada
juga yang masih bersikap positif bahwa dumay bisa digunakan untuk berbagai hal
yang bermanfaat. Jadi kembali kepada apa niat dan tujuan dari penggunaan
internet itu sendiri. Bagi Pelajar dan Mahasiswa serta peneliti dapat mencari
bahan-bahan atau materi studi yang berguna bahkan masyarakat pada umumnya pun
bisa mendapat manfaatnya contohnya ibu rumah tangga yang mencari resep memasak
di dumay maupun tentang kesehatan bagi keluarganya.</span><span style="font-family: Arial, sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="line-height: 16.5pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN-QY2imxO4vIYI9fz6Y0quy-NXO36MmspaRWjUmB9w5zYtUTnyeIOjJkjwyHd0TWCuFIMMjq51n6rG5DNyLIQUuXu_3AhG9kOqxcebW3L_NQ2tYFtJpg56cKnTcmMfri4zSHzKjcpzqrC/s1600/blog+gratis.JPG"><span style="color: #5a5597; font-family: "Arial","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN; mso-no-proof: yes; text-decoration: none; text-underline: none;"><v:shapetype coordsize="21600,21600" filled="f" id="_x0000_t75" o:preferrelative="t" o:spt="75" path="m@4@5l@4@11@9@11@9@5xe" stroked="f">
 <v:stroke joinstyle="miter">
 <v:formulas>
  <v:f eqn="if lineDrawn pixelLineWidth 0">
  <v:f eqn="sum @0 1 0">
  <v:f eqn="sum 0 0 @1">
  <v:f eqn="prod @2 1 2">
  <v:f eqn="prod @3 21600 pixelWidth">
  <v:f eqn="prod @3 21600 pixelHeight">
  <v:f eqn="sum @0 0 1">
  <v:f eqn="prod @6 1 2">
  <v:f eqn="prod @7 21600 pixelWidth">
  <v:f eqn="sum @8 21600 0">
  <v:f eqn="prod @7 21600 pixelHeight">
  <v:f eqn="sum @10 21600 0">
 </v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:formulas>
 <v:path gradientshapeok="t" o:connecttype="rect" o:extrusionok="f">
 <o:lock aspectratio="t" v:ext="edit">
</o:lock></v:path></v:stroke></v:shapetype><v:shape alt="Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN-QY2imxO4vIYI9fz6Y0quy-NXO36MmspaRWjUmB9w5zYtUTnyeIOjJkjwyHd0TWCuFIMMjq51n6rG5DNyLIQUuXu_3AhG9kOqxcebW3L_NQ2tYFtJpg56cKnTcmMfri4zSHzKjcpzqrC/s400/blog+gratis.JPG" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN-QY2imxO4vIYI9fz6Y0quy-NXO36MmspaRWjUmB9w5zYtUTnyeIOjJkjwyHd0TWCuFIMMjq51n6rG5DNyLIQUuXu_3AhG9kOqxcebW3L_NQ2tYFtJpg56cKnTcmMfri4zSHzKjcpzqrC/s1600/blog+gratis.JPG" id="Picture_x0020_1" o:button="t" o:spid="_x0000_i1025" style="height: 195pt; mso-wrap-style: square; visibility: visible; width: 300pt;" type="#_x0000_t75">
 <v:imagedata o:title="blog+gratis" src="file:///C:\Users\MUHAMM~1\AppData\Local\Temp\msohtmlclip1\01\clip_image001.jpg">
</v:imagedata></v:shape></span></a><span style="font-family: Arial, sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 16.5pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL-LaeUDJVyceF3hBk1wPjPrcZ5Ft37Wffgx8iKkV8nysuAWvR2pNC-F4OcH-8yZvbx_ZCiwXvJ_fnolmcfzZj3aY5kI_YpHmcDZRzt43czUT5wqbsEkvUhyfvcs1eJxmt2Iy1f9EIdZU/s1600/google.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL-LaeUDJVyceF3hBk1wPjPrcZ5Ft37Wffgx8iKkV8nysuAWvR2pNC-F4OcH-8yZvbx_ZCiwXvJ_fnolmcfzZj3aY5kI_YpHmcDZRzt43czUT5wqbsEkvUhyfvcs1eJxmt2Iy1f9EIdZU/s320/google.JPG" width="320" /></a></div>
<br />

<div class="MsoNormal" style="line-height: 16.5pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: Verdana, sans-serif; font-size: 10.5pt;">Seiiring perkembangan zaman alangkah baik
pula jika mulai melangkah lebih ke depan dalam penggunaan internet  dengan
membuat blog atau website. Yakni website yang berguna untuk berbagi informasi
yang bermanfaat. Dan saat ini banyak pula para pendidik agama atau
ustadz-ustadzah menggunakan website sebagai sarana pendukung dakwahnya. Adapula
anggota keluarga yang membuat website untuk menampung foto-foto dan moment yang
indah di keluarga mereka. Untuk pelajar bisa menyimpan tulisan-tulisan yang
bermanfaat penunjang sarana belajar, serta ke depannya blog/website yang
dikembangkan dengan baik oleh pelajar tersebut dapat ia pergunakan sampai
jenjang kuliah atau ketika sudah memasuki dunia kerja sebagai 'gudang arsip'
yang telah ia tata dengan rapi selama bertahun-tahun. Blog yang demikian
disamping bermanfaat, menjadi suatu kenangan tersendiri nantinya.</span><span style="font-family: Arial, sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 16.5pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: Verdana, sans-serif; font-size: 10.5pt;">By the way sobat....Sudah banyak mungkin
yang membuat tulisan mengenai cara cepat membuat website. </span><span style="font-family: Arial, sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: 16.5pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: Verdana, sans-serif; font-size: 10.5pt;">Berikut ini beberapa di antaranya tempat
membuat website gratis di internet, anda tinggal registrasi/mendaftar kemudian
ikuti petunjuknya untuk membuat blog atau website yang anda inginkan, sarana
bagus dan gratis lagi.... , yakni:</span><span style="font-family: Arial, sans-serif; font-size: 10.5pt; line-height: 16.5pt;"> </span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #cc0000; font-family: "Verdana","sans-serif"; font-size: 10.5pt; mso-bidi-font-family: Arial; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">1.
Blogger.com</span><span style="font-family: Verdana, sans-serif; font-size: 10.5pt;"> (ini sarana dari mbah google yang
paling banyak digunakan oleh blogger saat ini di dunia maya)</span><span style="font-family: Arial, sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #cc0000; font-family: "Verdana","sans-serif"; font-size: 10.5pt; mso-bidi-font-family: Arial; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">2.
WordPress.com</span><span style="font-family: Arial, sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #cc0000; font-family: "Verdana","sans-serif"; font-size: 10.5pt; mso-bidi-font-family: Arial; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">3.
Blogsome.com</span><span style="font-family: Arial, sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #cc0000; font-family: "Verdana","sans-serif"; font-size: 10.5pt; mso-bidi-font-family: Arial; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">4.
Multiply.com</span><span style="font-family: Arial, sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #cc0000; font-family: "Verdana","sans-serif"; font-size: 10.5pt; mso-bidi-font-family: Arial; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">5.
Livejournal.com</span><span style="font-family: Arial, sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #cc0000; font-family: "Verdana","sans-serif"; font-size: 10.5pt; mso-bidi-font-family: Arial; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">6.
Spaces.msn.com</span><span style="font-family: Arial, sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #cc0000; font-family: "Verdana","sans-serif"; font-size: 10.5pt; mso-bidi-font-family: Arial; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">7.
Journalspace.com</span><span style="font-family: Arial, sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #cc0000; font-family: "Verdana","sans-serif"; font-size: 10.5pt; mso-bidi-font-family: Arial; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">8.
my.Opera.com/community</span><span style="font-family: Arial, sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #cc0000; font-family: "Verdana","sans-serif"; font-size: 10.5pt; mso-bidi-font-family: Arial; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">9. 360.yahoo.com</span><span style="font-family: Arial, sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #cc0000; font-family: "Verdana","sans-serif"; font-size: 10.5pt; mso-bidi-font-family: Arial; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">10.
weebly.com</span><span style="font-family: Arial, sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #cc0000; font-family: "Verdana","sans-serif"; font-size: 10.5pt; mso-bidi-font-family: Arial; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">11. webs.com</span><span style="font-family: Arial, sans-serif; font-size: 10.5pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: Verdana, sans-serif; font-size: 10.5pt;">Demikian
informasi ala kadarnya dari kami, semoga kita dapat memanfaatkan sarana membuat
blog/website gratis ini guna menunjang aktivitas kita lebih berdaya guna.</span>
<o:p></o:p></div>

Cara Cepat Buat Blog

Saat ini hampir semua orang mengenal apa itu dumay atau dunia maya alias internet. Banyak yang miris dan mengatakan bahwa dumay sangat ba...

Baca selengkapnya »