BANGETHZ

Accordion Horizontal Manual dan Otomatis

2016-11-06T21:42:00.000-08:00

Sebagai demo, bangethz akan membuat menu accordion menggunakan gambar. Kamu dapat menggantinya dengan tulisan atau teks juga link.

Untuk demonya, kamu bisa kunjungi blog demo bangethz (klik aja bro tombol demo di bawah ini). Pertama kita akan membuat menu accordion horizontal manual dan otomatis.

Cara Membuat Accordion Manual & Otomatis

Buat dulu jQuery dan simpan di hosting kamu, bisa di hosting domain ataupun google sites. Yang nantinya kita akan panggil dalam coding untuk menjalankan fungsi accordion yang akan kita buat. Buat dengan nama: jquery-1.3.2.min.js

/*
* jQuery JavaScript Library v1.3.2
* http://jquery.com/
*
* Copyright (c) 2009 John Resig
* Dual licensed under the MIT and GPL licenses.
* http://docs.jquery.com/License
*
* Date: 2009-02-19 17:34:21 -0500 (Thu, 19 Feb 2009)
* Revision: 6246
*/
(function(){var l=this,g,y=l.jQuery,p=l.$,o=l.jQuery=l.$=function(E,F){return new o.fn.init(E,F)},D=/^[^<]*(<(.|\s)+>)[^>]*$|^#([\w-]+)$/,f=/^.[^:#\[\.,]*$/;o.fn=o.prototype={init:function(E,H){E=E||document;if(E.nodeType){this[0]=E;this.length=1;this.context=E;return this}if(typeof E==="string"){var G=D.exec(E);if(G&&(G[1]||!H)){if(G[1]){E=o.clean([G[1]],H)}else{var I=document.getElementById(G[3]);if(I&&I.id!=G[3]){return o().find(E)}var F=o(I||[]);F.context=document;F.selector=E;return F}}else{return o(H).find(E)}}else{if(o.isFunction(E)){return o(document).ready(E)}}if(E.selector&&E.context){this.selector=E.selector;this.context=E.context}return this.setArray(o.isArray(E)?E:o.makeArray(E))},selector:"",jquery:"1.3.2",size:function(){return this.length},get:function(E){return E===g?Array.prototype.slice.call(this):this[E]},pushStack:function(F,H,E){var G=o(F);G.prevObject=this;G.context=this.context;if(H==="find"){G.selector=this.selector+(this.selector?" ":"")+E}else{if(H){G.selector=this.selector+"."+H+"("+E+")"}}return G},setArray:function(E){this.length=0;Array.prototype.push.apply(this,E);return this},each:function(F,E){return o.each(this,F,E)},index:function(E){return o.inArray(E&&E.jquery?E[0]:E,this)},attr:function(F,H,G){var E=F;if(typeof F==="string"){if(H===g){return this[0]&&o[G||"attr"](this[0],F)}else{E={};E[F]=H}}return this.each(function(I){for(F in E){o.attr(G?this.style:this,F,o.prop(this,E[F],G,I,F))}})},css:function(E,F){if((E=="width"||E=="height")&&parseFloat(F)<0){F=g}return this.attr(E,F,"curCSS")},text:function(F){if(typeof F!=="object"&&F!=null){return this.empty().append((this[0]&&this[0].ownerDocument||document).createTextNode(F))}var E="";o.each(F||this,function(){o.each(this.childNodes,function(){if(this.nodeType!=8){E+=this.nodeType!=1?this.nodeValue:o.fn.text([this])}})});return E},wrapAll:function(E){if(this[0]){var F=o(E,this[0].ownerDocument).clone();if(this[0].parentNode){F.insertBefore(this[0])}F.map(function(){var G=this;while(G.firstChild){G=G.firstChild}return G}).append(this)}return this},wrapInner:function(E){return this.each(function(){o(this).contents().wrapAll(E)})},wrap:function(E){return this.each(function(){o(this).wrapAll(E)})},append:function(){return this.domManip(arguments,true,function(E){if(this.nodeType==1){this.appendChild(E)}})},prepend:function(){return this.domManip(arguments,true,function(E){if(this.nodeType==1){this.insertBefore(E,this.firstChild)}})},before:function(){return this.domManip(arguments,false,function(E){this.parentNode.insertBefore(E,this)})},after:function(){return this.domManip(arguments,false,function(E){this.parentNode.insertBefore(E,this.nextSibling)})},end:function(){return this.prevObject||o([])},push:[].push,sort:[].sort,splice:[].splice,find:function(E){if(this.length===1){var F=this.pushStack([],"find",E);F.length=0;o.find(E,this[0],F);return F}else{return this.pushStack(o.unique(o.map(this,function(G){return o.find(E,G)})),"find",E)}},clone:function(G){var E=this.map(function(){if(!o.support.noCloneEvent&&!o.isXMLDoc(this)){var I=this.outerHTML;if(!I){var J=this.ownerDocument.createElement("div");J.appendChild(this.cloneNode(true));I=J.innerHTML}return o.clean([I.replace(/ jQuery\d+="(?:\d+|null)"/g,"").replace(/^\s*/,"")])[0]}else{return this.cloneNode(true)}});if(G===true){var H=this.find("*").andSelf(),F=0;E.find("*").andSelf().each(function(){if(this.nodeName!==H[F].nodeName){return}var I=o.data(H[F],"events");for(var K in I){for(var J in I[K]){o.event.add(this,K,I[K][J],I[K][J].data)}}F++})}return E},filter:function(E){return this.pushStack(o.isFunction(E)&&o.grep(this,function(G,F){return E.call(G,F)})||o.multiFilter(E,o.grep(this,function(F){return F.nodeType===1})),"filter",E)},closest:function(E){var G=o.expr.match.POS.test(E)?o(E):null,F=0;return this.map(function(){var H=this;while(H&&H.ownerDocument){if(G?G.index(H)>-1:o(H).is(E)){o.data(H,"closest",F);return H}H=H.parentNode;F++}})},not:function(E){if(typeof E==="string"){if(f.test(E)){return this.pushStack(o.multiFilter(E,this,true),"not",E)}else{E=o.multiFilter(E,this)}}var F=E.length&&E[E.length-1]!==g&&!E.nodeType;return this.filter(function(){return F?o.inArray(this,E)<0:this!=E})},add:function(E){return this.pushStack(o.unique(o.merge(this.get(),typeof E==="string"?o(E):o.makeArray(E))))},is:function(E){return !!E&&o.multiFilter(E,this).length>0},hasClass:function(E){return !!E&&this.is("."+E)},val:function(K){if(K===g){var E=this[0];if(E){if(o.nodeName(E,"option")){return(E.attributes.value||{}).specified?E.value:E.text}if(o.nodeName(E,"select")){var I=E.selectedIndex,L=[],M=E.options,H=E.type=="select-one";if(I<0){return null}for(var F=H?I:0,J=H?I+1:M.length;F<J;F++){var G=M[F];if(G.selected){K=o(G).val();if(H){return K}L.push(K)}}return L}return(E.value||"").replace(/\r/g,"")}return g}if(typeof K==="number"){K+=""}return this.each(function(){if(this.nodeType!=1){return}if(o.isArray(K)&&/radio|checkbox/.test(this.type)){this.checked=(o.inArray(this.value,K)>=0||o.inArray(this.name,K)>=0)}else{if(o.nodeName(this,"select")){var N=o.makeArray(K);o("option",this).each(function(){this.selected=(o.inArray(this.value,N)>=0||o.inArray(this.text,N)>=0)});if(!N.length){this.selectedIndex=-1}}else{this.value=K}}})},html:function(E){return E===g?(this[0]?this[0].innerHTML.replace(/ jQuery\d+="(?:\d+|null)"/g,""):null):this.empty().append(E)},replaceWith:function(E){return this.after(E).remove()},eq:function(E){return this.slice(E,+E+1)},slice:function(){return this.pushStack(Array.prototype.slice.apply(this,arguments),"slice",Array.prototype.slice.call(arguments).join(","))},map:function(E){return this.pushStack(o.map(this,function(G,F){return E.call(G,F,G)}))},andSelf:function(){return this.add(this.prevObject)},domManip:function(J,M,L){if(this[0]){var I=(this[0].ownerDocument||this[0]).createDocumentFragment(),F=o.clean(J,(this[0].ownerDocument||this[0]),I),H=I.firstChild;if(H){for(var G=0,E=this.length;G<E;G++){L.call(K(this[G],H),this.length>1||G>0?I.cloneNode(true):I)}}if(F){o.each(F,z)}}return this;function K(N,O){return M&&o.nodeName(N,"table")&&o.nodeName(O,"tr")?(N.getElementsByTagName("tbody")[0]||N.appendChild(N.ownerDocument.createElement("tbody"))):N}}};o.fn.init.prototype=o.fn;function z(E,F){if(F.src){o.ajax({url:F.src,async:false,dataType:"script"})}else{o.globalEval(F.text||F.textContent||F.innerHTML||"")}if(F.parentNode){F.parentNode.removeChild(F)}}function e(){return +new Date}o.extend=o.fn.extend=function(){var J=arguments[0]||{},H=1,I=arguments.length,E=false,G;if(typeof J==="boolean"){E=J;J=arguments[1]||{};H=2}if(typeof J!=="object"&&!o.isFunction(J)){J={}}if(I==H){J=this;--H}for(;H<I;H++){if((G=arguments[H])!=null){for(var F in G){var K=J[F],L=G[F];if(J===L){continue}if(E&&L&&typeof L==="object"&&!L.nodeType){J[F]=o.extend(E,K||(L.length!=null?[]:{}),L)}else{if(L!==g){J[F]=L}}}}}return J};var b=/z-?index|font-?weight|opacity|zoom|line-?height/i,q=document.defaultView||{},s=Object.prototype.toString;o.extend({noConflict:function(E){l.$=p;if(E){l.jQuery=y}return o},isFunction:function(E){return s.call(E)==="[object Function]"},isArray:function(E){return s.call(E)==="[object Array]"},isXMLDoc:function(E){return E.nodeType===9&&E.documentElement.nodeName!=="HTML"||!!E.ownerDocument&&o.isXMLDoc(E.ownerDocument)},globalEval:function(G){if(G&&/\S/.test(G)){var F=document.getElementsByTagName("head")[0]||document.documentElement,E=document.createElement("script");E.type="text/javascript";if(o.support.scriptEval){E.appendChild(document.createTextNode(G))}else{E.text=G}F.insertBefore(E,F.firstChild);F.removeChild(E)}},nodeName:function(F,E){return F.nodeName&&F.nodeName.toUpperCase()==E.toUpperCase()},each:function(G,K,F){var E,H=0,I=G.length;if(F){if(I===g){for(E in G){if(K.apply(G[E],F)===false){break}}}else{for(;H<I;){if(K.apply(G[H++],F)===false){break}}}}else{if(I===g){for(E in G){if(K.call(G[E],E,G[E])===false){break}}}else{for(var J=G[0];H<I&&K.call(J,H,J)!==false;J=G[++H]){}}}return G},prop:function(H,I,G,F,E){if(o.isFunction(I)){I=I.call(H,F)}return typeof I==="number"&&G=="curCSS"&&!b.test(E)?I+"px":I},className:{add:function(E,F){o.each((F||"").split(/\s+/),function(G,H){if(E.nodeType==1&&!o.className.has(E.className,H)){E.className+=(E.className?" ":"")+H}})},remove:function(E,F){if(E.nodeType==1){E.className=F!==g?o.grep(E.className.split(/\s+/),function(G){return !o.className.has(F,G)}).join(" "):""}},has:function(F,E){return F&&o.inArray(E,(F.className||F).toString().split(/\s+/))>-1}},swap:function(H,G,I){var E={};for(var F in G){E[F]=H.style[F];H.style[F]=G[F]}I.call(H);for(var F in G){H.style[F]=E[F]}},css:function(H,F,J,E){if(F=="width"||F=="height"){var L,G={position:"absolute",visibility:"hidden",display:"block"},K=F=="width"?["Left","Right"]:["Top","Bottom"];function I(){L=F=="width"?H.offsetWidth:H.offsetHeight;if(E==="border"){return}o.each(K,function(){if(!E){L-=parseFloat(o.curCSS(H,"padding"+this,true))||0}if(E==="margin"){L+=parseFloat(o.curCSS(H,"margin"+this,true))||0}else{L-=parseFloat(o.curCSS(H,"border"+this+"Width",true))||0}})}if(H.offsetWidth!==0){I()}else{o.swap(H,G,I)}return Math.max(0,Math.round(L))}return o.curCSS(H,F,J)},curCSS:function(I,F,G){var L,E=I.style;if(F=="opacity"&&!o.support.opacity){L=o.attr(E,"opacity");return L==""?"1":L}if(F.match(/float/i)){F=w}if(!G&&E&&E[F]){L=E[F]}else{if(q.getComputedStyle){if(F.match(/float/i)){F="float"}F=F.replace(/([A-Z])/g,"-$1").toLowerCase();var M=q.getComputedStyle(I,null);if(M){L=M.getPropertyValue(F)}if(F=="opacity"&&L==""){L="1"}}else{if(I.currentStyle){var J=F.replace(/\-(\w)/g,function(N,O){return O.toUpperCase()});L=I.currentStyle[F]||I.currentStyle[J];if(!/^\d+(px)?$/i.test(L)&&/^\d/.test(L)){var H=E.left,K=I.runtimeStyle.left;I.runtimeStyle.left=I.currentStyle.left;E.left=L||0;L=E.pixelLeft+"px";E.left=H;I.runtimeStyle.left=K}}}}return L},clean:function(F,K,I){K=K||document;if(typeof K.createElement==="undefined"){K=K.ownerDocument||K[0]&&K[0].ownerDocument||document}if(!I&&F.length===1&&typeof F[0]==="string"){var H=/^<(\w+)\s*\/?>$/.exec(F[0]);if(H){return[K.createElement(H[1])]}}var G=[],E=[],L=K.createElement("div");o.each(F,function(P,S){if(typeof S==="number"){S+=""}if(!S){return}if(typeof S==="string"){S=S.replace(/(<(\w+)[^>]*?)\/>/g,function(U,V,T){return T.match(/^(abbr|br|col|img|input|link|meta|param|hr|area|embed)$/i)?U:V+"></"+T+">"});var O=S.replace(/^\s+/,"").substring(0,10).toLowerCase();var Q=!O.indexOf("<opt")&&[1,"<select multiple='multiple'>","</select>"]||!O.indexOf("<leg")&&[1,"<fieldset>","</fieldset>"]||O.match(/^<(thead|tbody|tfoot|colg|cap)/)&&[1,"<table>","</table>"]||!O.indexOf("<tr")&&[2,"<table><tbody>","</tbody></table>"]||(!O.indexOf("<td")||!O.indexOf("<th"))&&[3,"<table><tbody><tr>","</tr></tbody></table>"]||!O.indexOf("<col")&&[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"]||!o.support.htmlSerialize&&[1,"div<div>","</div>"]||[0,"",""];L.innerHTML=Q[1]+S+Q[2];while(Q[0]--){L=L.lastChild}if(!o.support.tbody){var R=/<tbody/i.test(S),N=!O.indexOf("<table")&&!R?L.firstChild&&L.firstChild.childNodes:Q[1]=="<table>"&&!R?L.childNodes:[];for(var M=N.length-1;M>=0;--M){if(o.nodeName(N[M],"tbody")&&!N[M].childNodes.length){N[M].parentNode.removeChild(N[M])}}}if(!o.support.leadingWhitespace&&/^\s/.test(S)){L.insertBefore(K.createTextNode(S.match(/^\s*/)[0]),L.firstChild)}S=o.makeArray(L.childNodes)}if(S.nodeType){G.push(S)}else{G=o.merge(G,S)}});if(I){for(var J=0;G[J];J++){if(o.nodeName(G[J],"script")&&(!G[J].type||G[J].type.toLowerCase()==="text/javascript")){E.push(G[J].parentNode?G[J].parentNode.removeChild(G[J]):G[J])}else{if(G[J].nodeType===1){G.splice.apply(G,[J+1,0].concat(o.makeArray(G[J].getElementsByTagName("script"))))}I.appendChild(G[J])}}return E}return G},attr:function(J,G,K){if(!J||J.nodeType==3||J.nodeType==8){return g}var H=!o.isXMLDoc(J),L=K!==g;G=H&&o.props[G]||G;if(J.tagName){var F=/href|src|style/.test(G);if(G=="selected"&&J.parentNode){J.parentNode.selectedIndex}if(G in J&&H&&!F){if(L){if(G=="type"&&o.nodeName(J,"input")&&J.parentNode){throw"type property can't be changed"}J[G]=K}if(o.nodeName(J,"form")&&J.getAttributeNode(G)){return J.getAttributeNode(G).nodeValue}if(G=="tabIndex"){var I=J.getAttributeNode("tabIndex");return I&&I.specified?I.value:J.nodeName.match(/(button|input|object|select|textarea)/i)?0:J.nodeName.match(/^(a|area)$/i)&&J.href?0:g}return J[G]}if(!o.support.style&&H&&G=="style"){return o.attr(J.style,"cssText",K)}if(L){J.setAttribute(G,""+K)}var E=!o.support.hrefNormalized&&H&&F?J.getAttribute(G,2):J.getAttribute(G);return E===null?g:E}if(!o.support.opacity&&G=="opacity"){if(L){J.zoom=1;J.filter=(J.filter||"").replace(/alpha$[^)]*$/,"")+(parseInt(K)+""=="NaN"?"":"alpha(opacity="+K*100+")")}return J.filter&&J.filter.indexOf("opacity=")>=0?(parseFloat(J.filter.match(/opacity=([^)]*)/)[1])/100)+"":""}G=G.replace(/-([a-z])/ig,function(M,N){return N.toUpperCase()});if(L){J[G]=K}return J[G]},trim:function(E){return(E||"").replace(/^\s+|\s+$/g,"")},makeArray:function(G){var E=[];if(G!=null){var F=G.length;if(F==null||typeof G==="string"||o.isFunction(G)||G.setInterval){E[0]=G}else{while(F){E[--F]=G[F]}}}return E},inArray:function(G,H){for(var E=0,F=H.length;E<F;E++){if(H[E]===G){return E}}return -1},merge:function(H,E){var F=0,G,I=H.length;if(!o.support.getAll){while((G=E[F++])!=null){if(G.nodeType!=8){H[I++]=G}}}else{while((G=E[F++])!=null){H[I++]=G}}return H},unique:function(K){var F=[],E={};try{for(var G=0,H=K.length;G<H;G++){var J=o.data(K[G]);if(!E[J]){E[J]=true;F.push(K[G])}}}catch(I){F=K}return F},grep:function(F,J,E){var G=[];for(var H=0,I=F.length;H<I;H++){if(!E!=!J(F[H],H)){G.push(F[H])}}return G},map:function(E,J){var F=[];for(var G=0,H=E.length;G<H;G++){var I=J(E[G],G);if(I!=null){F[F.length]=I}}return F.concat.apply([],F)}});var C=navigator.userAgent.toLowerCase();o.browser={version:(C.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/)||[0,"0"])[1],safari:/webkit/.test(C),opera:/opera/.test(C),msie:/msie/.test(C)&&!/opera/.test(C),mozilla:/mozilla/.test(C)&&!/(compatible|webkit)/.test(C)};o.each({parent:function(E){return E.parentNode},parents:function(E){return o.dir(E,"parentNode")},next:function(E){return o.nth(E,2,"nextSibling")},prev:function(E){return o.nth(E,2,"previousSibling")},nextAll:function(E){return o.dir(E,"nextSibling")},prevAll:function(E){return o.dir(E,"previousSibling")},siblings:function(E){return o.sibling(E.parentNode.firstChild,E)},children:function(E){return o.sibling(E.firstChild)},contents:function(E){return o.nodeName(E,"iframe")?E.contentDocument||E.contentWindow.document:o.makeArray(E.childNodes)}},function(E,F){o.fn[E]=function(G){var H=o.map(this,F);if(G&&typeof G=="string"){H=o.multiFilter(G,H)}return this.pushStack(o.unique(H),E,G)}});o.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(E,F){o.fn[E]=function(G){var J=[],L=o(G);for(var K=0,H=L.length;K<H;K++){var I=(K>0?this.clone(true):this).get();o.fn[F].apply(o(L[K]),I);J=J.concat(I)}return this.pushStack(J,E,G)}});o.each({removeAttr:function(E){o.attr(this,E,"");if(this.nodeType==1){this.removeAttribute(E)}},addClass:function(E){o.className.add(this,E)},removeClass:function(E){o.className.remove(this,E)},toggleClass:function(F,E){if(typeof E!=="boolean"){E=!o.className.has(this,F)}o.className[E?"add":"remove"](this,F)},remove:function(E){if(!E||o.filter(E,[this]).length){o("*",this).add([this]).each(function(){o.event.remove(this);o.removeData(this)});if(this.parentNode){this.parentNode.removeChild(this)}}},empty:function(){o(this).children().remove();while(this.firstChild){this.removeChild(this.firstChild)}}},function(E,F){o.fn[E]=function(){return this.each(F,arguments)}});function j(E,F){return E[0]&&parseInt(o.curCSS(E[0],F,true),10)||0}var h="jQuery"+e(),v=0,A={};o.extend({cache:{},data:function(F,E,G){F=F==l?A:F;var H=F[h];if(!H){H=F[h]=++v}if(E&&!o.cache[H]){o.cache[H]={}}if(G!==g){o.cache[H][E]=G}return E?o.cache[H][E]:H},removeData:function(F,E){F=F==l?A:F;var H=F[h];if(E){if(o.cache[H]){delete o.cache[H][E];E="";for(E in o.cache[H]){break}if(!E){o.removeData(F)}}}else{try{delete F[h]}catch(G){if(F.removeAttribute){F.removeAttribute(h)}}delete o.cache[H]}},queue:function(F,E,H){if(F){E=(E||"fx")+"queue";var G=o.data(F,E);if(!G||o.isArray(H)){G=o.data(F,E,o.makeArray(H))}else{if(H){G.push(H)}}}return G},dequeue:function(H,G){var E=o.queue(H,G),F=E.shift();if(!G||G==="fx"){F=E[0]}if(F!==g){F.call(H)}}});o.fn.extend({data:function(E,G){var H=E.split(".");H[1]=H[1]?"."+H[1]:"";if(G===g){var F=this.triggerHandler("getData"+H[1]+"!",[H[0]]);if(F===g&&this.length){F=o.data(this[0],E)}return F===g&&H[1]?this.data(H[0]):F}else{return this.trigger("setData"+H[1]+"!",[H[0],G]).each(function(){o.data(this,E,G)})}},removeData:function(E){return this.each(function(){o.removeData(this,E)})},queue:function(E,F){if(typeof E!=="string"){F=E;E="fx"}if(F===g){return o.queue(this[0],E)}return this.each(function(){var G=o.queue(this,E,F);if(E=="fx"&&G.length==1){G[0].call(this)}})},dequeue:function(E){return this.each(function(){o.dequeue(this,E)})}});
/*
* Sizzle CSS Selector Engine - v0.9.3
* Copyright 2009, The Dojo Foundation
* Released under the MIT, BSD, and GPL Licenses.
* More information: http://sizzlejs.com/
*/
(function(){var R=/((?:$(?:\([^()]+$|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?/g,L=0,H=Object.prototype.toString;var F=function(Y,U,ab,ac){ab=ab||[];U=U||document;if(U.nodeType!==1&&U.nodeType!==9){return[]}if(!Y||typeof Y!=="string"){return ab}var Z=[],W,af,ai,T,ad,V,X=true;R.lastIndex=0;while((W=R.exec(Y))!==null){Z.push(W[1]);if(W[2]){V=RegExp.rightContext;break}}if(Z.length>1&&M.exec(Y)){if(Z.length===2&&I.relative[Z[0]]){af=J(Z[0]+Z[1],U)}else{af=I.relative[Z[0]]?[U]:F(Z.shift(),U);while(Z.length){Y=Z.shift();if(I.relative[Y]){Y+=Z.shift()}af=J(Y,af)}}}else{var ae=ac?{expr:Z.pop(),set:E(ac)}:F.find(Z.pop(),Z.length===1&&U.parentNode?U.parentNode:U,Q(U));af=F.filter(ae.expr,ae.set);if(Z.length>0){ai=E(af)}else{X=false}while(Z.length){var ah=Z.pop(),ag=ah;if(!I.relative[ah]){ah=""}else{ag=Z.pop()}if(ag==null){ag=U}I.relative[ah](ai,ag,Q(U))}}if(!ai){ai=af}if(!ai){throw"Syntax error, unrecognized expression: "+(ah||Y)}if(H.call(ai)==="[object Array]"){if(!X){ab.push.apply(ab,ai)}else{if(U.nodeType===1){for(var aa=0;ai[aa]!=null;aa++){if(ai[aa]&&(ai[aa]===true||ai[aa].nodeType===1&&K(U,ai[aa]))){ab.push(af[aa])}}}else{for(var aa=0;ai[aa]!=null;aa++){if(ai[aa]&&ai[aa].nodeType===1){ab.push(af[aa])}}}}}else{E(ai,ab)}if(V){F(V,U,ab,ac);if(G){hasDuplicate=false;ab.sort(G);if(hasDuplicate){for(var aa=1;aa<ab.length;aa++){if(ab[aa]===ab[aa-1]){ab.splice(aa--,1)}}}}}return ab};F.matches=function(T,U){return F(T,null,null,U)};F.find=function(aa,T,ab){var Z,X;if(!aa){return[]}for(var W=0,V=I.order.length;W<V;W++){var Y=I.order[W],X;if((X=I.match[Y].exec(aa))){var U=RegExp.leftContext;if(U.substr(U.length-1)!=="\\"){X[1]=(X[1]||"").replace(/\\/g,"");Z=I.find[Y](X,T,ab);if(Z!=null){aa=aa.replace(I.match[Y],"");break}}}}if(!Z){Z=T.getElementsByTagName("*")}return{set:Z,expr:aa}};F.filter=function(ad,ac,ag,W){var V=ad,ai=[],aa=ac,Y,T,Z=ac&&ac[0]&&Q(ac[0]);while(ad&&ac.length){for(var ab in I.filter){if((Y=I.match[ab].exec(ad))!=null){var U=I.filter[ab],ah,af;T=false;if(aa==ai){ai=[]}if(I.preFilter[ab]){Y=I.preFilter[ab](Y,aa,ag,ai,W,Z);if(!Y){T=ah=true}else{if(Y===true){continue}}}if(Y){for(var X=0;(af=aa[X])!=null;X++){if(af){ah=U(af,Y,X,aa);var ae=W^!!ah;if(ag&&ah!=null){if(ae){T=true}else{aa[X]=false}}else{if(ae){ai.push(af);T=true}}}}}if(ah!==g){if(!ag){aa=ai}ad=ad.replace(I.match[ab],"");if(!T){return[]}break}}}if(ad==V){if(T==null){throw"Syntax error, unrecognized expression: "+ad}else{break}}V=ad}return aa};var I=F.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF_-]|\\.)+)/,CLASS:/\.((?:[\w\u00c0-\uFFFF_-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF_-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF_-]|\\.)+)\s*(?:(\S?=)\s*(['"]*)(.*?)\3|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*_-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:$(even|odd|[\dn+-]*)$)?/,POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:$(\d*)$)?(?=[^-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF_-]|\\.)+)(?:$(['"]*)((?:\([^$]+\)|[^\2]*)+)\2\))?/},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(T){return T.getAttribute("href")}},relative:{"+":function(aa,T,Z){var X=typeof T==="string",ab=X&&!/\W/.test(T),Y=X&&!ab;if(ab&&!Z){T=T.toUpperCase()}for(var W=0,V=aa.length,U;W<V;W++){if((U=aa[W])){while((U=U.previousSibling)&&U.nodeType!==1){}aa[W]=Y||U&&U.nodeName===T?U||false:U===T}}if(Y){F.filter(T,aa,true)}},">":function(Z,U,aa){var X=typeof U==="string";if(X&&!/\W/.test(U)){U=aa?U:U.toUpperCase();for(var V=0,T=Z.length;V<T;V++){var Y=Z[V];if(Y){var W=Y.parentNode;Z[V]=W.nodeName===U?W:false}}}else{for(var V=0,T=Z.length;V<T;V++){var Y=Z[V];if(Y){Z[V]=X?Y.parentNode:Y.parentNode===U}}if(X){F.filter(U,Z,true)}}},"":function(W,U,Y){var V=L++,T=S;if(!U.match(/\W/)){var X=U=Y?U:U.toUpperCase();T=P}T("parentNode",U,V,W,X,Y)},"~":function(W,U,Y){var V=L++,T=S;if(typeof U==="string"&&!U.match(/\W/)){var X=U=Y?U:U.toUpperCase();T=P}T("previousSibling",U,V,W,X,Y)}},find:{ID:function(U,V,W){if(typeof V.getElementById!=="undefined"&&!W){var T=V.getElementById(U[1]);return T?[T]:[]}},NAME:function(V,Y,Z){if(typeof Y.getElementsByName!=="undefined"){var U=[],X=Y.getElementsByName(V[1]);for(var W=0,T=X.length;W<T;W++){if(X[W].getAttribute("name")===V[1]){U.push(X[W])}}return U.length===0?null:U}},TAG:function(T,U){return U.getElementsByTagName(T[1])}},preFilter:{CLASS:function(W,U,V,T,Z,aa){W=" "+W[1].replace(/\\/g,"")+" ";if(aa){return W}for(var X=0,Y;(Y=U[X])!=null;X++){if(Y){if(Z^(Y.className&&(" "+Y.className+" ").indexOf(W)>=0)){if(!V){T.push(Y)}}else{if(V){U[X]=false}}}}return false},ID:function(T){return T[1].replace(/\\/g,"")},TAG:function(U,T){for(var V=0;T[V]===false;V++){}return T[V]&&Q(T[V])?U[1]:U[1].toUpperCase()},CHILD:function(T){if(T[1]=="nth"){var U=/(-?)(\d*)n((?:\+|-)?\d*)/.exec(T[2]=="even"&&"2n"||T[2]=="odd"&&"2n+1"||!/\D/.test(T[2])&&"0n+"+T[2]||T[2]);T[2]=(U[1]+(U[2]||1))-0;T[3]=U[3]-0}T[0]=L++;return T},ATTR:function(X,U,V,T,Y,Z){var W=X[1].replace(/\\/g,"");if(!Z&&I.attrMap[W]){X[1]=I.attrMap[W]}if(X[2]==="~="){X[4]=" "+X[4]+" "}return X},PSEUDO:function(X,U,V,T,Y){if(X[1]==="not"){if(X[3].match(R).length>1||/^\w/.test(X[3])){X[3]=F(X[3],null,null,U)}else{var W=F.filter(X[3],U,V,true^Y);if(!V){T.push.apply(T,W)}return false}}else{if(I.match.POS.test(X[0])||I.match.CHILD.test(X[0])){return true}}return X},POS:function(T){T.unshift(true);return T}},filters:{enabled:function(T){return T.disabled===false&&T.type!=="hidden"},disabled:function(T){return T.disabled===true},checked:function(T){return T.checked===true},selected:function(T){T.parentNode.selectedIndex;return T.selected===true},parent:function(T){return !!T.firstChild},empty:function(T){return !T.firstChild},has:function(V,U,T){return !!F(T[3],V).length},header:function(T){return/h\d/i.test(T.nodeName)},text:function(T){return"text"===T.type},radio:function(T){return"radio"===T.type},checkbox:function(T){return"checkbox"===T.type},file:function(T){return"file"===T.type},password:function(T){return"password"===T.type},submit:function(T){return"submit"===T.type},image:function(T){return"image"===T.type},reset:function(T){return"reset"===T.type},button:function(T){return"button"===T.type||T.nodeName.toUpperCase()==="BUTTON"},input:function(T){return/input|select|textarea|button/i.test(T.nodeName)}},setFilters:{first:function(U,T){return T===0},last:function(V,U,T,W){return U===W.length-1},even:function(U,T){return T%2===0},odd:function(U,T){return T%2===1},lt:function(V,U,T){return U<T[3]-0},gt:function(V,U,T){return U>T[3]-0},nth:function(V,U,T){return T[3]-0==U},eq:function(V,U,T){return T[3]-0==U}},filter:{PSEUDO:function(Z,V,W,aa){var U=V[1],X=I.filters[U];if(X){return X(Z,W,V,aa)}else{if(U==="contains"){return(Z.textContent||Z.innerText||"").indexOf(V[3])>=0}else{if(U==="not"){var Y=V[3];for(var W=0,T=Y.length;W<T;W++){if(Y[W]===Z){return false}}return true}}}},CHILD:function(T,W){var Z=W[1],U=T;switch(Z){case"only":case"first":while(U=U.previousSibling){if(U.nodeType===1){return false}}if(Z=="first"){return true}U=T;case"last":while(U=U.nextSibling){if(U.nodeType===1){return false}}return true;case"nth":var V=W[2],ac=W[3];if(V==1&&ac==0){return true}var Y=W[0],ab=T.parentNode;if(ab&&(ab.sizcache!==Y||!T.nodeIndex)){var X=0;for(U=ab.firstChild;U;U=U.nextSibling){if(U.nodeType===1){U.nodeIndex=++X}}ab.sizcache=Y}var aa=T.nodeIndex-ac;if(V==0){return aa==0}else{return(aa%V==0&&aa/V>=0)}}},ID:function(U,T){return U.nodeType===1&&U.getAttribute("id")===T},TAG:function(U,T){return(T==="*"&&U.nodeType===1)||U.nodeName===T},CLASS:function(U,T){return(" "+(U.className||U.getAttribute("class"))+" ").indexOf(T)>-1},ATTR:function(Y,W){var V=W[1],T=I.attrHandle[V]?I.attrHandle[V](Y):Y[V]!=null?Y[V]:Y.getAttribute(V),Z=T+"",X=W[2],U=W[4];return T==null?X==="!=":X==="="?Z===U:X==="*="?Z.indexOf(U)>=0:X==="~="?(" "+Z+" ").indexOf(U)>=0:!U?Z&&T!==false:X==="!="?Z!=U:X==="^="?Z.indexOf(U)===0:X==="$="?Z.substr(Z.length-U.length)===U:X==="|="?Z===U||Z.substr(0,U.length+1)===U+"-":false},POS:function(X,U,V,Y){var T=U[2],W=I.setFilters[T];if(W){return W(X,V,U,Y)}}}};var M=I.match.POS;for(var O in I.match){I.match[O]=RegExp(I.match[O].source+/(?![^\[]*\])(?![^$]*$)/.source)}var E=function(U,T){U=Array.prototype.slice.call(U);if(T){T.push.apply(T,U);return T}return U};try{Array.prototype.slice.call(document.documentElement.childNodes)}catch(N){E=function(X,W){var U=W||[];if(H.call(X)==="[object Array]"){Array.prototype.push.apply(U,X)}else{if(typeof X.length==="number"){for(var V=0,T=X.length;V<T;V++){U.push(X[V])}}else{for(var V=0;X[V];V++){U.push(X[V])}}}return U}}var G;if(document.documentElement.compareDocumentPosition){G=function(U,T){var V=U.compareDocumentPosition(T)&4?-1:U===T?0:1;if(V===0){hasDuplicate=true}return V}}else{if("sourceIndex" in document.documentElement){G=function(U,T){var V=U.sourceIndex-T.sourceIndex;if(V===0){hasDuplicate=true}return V}}else{if(document.createRange){G=function(W,U){var V=W.ownerDocument.createRange(),T=U.ownerDocument.createRange();V.selectNode(W);V.collapse(true);T.selectNode(U);T.collapse(true);var X=V.compareBoundaryPoints(Range.START_TO_END,T);if(X===0){hasDuplicate=true}return X}}}}(function(){var U=document.createElement("form"),V="script"+(new Date).getTime();U.innerHTML="<input name='"+V+"'/>";var T=document.documentElement;T.insertBefore(U,T.firstChild);if(!!document.getElementById(V)){I.find.ID=function(X,Y,Z){if(typeof Y.getElementById!=="undefined"&&!Z){var W=Y.getElementById(X[1]);return W?W.id===X[1]||typeof W.getAttributeNode!=="undefined"&&W.getAttributeNode("id").nodeValue===X[1]?[W]:g:[]}};I.filter.ID=function(Y,W){var X=typeof Y.getAttributeNode!=="undefined"&&Y.getAttributeNode("id");return Y.nodeType===1&&X&&X.nodeValue===W}}T.removeChild(U)})();(function(){var T=document.createElement("div");T.appendChild(document.createComment(""));if(T.getElementsByTagName("*").length>0){I.find.TAG=function(U,Y){var X=Y.getElementsByTagName(U[1]);if(U[1]==="*"){var W=[];for(var V=0;X[V];V++){if(X[V].nodeType===1){W.push(X[V])}}X=W}return X}}T.innerHTML="<a href='#'></a>";if(T.firstChild&&typeof T.firstChild.getAttribute!=="undefined"&&T.firstChild.getAttribute("href")!=="#"){I.attrHandle.href=function(U){return U.getAttribute("href",2)}}})();if(document.querySelectorAll){(function(){var T=F,U=document.createElement("div");U.innerHTML="<p class='TEST'></p>";if(U.querySelectorAll&&U.querySelectorAll(".TEST").length===0){return}F=function(Y,X,V,W){X=X||document;if(!W&&X.nodeType===9&&!Q(X)){try{return E(X.querySelectorAll(Y),V)}catch(Z){}}return T(Y,X,V,W)};F.find=T.find;F.filter=T.filter;F.selectors=T.selectors;F.matches=T.matches})()}if(document.getElementsByClassName&&document.documentElement.getElementsByClassName){(function(){var T=document.createElement("div");T.innerHTML="<div class='test e'></div><div class='test'></div>";if(T.getElementsByClassName("e").length===0){return}T.lastChild.className="e";if(T.getElementsByClassName("e").length===1){return}I.order.splice(1,0,"CLASS");I.find.CLASS=function(U,V,W){if(typeof V.getElementsByClassName!=="undefined"&&!W){return V.getElementsByClassName(U[1])}}})()}function P(U,Z,Y,ad,aa,ac){var ab=U=="previousSibling"&&!ac;for(var W=0,V=ad.length;W<V;W++){var T=ad[W];if(T){if(ab&&T.nodeType===1){T.sizcache=Y;T.sizset=W}T=T[U];var X=false;while(T){if(T.sizcache===Y){X=ad[T.sizset];break}if(T.nodeType===1&&!ac){T.sizcache=Y;T.sizset=W}if(T.nodeName===Z){X=T;break}T=T[U]}ad[W]=X}}}function S(U,Z,Y,ad,aa,ac){var ab=U=="previousSibling"&&!ac;for(var W=0,V=ad.length;W<V;W++){var T=ad[W];if(T){if(ab&&T.nodeType===1){T.sizcache=Y;T.sizset=W}T=T[U];var X=false;while(T){if(T.sizcache===Y){X=ad[T.sizset];break}if(T.nodeType===1){if(!ac){T.sizcache=Y;T.sizset=W}if(typeof Z!=="string"){if(T===Z){X=true;break}}else{if(F.filter(Z,[T]).length>0){X=T;break}}}T=T[U]}ad[W]=X}}}var K=document.compareDocumentPosition?function(U,T){return U.compareDocumentPosition(T)&16}:function(U,T){return U!==T&&(U.contains?U.contains(T):true)};var Q=function(T){return T.nodeType===9&&T.documentElement.nodeName!=="HTML"||!!T.ownerDocument&&Q(T.ownerDocument)};var J=function(T,aa){var W=[],X="",Y,V=aa.nodeType?[aa]:aa;while((Y=I.match.PSEUDO.exec(T))){X+=Y[0];T=T.replace(I.match.PSEUDO,"")}T=I.relative[T]?T+"*":T;for(var Z=0,U=V.length;Z<U;Z++){F(T,V[Z],W)}return F.filter(X,W)};o.find=F;o.filter=F.filter;o.expr=F.selectors;o.expr[":"]=o.expr.filters;F.selectors.filters.hidden=function(T){return T.offsetWidth===0||T.offsetHeight===0};F.selectors.filters.visible=function(T){return T.offsetWidth>0||T.offsetHeight>0};F.selectors.filters.animated=function(T){return o.grep(o.timers,function(U){return T===U.elem}).length};o.multiFilter=function(V,T,U){if(U){V=":not("+V+")"}return F.matches(V,T)};o.dir=function(V,U){var T=[],W=V[U];while(W&&W!=document){if(W.nodeType==1){T.push(W)}W=W[U]}return T};o.nth=function(X,T,V,W){T=T||1;var U=0;for(;X;X=X[V]){if(X.nodeType==1&&++U==T){break}}return X};o.sibling=function(V,U){var T=[];for(;V;V=V.nextSibling){if(V.nodeType==1&&V!=U){T.push(V)}}return T};return;l.Sizzle=F})();o.event={add:function(I,F,H,K){if(I.nodeType==3||I.nodeType==8){return}if(I.setInterval&&I!=l){I=l}if(!H.guid){H.guid=this.guid++}if(K!==g){var G=H;H=this.proxy(G);H.data=K}var E=o.data(I,"events")||o.data(I,"events",{}),J=o.data(I,"handle")||o.data(I,"handle",function(){return typeof o!=="undefined"&&!o.event.triggered?o.event.handle.apply(arguments.callee.elem,arguments):g});J.elem=I;o.each(F.split(/\s+/),function(M,N){var O=N.split(".");N=O.shift();H.type=O.slice().sort().join(".");var L=E[N];if(o.event.specialAll[N]){o.event.specialAll[N].setup.call(I,K,O)}if(!L){L=E[N]={};if(!o.event.special[N]||o.event.special[N].setup.call(I,K,O)===false){if(I.addEventListener){I.addEventListener(N,J,false)}else{if(I.attachEvent){I.attachEvent("on"+N,J)}}}}L[H.guid]=H;o.event.global[N]=true});I=null},guid:1,global:{},remove:function(K,H,J){if(K.nodeType==3||K.nodeType==8){return}var G=o.data(K,"events"),F,E;if(G){if(H===g||(typeof H==="string"&&H.charAt(0)==".")){for(var I in G){this.remove(K,I+(H||""))}}else{if(H.type){J=H.handler;H=H.type}o.each(H.split(/\s+/),function(M,O){var Q=O.split(".");O=Q.shift();var N=RegExp("(^|\\.)"+Q.slice().sort().join(".*\\.")+"(\\.|$)");if(G[O]){if(J){delete G[O][J.guid]}else{for(var P in G[O]){if(N.test(G[O][P].type)){delete G[O][P]}}}if(o.event.specialAll[O]){o.event.specialAll[O].teardown.call(K,Q)}for(F in G[O]){break}if(!F){if(!o.event.special[O]||o.event.special[O].teardown.call(K,Q)===false){if(K.removeEventListener){K.removeEventListener(O,o.data(K,"handle"),false)}else{if(K.detachEvent){K.detachEvent("on"+O,o.data(K,"handle"))}}}F=null;delete G[O]}}})}for(F in G){break}if(!F){var L=o.data(K,"handle");if(L){L.elem=null}o.removeData(K,"events");o.removeData(K,"handle")}}},trigger:function(I,K,H,E){var G=I.type||I;if(!E){I=typeof I==="object"?I[h]?I:o.extend(o.Event(G),I):o.Event(G);if(G.indexOf("!")>=0){I.type=G=G.slice(0,-1);I.exclusive=true}if(!H){I.stopPropagation();if(this.global[G]){o.each(o.cache,function(){if(this.events&&this.events[G]){o.event.trigger(I,K,this.handle.elem)}})}}if(!H||H.nodeType==3||H.nodeType==8){return g}I.result=g;I.target=H;K=o.makeArray(K);K.unshift(I)}I.currentTarget=H;var J=o.data(H,"handle");if(J){J.apply(H,K)}if((!H[G]||(o.nodeName(H,"a")&&G=="click"))&&H["on"+G]&&H["on"+G].apply(H,K)===false){I.result=false}if(!E&&H[G]&&!I.isDefaultPrevented()&&!(o.nodeName(H,"a")&&G=="click")){this.triggered=true;try{H[G]()}catch(L){}}this.triggered=false;if(!I.isPropagationStopped()){var F=H.parentNode||H.ownerDocument;if(F){o.event.trigger(I,K,F,true)}}},handle:function(K){var J,E;K=arguments[0]=o.event.fix(K||l.event);K.currentTarget=this;var L=K.type.split(".");K.type=L.shift();J=!L.length&&!K.exclusive;var I=RegExp("(^|\\.)"+L.slice().sort().join(".*\\.")+"(\\.|$)");E=(o.data(this,"events")||{})[K.type];for(var G in E){var H=E[G];if(J||I.test(H.type)){K.handler=H;K.data=H.data;var F=H.apply(this,arguments);if(F!==g){K.result=F;if(F===false){K.preventDefault();K.stopPropagation()}}if(K.isImmediatePropagationStopped()){break}}}},props:"altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode metaKey newValue originalTarget pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "),fix:function(H){if(H[h]){return H}var F=H;H=o.Event(F);for(var G=this.props.length,J;G;){J=this.props[--G];H[J]=F[J]}if(!H.target){H.target=H.srcElement||document}if(H.target.nodeType==3){H.target=H.target.parentNode}if(!H.relatedTarget&&H.fromElement){H.relatedTarget=H.fromElement==H.target?H.toElement:H.fromElement}if(H.pageX==null&&H.clientX!=null){var I=document.documentElement,E=document.body;H.pageX=H.clientX+(I&&I.scrollLeft||E&&E.scrollLeft||0)-(I.clientLeft||0);H.pageY=H.clientY+(I&&I.scrollTop||E&&E.scrollTop||0)-(I.clientTop||0)}if(!H.which&&((H.charCode||H.charCode===0)?H.charCode:H.keyCode)){H.which=H.charCode||H.keyCode}if(!H.metaKey&&H.ctrlKey){H.metaKey=H.ctrlKey}if(!H.which&&H.button){H.which=(H.button&1?1:(H.button&2?3:(H.button&4?2:0)))}return H},proxy:function(F,E){E=E||function(){return F.apply(this,arguments)};E.guid=F.guid=F.guid||E.guid||this.guid++;return E},special:{ready:{setup:B,teardown:function(){}}},specialAll:{live:{setup:function(E,F){o.event.add(this,F[0],c)},teardown:function(G){if(G.length){var E=0,F=RegExp("(^|\\.)"+G[0]+"(\\.|$)");o.each((o.data(this,"events").live||{}),function(){if(F.test(this.type)){E++}});if(E<1){o.event.remove(this,G[0],c)}}}}}};o.Event=function(E){if(!this.preventDefault){return new o.Event(E)}if(E&&E.type){this.originalEvent=E;this.type=E.type}else{this.type=E}this.timeStamp=e();this[h]=true};function k(){return false}function u(){return true}o.Event.prototype={preventDefault:function(){this.isDefaultPrevented=u;var E=this.originalEvent;if(!E){return}if(E.preventDefault){E.preventDefault()}E.returnValue=false},stopPropagation:function(){this.isPropagationStopped=u;var E=this.originalEvent;if(!E){return}if(E.stopPropagation){E.stopPropagation()}E.cancelBubble=true},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=u;this.stopPropagation()},isDefaultPrevented:k,isPropagationStopped:k,isImmediatePropagationStopped:k};var a=function(F){var E=F.relatedTarget;while(E&&E!=this){try{E=E.parentNode}catch(G){E=this}}if(E!=this){F.type=F.data;o.event.handle.apply(this,arguments)}};o.each({mouseover:"mouseenter",mouseout:"mouseleave"},function(F,E){o.event.special[E]={setup:function(){o.event.add(this,F,a,E)},teardown:function(){o.event.remove(this,F,a)}}});o.fn.extend({bind:function(F,G,E){return F=="unload"?this.one(F,G,E):this.each(function(){o.event.add(this,F,E||G,E&&G)})},one:function(G,H,F){var E=o.event.proxy(F||H,function(I){o(this).unbind(I,E);return(F||H).apply(this,arguments)});return this.each(function(){o.event.add(this,G,E,F&&H)})},unbind:function(F,E){return this.each(function(){o.event.remove(this,F,E)})},trigger:function(E,F){return this.each(function(){o.event.trigger(E,F,this)})},triggerHandler:function(E,G){if(this[0]){var F=o.Event(E);F.preventDefault();F.stopPropagation();o.event.trigger(F,G,this[0]);return F.result}},toggle:function(G){var E=arguments,F=1;while(F<E.length){o.event.proxy(G,E[F++])}return this.click(o.event.proxy(G,function(H){this.lastToggle=(this.lastToggle||0)%F;H.preventDefault();return E[this.lastToggle++].apply(this,arguments)||false}))},hover:function(E,F){return this.mouseenter(E).mouseleave(F)},ready:function(E){B();if(o.isReady){E.call(document,o)}else{o.readyList.push(E)}return this},live:function(G,F){var E=o.event.proxy(F);E.guid+=this.selector+G;o(document).bind(i(G,this.selector),this.selector,E);return this},die:function(F,E){o(document).unbind(i(F,this.selector),E?{guid:E.guid+this.selector+F}:null);return this}});function c(H){var E=RegExp("(^|\\.)"+H.type+"(\\.|$)"),G=true,F=[];o.each(o.data(this,"events").live||[],function(I,J){if(E.test(J.type)){var K=o(H.target).closest(J.data)[0];if(K){F.push({elem:K,fn:J})}}});F.sort(function(J,I){return o.data(J.elem,"closest")-o.data(I.elem,"closest")});o.each(F,function(){if(this.fn.call(this.elem,H,this.fn.data)===false){return(G=false)}});return G}function i(F,E){return["live",F,E.replace(/\./g,"`").replace(/ /g,"|")].join(".")}o.extend({isReady:false,readyList:[],ready:function(){if(!o.isReady){o.isReady=true;if(o.readyList){o.each(o.readyList,function(){this.call(document,o)});o.readyList=null}o(document).triggerHandler("ready")}}});var x=false;function B(){if(x){return}x=true;if(document.addEventListener){document.addEventListener("DOMContentLoaded",function(){document.removeEventListener("DOMContentLoaded",arguments.callee,false);o.ready()},false)}else{if(document.attachEvent){document.attachEvent("onreadystatechange",function(){if(document.readyState==="complete"){document.detachEvent("onreadystatechange",arguments.callee);o.ready()}});if(document.documentElement.doScroll&&l==l.top){(function(){if(o.isReady){return}try{document.documentElement.doScroll("left")}catch(E){setTimeout(arguments.callee,0);return}o.ready()})()}}}o.event.add(l,"load",o.ready)}o.each(("blur,focus,load,resize,scroll,unload,click,dblclick,mousedown,mouseup,mousemove,mouseover,mouseout,mouseenter,mouseleave,change,select,submit,keydown,keypress,keyup,error").split(","),function(F,E){o.fn[E]=function(G){return G?this.bind(E,G):this.trigger(E)}});o(l).bind("unload",function(){for(var E in o.cache){if(E!=1&&o.cache[E].handle){o.event.remove(o.cache[E].handle.elem)}}});(function(){o.support={};var F=document.documentElement,G=document.createElement("script"),K=document.createElement("div"),J="script"+(new Date).getTime();K.style.display="none";K.innerHTML=' <link/><table></table><a href="/a" style="color:red;float:left;opacity:.5;">a</a><select><option>text</option></select><object><param/></object>';var H=K.getElementsByTagName("*"),E=K.getElementsByTagName("a")[0];if(!H||!H.length||!E){return}o.support={leadingWhitespace:K.firstChild.nodeType==3,tbody:!K.getElementsByTagName("tbody").length,objectAll:!!K.getElementsByTagName("object")[0].getElementsByTagName("*").length,htmlSerialize:!!K.getElementsByTagName("link").length,style:/red/.test(E.getAttribute("style")),hrefNormalized:E.getAttribute("href")==="/a",opacity:E.style.opacity==="0.5",cssFloat:!!E.style.cssFloat,scriptEval:false,noCloneEvent:true,boxModel:null};G.type="text/javascript";try{G.appendChild(document.createTextNode("window."+J+"=1;"))}catch(I){}F.insertBefore(G,F.firstChild);if(l[J]){o.support.scriptEval=true;delete l[J]}F.removeChild(G);if(K.attachEvent&&K.fireEvent){K.attachEvent("onclick",function(){o.support.noCloneEvent=false;K.detachEvent("onclick",arguments.callee)});K.cloneNode(true).fireEvent("onclick")}o(function(){var L=document.createElement("div");L.style.width=L.style.paddingLeft="1px";document.body.appendChild(L);o.boxModel=o.support.boxModel=L.offsetWidth===2;document.body.removeChild(L).style.display="none"})})();var w=o.support.cssFloat?"cssFloat":"styleFloat";o.props={"for":"htmlFor","class":"className","float":w,cssFloat:w,styleFloat:w,readonly:"readOnly",maxlength:"maxLength",cellspacing:"cellSpacing",rowspan:"rowSpan",tabindex:"tabIndex"};o.fn.extend({_load:o.fn.load,load:function(G,J,K){if(typeof G!=="string"){return this._load(G)}var I=G.indexOf(" ");if(I>=0){var E=G.slice(I,G.length);G=G.slice(0,I)}var H="GET";if(J){if(o.isFunction(J)){K=J;J=null}else{if(typeof J==="object"){J=o.param(J);H="POST"}}}var F=this;o.ajax({url:G,type:H,dataType:"html",data:J,complete:function(M,L){if(L=="success"||L=="notmodified"){F.html(E?o("<div/>").append(M.responseText.replace(/<script(.|\s)*?\/script>/g,"")).find(E):M.responseText)}if(K){F.each(K,[M.responseText,L,M])}}});return this},serialize:function(){return o.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?o.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||/select|textarea/i.test(this.nodeName)||/text|hidden|password|search/i.test(this.type))}).map(function(E,F){var G=o(this).val();return G==null?null:o.isArray(G)?o.map(G,function(I,H){return{name:F.name,value:I}}):{name:F.name,value:G}}).get()}});o.each("ajaxStart,ajaxStop,ajaxComplete,ajaxError,ajaxSuccess,ajaxSend".split(","),function(E,F){o.fn[F]=function(G){return this.bind(F,G)}});var r=e();o.extend({get:function(E,G,H,F){if(o.isFunction(G)){H=G;G=null}return o.ajax({type:"GET",url:E,data:G,success:H,dataType:F})},getScript:function(E,F){return o.get(E,null,F,"script")},getJSON:function(E,F,G){return o.get(E,F,G,"json")},post:function(E,G,H,F){if(o.isFunction(G)){H=G;G={}}return o.ajax({type:"POST",url:E,data:G,success:H,dataType:F})},ajaxSetup:function(E){o.extend(o.ajaxSettings,E)},ajaxSettings:{url:location.href,global:true,type:"GET",contentType:"application/x-www-form-urlencoded",processData:true,async:true,xhr:function(){return l.ActiveXObject?new ActiveXObject("Microsoft.XMLHTTP"):new XMLHttpRequest()},accepts:{xml:"application/xml, text/xml",html:"text/html",script:"text/javascript, application/javascript",json:"application/json, text/javascript",text:"text/plain",_default:"*/*"}},lastModified:{},ajax:function(M){M=o.extend(true,M,o.extend(true,{},o.ajaxSettings,M));var W,F=/=\?(&|$)/g,R,V,G=M.type.toUpperCase();if(M.data&&M.processData&&typeof M.data!=="string"){M.data=o.param(M.data)}if(M.dataType=="jsonp"){if(G=="GET"){if(!M.url.match(F)){M.url+=(M.url.match(/\?/)?"&":"?")+(M.jsonp||"callback")+"=?"}}else{if(!M.data||!M.data.match(F)){M.data=(M.data?M.data+"&":"")+(M.jsonp||"callback")+"=?"}}M.dataType="json"}if(M.dataType=="json"&&(M.data&&M.data.match(F)||M.url.match(F))){W="jsonp"+r++;if(M.data){M.data=(M.data+"").replace(F,"="+W+"$1")}M.url=M.url.replace(F,"="+W+"$1");M.dataType="script";l[W]=function(X){V=X;I();L();l[W]=g;try{delete l[W]}catch(Y){}if(H){H.removeChild(T)}}}if(M.dataType=="script"&&M.cache==null){M.cache=false}if(M.cache===false&&G=="GET"){var E=e();var U=M.url.replace(/(\?|&)_=.*?(&|$)/,"$1_="+E+"$2");M.url=U+((U==M.url)?(M.url.match(/\?/)?"&":"?")+"_="+E:"")}if(M.data&&G=="GET"){M.url+=(M.url.match(/\?/)?"&":"?")+M.data;M.data=null}if(M.global&&!o.active++){o.event.trigger("ajaxStart")}var Q=/^(\w+:)?\/\/([^\/?#]+)/.exec(M.url);if(M.dataType=="script"&&G=="GET"&&Q&&(Q[1]&&Q[1]!=location.protocol||Q[2]!=location.host)){var H=document.getElementsByTagName("head")[0];var T=document.createElement("script");T.src=M.url;if(M.scriptCharset){T.charset=M.scriptCharset}if(!W){var O=false;T.onload=T.onreadystatechange=function(){if(!O&&(!this.readyState||this.readyState=="loaded"||this.readyState=="complete")){O=true;I();L();T.onload=T.onreadystatechange=null;H.removeChild(T)}}}H.appendChild(T);return g}var K=false;var J=M.xhr();if(M.username){J.open(G,M.url,M.async,M.username,M.password)}else{J.open(G,M.url,M.async)}try{if(M.data){J.setRequestHeader("Content-Type",M.contentType)}if(M.ifModified){J.setRequestHeader("If-Modified-Since",o.lastModified[M.url]||"Thu, 01 Jan 1970 00:00:00 GMT")}J.setRequestHeader("X-Requested-With","XMLHttpRequest");J.setRequestHeader("Accept",M.dataType&&M.accepts[M.dataType]?M.accepts[M.dataType]+", */*":M.accepts._default)}catch(S){}if(M.beforeSend&&M.beforeSend(J,M)===false){if(M.global&&!--o.active){o.event.trigger("ajaxStop")}J.abort();return false}if(M.global){o.event.trigger("ajaxSend",[J,M])}var N=function(X){if(J.readyState==0){if(P){clearInterval(P);P=null;if(M.global&&!--o.active){o.event.trigger("ajaxStop")}}}else{if(!K&&J&&(J.readyState==4||X=="timeout")){K=true;if(P){clearInterval(P);P=null}R=X=="timeout"?"timeout":!o.httpSuccess(J)?"error":M.ifModified&&o.httpNotModified(J,M.url)?"notmodified":"success";if(R=="success"){try{V=o.httpData(J,M.dataType,M)}catch(Z){R="parsererror"}}if(R=="success"){var Y;try{Y=J.getResponseHeader("Last-Modified")}catch(Z){}if(M.ifModified&&Y){o.lastModified[M.url]=Y}if(!W){I()}}else{o.handleError(M,J,R)}L();if(X){J.abort()}if(M.async){J=null}}}};if(M.async){var P=setInterval(N,13);if(M.timeout>0){setTimeout(function(){if(J&&!K){N("timeout")}},M.timeout)}}try{J.send(M.data)}catch(S){o.handleError(M,J,null,S)}if(!M.async){N()}function I(){if(M.success){M.success(V,R)}if(M.global){o.event.trigger("ajaxSuccess",[J,M])}}function L(){if(M.complete){M.complete(J,R)}if(M.global){o.event.trigger("ajaxComplete",[J,M])}if(M.global&&!--o.active){o.event.trigger("ajaxStop")}}return J},handleError:function(F,H,E,G){if(F.error){F.error(H,E,G)}if(F.global){o.event.trigger("ajaxError",[H,F,G])}},active:0,httpSuccess:function(F){try{return !F.status&&location.protocol=="file:"||(F.status>=200&&F.status<300)||F.status==304||F.status==1223}catch(E){}return false},httpNotModified:function(G,E){try{var H=G.getResponseHeader("Last-Modified");return G.status==304||H==o.lastModified[E]}catch(F){}return false},httpData:function(J,H,G){var F=J.getResponseHeader("content-type"),E=H=="xml"||!H&&F&&F.indexOf("xml")>=0,I=E?J.responseXML:J.responseText;if(E&&I.documentElement.tagName=="parsererror"){throw"parsererror"}if(G&&G.dataFilter){I=G.dataFilter(I,H)}if(typeof I==="string"){if(H=="script"){o.globalEval(I)}if(H=="json"){I=l["eval"]("("+I+")")}}return I},param:function(E){var G=[];function H(I,J){G[G.length]=encodeURIComponent(I)+"="+encodeURIComponent(J)}if(o.isArray(E)||E.jquery){o.each(E,function(){H(this.name,this.value)})}else{for(var F in E){if(o.isArray(E[F])){o.each(E[F],function(){H(F,this)})}else{H(F,o.isFunction(E[F])?E[F]():E[F])}}}return G.join("&").replace(/%20/g,"+")}});var m={},n,d=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]];function t(F,E){var G={};o.each(d.concat.apply([],d.slice(0,E)),function(){G[this]=F});return G}o.fn.extend({show:function(J,L){if(J){return this.animate(t("show",3),J,L)}else{for(var H=0,F=this.length;H<F;H++){var E=o.data(this[H],"olddisplay");this[H].style.display=E||"";if(o.css(this[H],"display")==="none"){var G=this[H].tagName,K;if(m[G]){K=m[G]}else{var I=o("<"+G+" />").appendTo("body");K=I.css("display");if(K==="none"){K="block"}I.remove();m[G]=K}o.data(this[H],"olddisplay",K)}}for(var H=0,F=this.length;H<F;H++){this[H].style.display=o.data(this[H],"olddisplay")||""}return this}},hide:function(H,I){if(H){return this.animate(t("hide",3),H,I)}else{for(var G=0,F=this.length;G<F;G++){var E=o.data(this[G],"olddisplay");if(!E&&E!=="none"){o.data(this[G],"olddisplay",o.css(this[G],"display"))}}for(var G=0,F=this.length;G<F;G++){this[G].style.display="none"}return this}},_toggle:o.fn.toggle,toggle:function(G,F){var E=typeof G==="boolean";return o.isFunction(G)&&o.isFunction(F)?this._toggle.apply(this,arguments):G==null||E?this.each(function(){var H=E?G:o(this).is(":hidden");o(this)[H?"show":"hide"]()}):this.animate(t("toggle",3),G,F)},fadeTo:function(E,G,F){return this.animate({opacity:G},E,F)},animate:function(I,F,H,G){var E=o.speed(F,H,G);return this[E.queue===false?"each":"queue"](function(){var K=o.extend({},E),M,L=this.nodeType==1&&o(this).is(":hidden"),J=this;for(M in I){if(I[M]=="hide"&&L||I[M]=="show"&&!L){return K.complete.call(this)}if((M=="height"||M=="width")&&this.style){K.display=o.css(this,"display");K.overflow=this.style.overflow}}if(K.overflow!=null){this.style.overflow="hidden"}K.curAnim=o.extend({},I);o.each(I,function(O,S){var R=new o.fx(J,K,O);if(/toggle|show|hide/.test(S)){R[S=="toggle"?L?"show":"hide":S](I)}else{var Q=S.toString().match(/^([+-]=)?([\d+-.]+)(.*)$/),T=R.cur(true)||0;if(Q){var N=parseFloat(Q[2]),P=Q[3]||"px";if(P!="px"){J.style[O]=(N||1)+P;T=((N||1)/R.cur(true))*T;J.style[O]=T+P}if(Q[1]){N=((Q[1]=="-="?-1:1)*N)+T}R.custom(T,N,P)}else{R.custom(T,S,"")}}});return true})},stop:function(F,E){var G=o.timers;if(F){this.queue([])}this.each(function(){for(var H=G.length-1;H>=0;H--){if(G[H].elem==this){if(E){G[H](true)}G.splice(H,1)}}});if(!E){this.dequeue()}return this}});o.each({slideDown:t("show",1),slideUp:t("hide",1),slideToggle:t("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"}},function(E,F){o.fn[E]=function(G,H){return this.animate(F,G,H)}});o.extend({speed:function(G,H,F){var E=typeof G==="object"?G:{complete:F||!F&&H||o.isFunction(G)&&G,duration:G,easing:F&&H||H&&!o.isFunction(H)&&H};E.duration=o.fx.off?0:typeof E.duration==="number"?E.duration:o.fx.speeds[E.duration]||o.fx.speeds._default;E.old=E.complete;E.complete=function(){if(E.queue!==false){o(this).dequeue()}if(o.isFunction(E.old)){E.old.call(this)}};return E},easing:{linear:function(G,H,E,F){return E+F*G},swing:function(G,H,E,F){return((-Math.cos(G*Math.PI)/2)+0.5)*F+E}},timers:[],fx:function(F,E,G){this.options=E;this.elem=F;this.prop=G;if(!E.orig){E.orig={}}}});o.fx.prototype={update:function(){if(this.options.step){this.options.step.call(this.elem,this.now,this)}(o.fx.step[this.prop]||o.fx.step._default)(this);if((this.prop=="height"||this.prop=="width")&&this.elem.style){this.elem.style.display="block"}},cur:function(F){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null)){return this.elem[this.prop]}var E=parseFloat(o.css(this.elem,this.prop,F));return E&&E>-10000?E:parseFloat(o.curCSS(this.elem,this.prop))||0},custom:function(I,H,G){this.startTime=e();this.start=I;this.end=H;this.unit=G||this.unit||"px";this.now=this.start;this.pos=this.state=0;var E=this;function F(J){return E.step(J)}F.elem=this.elem;if(F()&&o.timers.push(F)&&!n){n=setInterval(function(){var K=o.timers;for(var J=0;J<K.length;J++){if(!K[J]()){K.splice(J--,1)}}if(!K.length){clearInterval(n);n=g}},13)}},show:function(){this.options.orig[this.prop]=o.attr(this.elem.style,this.prop);this.options.show=true;this.custom(this.prop=="width"||this.prop=="height"?1:0,this.cur());o(this.elem).show()},hide:function(){this.options.orig[this.prop]=o.attr(this.elem.style,this.prop);this.options.hide=true;this.custom(this.cur(),0)},step:function(H){var G=e();if(H||G>=this.options.duration+this.startTime){this.now=this.end;this.pos=this.state=1;this.update();this.options.curAnim[this.prop]=true;var E=true;for(var F in this.options.curAnim){if(this.options.curAnim[F]!==true){E=false}}if(E){if(this.options.display!=null){this.elem.style.overflow=this.options.overflow;this.elem.style.display=this.options.display;if(o.css(this.elem,"display")=="none"){this.elem.style.display="block"}}if(this.options.hide){o(this.elem).hide()}if(this.options.hide||this.options.show){for(var I in this.options.curAnim){o.attr(this.elem.style,I,this.options.orig[I])}}this.options.complete.call(this.elem)}return false}else{var J=G-this.startTime;this.state=J/this.options.duration;this.pos=o.easing[this.options.easing||(o.easing.swing?"swing":"linear")](this.state,J,0,1,this.options.duration);this.now=this.start+((this.end-this.start)*this.pos);this.update()}return true}};o.extend(o.fx,{speeds:{slow:600,fast:200,_default:400},step:{opacity:function(E){o.attr(E.elem.style,"opacity",E.now)},_default:function(E){if(E.elem.style&&E.elem.style[E.prop]!=null){E.elem.style[E.prop]=E.now+E.unit}else{E.elem[E.prop]=E.now}}}});if(document.documentElement.getBoundingClientRect){o.fn.offset=function(){if(!this[0]){return{top:0,left:0}}if(this[0]===this[0].ownerDocument.body){return o.offset.bodyOffset(this[0])}var G=this[0].getBoundingClientRect(),J=this[0].ownerDocument,F=J.body,E=J.documentElement,L=E.clientTop||F.clientTop||0,K=E.clientLeft||F.clientLeft||0,I=G.top+(self.pageYOffset||o.boxModel&&E.scrollTop||F.scrollTop)-L,H=G.left+(self.pageXOffset||o.boxModel&&E.scrollLeft||F.scrollLeft)-K;return{top:I,left:H}}}else{o.fn.offset=function(){if(!this[0]){return{top:0,left:0}}if(this[0]===this[0].ownerDocument.body){return o.offset.bodyOffset(this[0])}o.offset.initialized||o.offset.initialize();var J=this[0],G=J.offsetParent,F=J,O=J.ownerDocument,M,H=O.documentElement,K=O.body,L=O.defaultView,E=L.getComputedStyle(J,null),N=J.offsetTop,I=J.offsetLeft;while((J=J.parentNode)&&J!==K&&J!==H){M=L.getComputedStyle(J,null);N-=J.scrollTop,I-=J.scrollLeft;if(J===G){N+=J.offsetTop,I+=J.offsetLeft;if(o.offset.doesNotAddBorder&&!(o.offset.doesAddBorderForTableAndCells&&/^t(able|d|h)$/i.test(J.tagName))){N+=parseInt(M.borderTopWidth,10)||0,I+=parseInt(M.borderLeftWidth,10)||0}F=G,G=J.offsetParent}if(o.offset.subtractsBorderForOverflowNotVisible&&M.overflow!=="visible"){N+=parseInt(M.borderTopWidth,10)||0,I+=parseInt(M.borderLeftWidth,10)||0}E=M}if(E.position==="relative"||E.position==="static"){N+=K.offsetTop,I+=K.offsetLeft}if(E.position==="fixed"){N+=Math.max(H.scrollTop,K.scrollTop),I+=Math.max(H.scrollLeft,K.scrollLeft)}return{top:N,left:I}}}o.offset={initialize:function(){if(this.initialized){return}var L=document.body,F=document.createElement("div"),H,G,N,I,M,E,J=L.style.marginTop,K='<div style="position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;"><div></div></div><table style="position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;" cellpadding="0" cellspacing="0"><tr><td></td></tr></table>';M={position:"absolute",top:0,left:0,margin:0,border:0,width:"1px",height:"1px",visibility:"hidden"};for(E in M){F.style[E]=M[E]}F.innerHTML=K;L.insertBefore(F,L.firstChild);H=F.firstChild,G=H.firstChild,I=H.nextSibling.firstChild.firstChild;this.doesNotAddBorder=(G.offsetTop!==5);this.doesAddBorderForTableAndCells=(I.offsetTop===5);H.style.overflow="hidden",H.style.position="relative";this.subtractsBorderForOverflowNotVisible=(G.offsetTop===-5);L.style.marginTop="1px";this.doesNotIncludeMarginInBodyOffset=(L.offsetTop===0);L.style.marginTop=J;L.removeChild(F);this.initialized=true},bodyOffset:function(E){o.offset.initialized||o.offset.initialize();var G=E.offsetTop,F=E.offsetLeft;if(o.offset.doesNotIncludeMarginInBodyOffset){G+=parseInt(o.curCSS(E,"marginTop",true),10)||0,F+=parseInt(o.curCSS(E,"marginLeft",true),10)||0}return{top:G,left:F}}};o.fn.extend({position:function(){var I=0,H=0,F;if(this[0]){var G=this.offsetParent(),J=this.offset(),E=/^body|html$/i.test(G[0].tagName)?{top:0,left:0}:G.offset();J.top-=j(this,"marginTop");J.left-=j(this,"marginLeft");E.top+=j(G,"borderTopWidth");E.left+=j(G,"borderLeftWidth");F={top:J.top-E.top,left:J.left-E.left}}return F},offsetParent:function(){var E=this[0].offsetParent||document.body;while(E&&(!/^body|html$/i.test(E.tagName)&&o.css(E,"position")=="static")){E=E.offsetParent}return o(E)}});o.each(["Left","Top"],function(F,E){var G="scroll"+E;o.fn[G]=function(H){if(!this[0]){return null}return H!==g?this.each(function(){this==l||this==document?l.scrollTo(!F?H:o(l).scrollLeft(),F?H:o(l).scrollTop()):this[G]=H}):this[0]==l||this[0]==document?self[F?"pageYOffset":"pageXOffset"]||o.boxModel&&document.documentElement[G]||document.body[G]:this[0][G]}});o.each(["Height","Width"],function(I,G){var E=I?"Left":"Top",H=I?"Right":"Bottom",F=G.toLowerCase();o.fn["inner"+G]=function(){return this[0]?o.css(this[0],F,false,"padding"):null};o.fn["outer"+G]=function(K){return this[0]?o.css(this[0],F,false,K?"margin":"border"):null};var J=G.toLowerCase();o.fn[J]=function(K){return this[0]==l?document.compatMode=="CSS1Compat"&&document.documentElement["client"+G]||document.body["client"+G]:this[0]==document?Math.max(document.documentElement["client"+G],document.body["scroll"+G],document.documentElement["scroll"+G],document.body["offset"+G],document.documentElement["offset"+G]):K===g?(this.length?o.css(this[0],J):null):this.css(J,typeof K==="string"?K:K+"px")}})})();

Karna coding ini cukup panjang, makanya bangethz menyarankan untuk di simpan di hosting terlebih dahulu. Atau kamu yang tidak ingin repot, bisa menggunakan coding berikut:

<script language="javascript" type="text/javascript" src="https://cdn.jsdelivr.net/gh/bangethz/All-JavaScript@master/jquery-accord-horizontal.js"></script>

Sebagai catatan untuk tidak menghilangkan atau mengganti nama pembuat. Karna membuat coding tidak semudah copy paste bro.

Lanjut, berikut kode jQuery kedua:

//menu Accordion
//author: Marghoob Suleman
//Date: 05th Aug, 2009
//Version: 1.0
//web: www.giftlelo.com | www.marghoobsuleman.com
;(function($){
    $.fn.msAccordion = function(options) {
        options = $.extend({
                    currentDiv:'1',
                    previousDiv:'',
                    vertical: false,
                    defaultid:0,
                    currentcounter:0,
                    intervalid:0,
                    autodelay:0,
                    event:"click",
                    alldivs_array:new Array()
            }, options);
        $(this).addClass("accordionWrapper");
        $(this).css({overflow:"hidden"});
        //alert(this);
        var elementid = $(this).attr("id");
        var allDivs = this.children();
        if(options.autodelay>0) {
            $("#"+ elementid +" > div").bind("mouseenter", function(){
                                                           pause();
                                                           });
            $("#"+ elementid +" > div").bind("mouseleave", function(){
                                                                startPlay();
                                                                });
        }
        //set ids
        allDivs.each(function(current) {
                                var iCurrent = current;
                                var sTitleID = elementid+"_msTitle_"+(iCurrent);
                                var sContentID = sTitleID+"_msContent_"+(iCurrent);
                                var currentDiv = allDivs[iCurrent];
                                var totalChild = currentDiv.childNodes.length;
                                var titleDiv = $(currentDiv).find("div.title");
                                titleDiv.attr("id", sTitleID);
                                var contentDiv = $(currentDiv).find("div.content");
                                contentDiv.attr("id", sContentID);
                                options.alldivs_array.push(sTitleID);
                                //$("#"+sTitleID).click(function(){openMe(sTitleID);});
                                $("#"+sTitleID).bind(options.event, function(){pause();openMe(sTitleID);});
                                });

        //make vertical
        if(options.vertical) {makeVertical();};
        //open default
        openMe(elementid+"_msTitle_"+options.defaultid);
        if(options.autodelay>0) {startPlay();};
        //alert(allDivs.length);
        function openMe(id) {
            var sTitleID = id;
            var iCurrent = sTitleID.split("_")[sTitleID.split("_").length-1];
            options.currentcounter = iCurrent;
            var sContentID = id+"_msContent_"+iCurrent;
            if($("#"+sContentID).css("display")=="none") {
                if(options.previousDiv!="") {
                    closeMe(options.previousDiv);
                };
                if(options.vertical) {
                    $("#"+sContentID).slideDown("slow");
                } else {
                    $("#"+sContentID).show("slow");
                }
                options.currentDiv = sContentID;
                options.previousDiv = options.currentDiv;
            };
        };
        function closeMe(div) {
            if(options.vertical) {
                $("#"+div).slideUp("slow");
            } else {
                $("#"+div).hide("slow");
            };
        };
        function makeVertical() {
            $("#"+elementid +" > div").css({display:"block", float:"none", clear:"both"});
            $("#"+elementid +" > div > div.title").css({display:"block", float:"none", clear:"both"});
            $("#"+elementid +" > div > div.content").css({clear:"both"});
        };
        function startPlay() {
            options.intervalid = window.setInterval(play, options.autodelay*1000);
        };
        function play() {
            var sTitleId = options.alldivs_array[options.currentcounter];
            openMe(sTitleId);
            options.currentcounter++;
            if(options.currentcounter==options.alldivs_array.length) options.currentcounter = 0;
        };
        function pause() {
            window.clearInterval(options.intervalid);
        };
        }
})(jQuery);

Dan dibawah ini kode singkatnya:

<script language="javascript" type="text/javascript" src="https://cdn.jsdelivr.net/gh/bangethz/All-JavaScript@master/jquery.MSaccord-horizontal.js"></script>

Untuk para blogger dapat menggunakan coding singkat, cara memasangnya bisa kamu baca di cara memasang code di blog. Berikutnya kita akan membuat kode CSSnya bro:

.accordionWrapper{display:inline-block; background-color:#fff; overflow:hidden;}
.accordionWrapper img{vertical-align:top; border:0; margin:0; padding:0}
.accordionWrapper div{display:inline; float:left; margin:auto;}
.accordionWrapper div.title{cursor:pointer;}
.accordionWrapper div.content{display:none;}

Untuk kode JavaScriptnya seperti ini:

$(document).ready(function() {
$("#ethzGiftLelo").msAccordion({defaultid:1});
$("#ethzAuto").msAccordion({defaultid:6, autodelay:4});
}
)

Pada kode autodelay:4 di atas adalah jeda waktu peralihan menu untuk accordion otomatis, angka 4 adalah untuk detik (4 detik). Silahkan diubah sesuai keinginan kamu.
Oke bro, untuk bahan dasar telah kita buat. Untuk sesi terakhir kita akan menampilkannya dengan menggunakan kode html. Untuk accordion manual:

<h1>Horizontal Accordion</h1>
<div id="ethzGiftLelo">
<div class="set">
    <div class="title"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzYFEg88QIQwWwVsebsetj6JQdDHmudFg0twDk7R_5CXTAs8CSS1E1t-YFhQsSDI1fWBT5LH5yzZLVfaGZXyC3cO8vPORWbyRDkJfcU4tt98wjkTTt4Jp01E7h1RCRcXJWkO41TYRpz6k/s1600/menu1-h.jpg" width="29" height="198" /></div>
    <div class="content"><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ8gxB9P1Qbmvi1VqElr-KkhOKYY-IUJSJPswXm6gPu60d2ehNRkq0LmEvTAsR4U97k8OjmyXt3e-afwQUM8HwfPQjtsVJ0ifMLJeZm4J5m-z4r7ytsDvLHgMCLYlmQe3sTmir6xI37nE/s1600/img-1.jpg" alt="Embroidered Devil Eyes" width="486" height="198" border="0" /></a></div>
</div>
<div class="set">
    <div class="title"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnGbnpMdFrOS3LGTP-uXIAOWOuBevRcVgE1MqnrPozZQ7DXGKeHXwJSeoQz75-StQv1UlHnV_J6gMbBLaKC6tZFRYAaehxoDlPCIorJ_Ujjt6cqtK5flO4hyG7mnRLHaINbhmCb_OeRd8/s1600/menu2-h.jpg" width="29" height="198" /></div>
    <div class="content"><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3SNZOFfVi8qq6Y_lhvwORhkOHc-rTgC4lzwVgqRDTtNUDOZ_-yP2tbz6aRynSI6bLfl1jt_OsNo7MhDTa6Xd002RcedOyNOZ3jTmFZdALxx7xFpATssef5gqezc-UvbC44_rsiTw3_BM/s1600/img-2.jpg" alt="Spring Embroidery" width="486" height="198" border="0" /></a></div>
</div>
<div class="set">
    <div class="title"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx-JPEYUpRbZZuGstiWvtaDnAMBxhck0LX1vo-YOClRqczqTS3SwwxqSxxJkpPGb9qJ7tgBSiC5tE-t0J073opq_RWMbL9eoh28aA1zHo3gTe-fTx2vBFTgbdhWNb6GKoVd80m7UQ6t6Q/s1600/menu3-h.jpg" width="29" height="198" /></div>
    <div class="content"><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD_2yt5RLkkT8j5bRjZQxu5wKA4zF8EvYdOJw4rJt3flSBgCmoVM3bcwF7ZW7CorJHUxoANfsSp8lLPAljTXu34osMngr0BZXc0b7gEm0Xiuwszp0szwiILwc9gbOwEmtni-rwxrAodOA/s1600/img-3.jpg" alt="" width="486" height="198" border="0" /></a> </div>
</div>
<div class="set">
    <div class="title"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipfxrpKg2CWa5yenxHMxJT5scGYRFZci0f-1rHLMlBGmm0bWZFxV7oM_g6vMjN3yJh0MxjGQAVvtW9oTTHuqqoJOk2swOwSyox1h3s9JI5BqulL4wD8wEGorxbuJWN3orkF3IFYiNw_Io/s1600/menu4-h.jpg" width="29" height="198" /></div>
    <div class="content"><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDckn47ktDbzpQJg_q9qUZZrM0-ZdpvfuM8zLDCWRXqfgEkFvCEK-y6cB1j5ufCrvfh_r0sPrSirxPR9IAvgfppniA33h_QBYC2rIKviUxrrGq_B4VrZaGpJb91WksL9quUFxias95Ec8/s1600/img-4.jpg" alt="Geometrical Embroidery" width="486" height="198" border="0" /></a><br />
    </div></div>
<div class="set">
    <div class="title"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpQTmU7O2N2w5nerZ1jaHNBhltnWAsD3VyYIH5JOvt2o2XnLyOGKKioK9jSiWJc6-3P_MfA1cG_OKVR0kw-mPcUeCJ_EXlLiJe0CLnrdI8BraQDFcK5WTL-MNrnKX91Bnn6GLprWrOqmM/s1600/menu5-h.jpg" width="29" height="198" /></div>
    <div class="content"><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_TaZWV0ahk1sTbR6i2Vfauu0MrSJ9rMGIiLjE4gh8Y4dnRE3QzahxkwXdUOB97VuOlz1K54soKCluhoTRKOzgP8fLX8CRbIjdJhh5lrBf_0eW7B7GvY1wjX014QpEN27VhIDqa8jp3jY/s1600/img-5.jpg" alt="Elephant with Luck" width="486" height="198" border="0" /></a></div>
</div>
<div class="set">
    <div class="title"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ2Qs3ExHEFI7RLoTmEjae4geNInSOBPwaiHSoRvg1YzIPuIrAtO8vVd4BRDYzcC4Lal6aTSMSrUI_XwWDXdOjiIysaDE_J_x-Fe2zUo6Comiq8EkVaB052CRpLjGXtz3k4gFYo20J4bc/s1600/menu6-h.jpg" width="29" height="198" /></div>
    <div class="content"><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6XyMap9a_n0dx3gOBYnFwJQmEUls5BNT8V1USxFztdX5iAVVftDhoHIVcp3T1jLCA1-xn9tg4MLt_i5N47zy-yCLoZUQiTvF1mNA40YugV5ECSR2HWpK5j7L8Xh-Fv-IrDttXMchxx4g/s1600/img-6.jpg" alt="Lady in Red" width="486" height="198" border="0" /></a></div>
</div>
<div class="set">
    <div class="title"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijL3UVu4eiHtt8ciu3b-UK92zY862G25R_0bhVV9pt0WWd2fqlLPTgYJnTYDMgSvxrSgvd09PXJW3hgjzvwUW2j44OtUptrq97p-OHrGxh2qxvQYo8GpqAWilxFvx2XpFcrAMmajSCCqE/s1600/menu7-h.jpg" width="29" height="198" /></div>
    <div class="content"><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyQ_ZP6smUlT0mlBg-vzFNMr1iYli9OZCAQZw39o4NE5QJY-FlC8YOfaxVVdVUe1zgxxuLpFtEKHzDEVWGdHqFmnjTDaf5zqw_KaiKWahzjOpYCsVjAdy9QulgEkOcaLsDju7ytK-89Gw/s1600/img-7.jpg" alt="Fireworks Embroidery Art" width="486" height="198" border="0" /></a></div>
</div></div>

Perhatikan coding diatas, terdapat banyak format gambar JPG. Kamu dapat menggantinya dengan gambar yang telah kamu siapkan sendiri.

Selanjutnya accordion otomatis dengan delay 4 detik:

<h1>Horizontal Accordion - Automatic Delay 4 sec</h1>
<div class="accordionWrapper" id="ethzAuto">
<div class="set set1">
    <div class="title"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzYFEg88QIQwWwVsebsetj6JQdDHmudFg0twDk7R_5CXTAs8CSS1E1t-YFhQsSDI1fWBT5LH5yzZLVfaGZXyC3cO8vPORWbyRDkJfcU4tt98wjkTTt4Jp01E7h1RCRcXJWkO41TYRpz6k/s1600/menu1-h.jpg" width="30" height="198" /></div>
    <div class="content"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ8gxB9P1Qbmvi1VqElr-KkhOKYY-IUJSJPswXm6gPu60d2ehNRkq0LmEvTAsR4U97k8OjmyXt3e-afwQUM8HwfPQjtsVJ0ifMLJeZm4J5m-z4r7ytsDvLHgMCLYlmQe3sTmir6xI37nE/s1600/img-1.jpg" width="486" height="198" />
</div></div>
<div class="set set2">
    <div class="title"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnGbnpMdFrOS3LGTP-uXIAOWOuBevRcVgE1MqnrPozZQ7DXGKeHXwJSeoQz75-StQv1UlHnV_J6gMbBLaKC6tZFRYAaehxoDlPCIorJ_Ujjt6cqtK5flO4hyG7mnRLHaINbhmCb_OeRd8/s1600/menu2-h.jpg" width="30" height="198" /></div>
    <div class="content"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3SNZOFfVi8qq6Y_lhvwORhkOHc-rTgC4lzwVgqRDTtNUDOZ_-yP2tbz6aRynSI6bLfl1jt_OsNo7MhDTa6Xd002RcedOyNOZ3jTmFZdALxx7xFpATssef5gqezc-UvbC44_rsiTw3_BM/s1600/img-2.jpg" width="486" height="198" />
</div></div>
<div class="set set3">
    <div class="title"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx-JPEYUpRbZZuGstiWvtaDnAMBxhck0LX1vo-YOClRqczqTS3SwwxqSxxJkpPGb9qJ7tgBSiC5tE-t0J073opq_RWMbL9eoh28aA1zHo3gTe-fTx2vBFTgbdhWNb6GKoVd80m7UQ6t6Q/s1600/menu3-h.jpg" width="30" height="198" /></div>
    <div class="content"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD_2yt5RLkkT8j5bRjZQxu5wKA4zF8EvYdOJw4rJt3flSBgCmoVM3bcwF7ZW7CorJHUxoANfsSp8lLPAljTXu34osMngr0BZXc0b7gEm0Xiuwszp0szwiILwc9gbOwEmtni-rwxrAodOA/s1600/img-3.jpg" width="486" height="198" />
</div></div>
<div class="set set4">
    <div class="title"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipfxrpKg2CWa5yenxHMxJT5scGYRFZci0f-1rHLMlBGmm0bWZFxV7oM_g6vMjN3yJh0MxjGQAVvtW9oTTHuqqoJOk2swOwSyox1h3s9JI5BqulL4wD8wEGorxbuJWN3orkF3IFYiNw_Io/s1600/menu4-h.jpg" width="30" height="198" /></div>
    <div class="content"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDckn47ktDbzpQJg_q9qUZZrM0-ZdpvfuM8zLDCWRXqfgEkFvCEK-y6cB1j5ufCrvfh_r0sPrSirxPR9IAvgfppniA33h_QBYC2rIKviUxrrGq_B4VrZaGpJb91WksL9quUFxias95Ec8/s1600/img-4.jpg" width="486" height="198" />
</div></div>
<div class="set set5">
    <div class="title"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpQTmU7O2N2w5nerZ1jaHNBhltnWAsD3VyYIH5JOvt2o2XnLyOGKKioK9jSiWJc6-3P_MfA1cG_OKVR0kw-mPcUeCJ_EXlLiJe0CLnrdI8BraQDFcK5WTL-MNrnKX91Bnn6GLprWrOqmM/s1600/menu5-h.jpg" width="30" height="198" /></div>
    <div class="content"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_TaZWV0ahk1sTbR6i2Vfauu0MrSJ9rMGIiLjE4gh8Y4dnRE3QzahxkwXdUOB97VuOlz1K54soKCluhoTRKOzgP8fLX8CRbIjdJhh5lrBf_0eW7B7GvY1wjX014QpEN27VhIDqa8jp3jY/s1600/img-5.jpg" width="486" height="198" />
</div></div>
<div class="set set6">
    <div class="title"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ2Qs3ExHEFI7RLoTmEjae4geNInSOBPwaiHSoRvg1YzIPuIrAtO8vVd4BRDYzcC4Lal6aTSMSrUI_XwWDXdOjiIysaDE_J_x-Fe2zUo6Comiq8EkVaB052CRpLjGXtz3k4gFYo20J4bc/s1600/menu6-h.jpg" width="30" height="198" /></div>
    <div class="content"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6XyMap9a_n0dx3gOBYnFwJQmEUls5BNT8V1USxFztdX5iAVVftDhoHIVcp3T1jLCA1-xn9tg4MLt_i5N47zy-yCLoZUQiTvF1mNA40YugV5ECSR2HWpK5j7L8Xh-Fv-IrDttXMchxx4g/s1600/img-6.jpg" width="486" height="198" />
</div></div>
<div class="set set7">
    <div class="title"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijL3UVu4eiHtt8ciu3b-UK92zY862G25R_0bhVV9pt0WWd2fqlLPTgYJnTYDMgSvxrSgvd09PXJW3hgjzvwUW2j44OtUptrq97p-OHrGxh2qxvQYo8GpqAWilxFvx2XpFcrAMmajSCCqE/s1600/menu7-h.jpg" width="30" height="198" /></div>
    <div class="content"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyQ_ZP6smUlT0mlBg-vzFNMr1iYli9OZCAQZw39o4NE5QJY-FlC8YOfaxVVdVUe1zgxxuLpFtEKHzDEVWGdHqFmnjTDaf5zqw_KaiKWahzjOpYCsVjAdy9QulgEkOcaLsDju7ytK-89Gw/s1600/img-7.jpg" width="486" height="198" /></div>
</div></div>

Sip, tugas selesai bro. Selamat mencoba....

Untuk memasang di BLOG, baca posting cara memasang di blog

Cara Membuat Blog/website SEO 100%

2016-10-30T00:06:00.001-07:00

Bangethz akan membahas seputar situs chkme.com, sudah tahukah kamu dengan situs ini? mungkin udah banyak yang tahu ya atau kamu belum tahu sama sekali.

Chkme adalah salah satu situs SEO tool yang berfungsi sebagai alat untuk cek score SEO blog/website kamu. Cara menggunkannya juga sangat mudah sekali bro, kamu tinggal memasukan alamat blog/website kamu untuk mengetahui berapa % SEO blog/website kamu, seperti gambar dibawah ini:

Cara mendapatkan score 100% SEO Di CHKME

Setelah kamu memasukan alamat baik dengan domain premium atau dengan sub-domain seperti wordpress & blogger, klik tombol check SEO score. Dan lihat hasil dari blog/website kamu, untuk mendapatkan 100% SEO ada beberapa yang perlu kamu benahi.
Bangethz akan membuat contoh untuk alamat domain DEMO bangethz (demo-bangethz.blogspot.co.id) saat menulis posting ini, score dari blog demo bangethz 63% saja hehehhe. Kenapa? karena blog ini hanya sebagai sarana untuk bangethz menampilkan LIVE DEMO dari sebagaian postingan saja baik generator maupun widget. Sangat sepi akan teks di blog tersebut.
Kita lanjut untuk mencari solusi agar blog menjadi 100% SEO di chkme.

Headings

Bagian ini menampilkan hasil cek dari heading blog : <H1>, <H2> & <H3>

untuk mengatasinya sangat mudah bro, pada posting atau laman tinggal dicantumkan kode tersebut atau tinggal kamu buat posting baru yang mencantumkan kode tersebut, minimal 2/kode. contoh:

Jika posting/laman yang kamu buat tidak ingin terbaca oleh pengunjung, bisa kamu setting di setelan entri. Tinggal di publikasikan dan 1 masalah sudah kita selesaikan.

Description & Keywords

Kamu tinggal memasukan deskripsi & keyword di blog/site kamu, jika kamu kesulitan untuk memasukannya. Kamu bisa melihat postingan bangeth sebelumnya di cara membuat description & keyword di blog.

Flash, Frame & Link

Disini menjelaskan jika blog/site kamu akan lebih maksimal jika tanpa Flash & Frame, karna ini akan memperlambat loading blog/site kamu saat dibuka.

Flash Movies seperti youtube di blog/site
Frame & Iframe seperi memasukan situs lain ke blog/site kamu dengan menggunakan coding <iframe> situs lain </iframe>
Website Link tidak perlu kita masalahkan, karena ini bukan point yang akan menghambat kita menuju 100% SEO.

Image: Description & Title

Terakhir untuk bagian gambar, pastikan semua gambar yang ada di blog/site kamu menggunakan deskripsi & Title. bagaimana caranya? pada saat kamu membuat posting, klik gambar yang sudah kamu upload tadi dan klik properties. Akan tampil seperti dibawah ini:

setelah di isi klik ok, lakukan setiap kamu memasukan gambar di blog/website. Setelah kamu selesai dengan gambar silahkan di ulang untuk cek score SEO di chkme.com.

Pada Image kebanyakan dari kamu kebingungan, ada gambar yang blum diberi deskripsi & title. Coba kamu copy link, buka gambarnya & ini dia si biang kerok: ~~wrench_allbkg.png~~

Kenapa bangethz sebut ini biang kerok hehehhe, dulu bangethz juga sempat kebingungan untuk mencari icon ini walau kamu menggunakan CTRL+F untuk mencarinya di template. Trus dimana keberadaannya? mungkin di dunia lain hahaha...Untuk mengetahui caranya, monggo dibaca posting bangethz: cara mencari dan menghapus icon obeng & tang atau ~~wrench_allbkg~~
Selesai sampai disini bro & kamu bisa memasang badge hasil score SEO kamu di blog/site biar pengunjung bisa intip juga, seperti badge bangeth ini :

Beberapa penjelasan bangethz arahkan ke posting lain agar tidak telalu panjang di postingan ini, apa saja yang perlu kamu baca untuk mendapatkan 100% SEO :
- Membuat Deskripsi, Title & Keyword di Blog
- Menghilangkan Icon Tang & Obeng (wrench_allbkg)

Cara Membuat Generator Teks Terbalik

2016-10-26T20:24:00.001-07:00

Teks terbalik? tutorial bangethz maksud adalah tulisan atau teks mengarah berlawanan, contoh seperti ini bro:

ǝɥǝɥǝɥ˙˙˙oɹq ɐʎ ıuı zɥʇǝƃuuɐq uɐsılnʇ ɐɔɐqɯǝɯ ʞnʇun ɐƃnɾ ʞılɐqıp ɐpuɐ doʇdɐl ǝdɯɐs uɐƃuɐɾ 'ʞılɐqɹǝʇ sʞǝʇ/uɐsılnʇ ɥoʇuoɔ
Pusing juga ya bro baca tulisan ginian hehehe... Tapi jika ingin tetap memasang dan menggunakan juga untuk mempercantik tampilan blog kamu, berikut cara membuatnya:

Cara Membuat Generator Teks Terbalik

Disini terserah kamu mau diletakan dimana, jika di sidebar silahkan di setting ukuran generatornya.

<script>
function flip() {
var result = flipString(document.f.original.value.toLowerCase());
document.f.flipped.value = result;
}
function flipString(aString) {
var last = aString.length - 1;
//www.bangethz.com
var result = new Array(aString.length)
for (var i = last; i >= 0; --i) {
var c = aString.charAt(i)
var r = flipTable[c]
result[last - i] = r ? r : c
}
return result.join('')
}
var flipTable = {
a : '\u0250',
b : 'q',
c : '\u0254',
d : 'p',
e : '\u01DD',
f : '\u025F',
g : '\u0183',
h : '\u0265',
i : '\u0131',
j : '\u027E',
k : '\u029E',
//l : '\u0283',
m : '\u026F',
n : 'u',
r : '\u0279',
t : '\u0287',
v : '\u028C',
w : '\u028D',
y : '\u028E',
'.' : '\u02D9',
'[' : ']',
'(' : ')',
'{' : '}',
'?' : '\u00BF',
'!' : '\u00A1',
"\'" : ',',
'<' : '>',
'_' : '\u203E',
'\u203F' : '\u2040',
'\u2045' : '\u2046',
'\u2234' : '\u2235',
'\r' : '\n'
}
for (i in flipTable) {
flipTable[flipTable[i]] = i
}
</script>
<style type="text/css">

</style>
<h1 class="style1">Teks Flip/Terbalik</h1>
<form name="f">Masukkan Teks Kamu Dibawah Ini :
<textarea cols="50" name="original" onkeyup="flip()" rows="5"></textarea>
<input onclick="flip()" type="button" value="Flip" />

Hasilnya :
<textarea cols="50" name="flipped" rows="5"></textarea></form>

Silahkan di copy dan pastekan di tempat yang ingin kamu tampilkan, happy blogging....

Memasang Mp3 Player di Laman/Posting Blog

2016-10-25T00:33:00.001-07:00

Sepertinya menarik ya bro kalau ada mp3 player di blog kita, banyak para master yang sudah membagikan cara membuat mp3 player blog ini. Bagi yang belum menemukan atau mampir di bangethz, langsung aja di baca tutorialnya ya bro..

Disini bangethz menyarankan anda untuk juga membaca postingan saya tentang google site, karna tutorial kali ini sangat berhubungan dengan google site. Kok bisa? yup bro, kita akan menampilkan file mp3 anda di widget yang akan kita buat ini. Silahkan mampir ke cara upload file musik ke google site, jika sudah paham kita lanjutkan.
Widget yang kita akan buat bukanlah pemutar lagu otomatis, jadi perlu klik play dulu untuk memutarnya (seperti pemutar mp3 di HP atau laptop gitu bro)

LIVE DEMO

Cara Memasang Mp3 Player

Bebas mau taruh di postingan atau halaman, yang pasti buka laman/posting baru. Pertama kita buat dulu tampilannya dengan kode CSS.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" type="text/javascript"></script>
<script src="https://cdn.rawgit.com/bangethz/music/master/music.js" type="text/javascript"></script>
<script src="https://cdn.rawgit.com/bangethz/music/master/music2.js" type="text/javascript"></script>
<style>
*,:after,:before { box-sizing:border-box; }
.pull-left { float:left; }
.pull-right { float:right; }
.clearfix:after,.clearfix:before { content:''; display:table; }
.clearfix:after { clear:both; display:block; }
.track { width:2px; margin-right:5px; background:rgba(0,0,0,0); transition:background 250ms linear; }
.track:hover,.track.dragging { background:#d9d9d9; background:rgba(0,0,0,.15); }
.handle { right:0; width:2px; background:#999; transition:width 250ms; background:rgba(255,255,255,.2); }
.ethz-player { width:360px; height:500px; padding:15px; position:relative; margin:55px auto 0; background:rgba(0,0,0,.9); box-shadow:0 16px 28px 0 rgba(0,0,0,.22),0 25px 55px 0 rgba(0,0,0,.21); }
.ethz-player .album-art,.ethz-player .album-thumb { background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI5MC4zMTNweCIgaGVpZ2h0PSI5MC4zMTNweCIgdmlld0JveD0iMCAwIDkwLjMxMyA5MC4zMTMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDkwLjMxMyA5MC4zMTMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMTkxOTE5IiBkPSJNNDUuMTU2LDBDMjAuMjE4LDAsMCwyMC4yMTcsMCw0NS4xNTZjMCwyNC45MzksMjAuMjE4LDQ1LjE1Niw0NS4xNTYsNDUuMTU2YzI0LjkzOSwwLDQ1LjE1Ni0yMC4yMTgsNDUuMTU2LTQ1LjE1NkM5MC4zMTMsMjAuMjE3LDcwLjA5NSwwLDQ1LjE1NiwweiBNMjIuMzk3LDc4Ljc1M2MwLDAtNS4yNzQtMy41NC03LjIyNS01Ljc4Yy0xLjk1MS0yLjI0LTMuOTc0LTQuNjk2LTMuOTc0LTQuNjk2TDI2LjAxLDU4LjE2MWw1Ljc4LDUuNzhsMC4zNjIsMC4zNjFMMjIuMzk3LDc4Ljc1M3ogTTQ1LjE1Niw2My4yMTljLTkuOTc2LDAtMTguMDYzLTguMDg3LTE4LjA2My0xOC4wNjNjMC05Ljk3NSw4LjA4Ny0xOC4wNjMsMTguMDYzLTE4LjA2M2M5Ljk3NSwwLDE4LjA2Myw4LjA4NywxOC4wNjMsMTguMDYzQzYzLjIxOSw1NS4xMzIsNTUuMTMyLDYzLjIxOSw0NS4xNTYsNjMuMjE5eiBNNjQuMzAzLDMyLjUxM2MwLDAtMC42NjItMS4yMDQtMi4xNjctMi44OWMtMS41MDUtMS42ODYtMy45NzQtMy45NzQtMy45NzQtMy45NzRsMTAuMTE1LTE0LjQ1YzAsMCwyLjQwOCwxLjc0Niw0LjY5NiwzLjYxMmMyLjI4OCwxLjg2Nyw2LjE0MSw3LjIyNSw2LjE0MSw3LjIyNUw2NC4zMDMsMzIuNTEzeiBNNDUuMTU2LDQxLjE4MmMtMi4xOTUsMC0zLjk3NCwxLjc3OS0zLjk3NCwzLjk3NGMwLDIuMTk1LDEuNzc5LDMuOTc0LDMuOTc0LDMuOTc0YzIuMTk1LDAsMy45NzQtMS43NzksMy45NzQtMy45NzRDNDkuMTMsNDIuOTYxLDQ3LjM1MSw0MS4xODIsNDUuMTU2LDQxLjE4MnoiLz48L2c+PC9nPjwvc3ZnPg==) no-repeat center / 50%; }
.ethz-player .album-art { width:330px; height:330px; overflow:hidden; position:relative; border:1px solid #000; }
.ethz-player .album-art img { width:100%; display:block; }
.ethz-player .album-art:before { top:30px; left:50%; width:200px; content:'music'; font-size:72px; font-weight:600; position:absolute; margin-left:-100px; color:rgba(255,255,255,.4); }
.ethz-player .album-art:after { top:0; left:0; content:''; width:inherit; height:inherit; position:absolute; background:linear-gradient(to bottom,rgba(0,0,0,.2),rgba(0,0,0,1)); }
.ethz-player .album-art img { width:100%; position:relative; }
.ethz-player .album-art.blur img { -webkit-filter:blur(3px); -moz-filter:blur(3px); filter:blur(3px); }
.ethz-player a { color:inherit; text-decoration:none; }
.ethz-player .play-list { top:15px; left:15px; right:15px; display:none; bottom:245px; overflow-y:auto; position:absolute; width:auto !important; background:rgba(0,0,0,.4); padding-right:1px !important; }
.ethz-player .play-list a { color:#ccc; display:block; overflow:hidden; padding:6px 10px; white-space:nowrap; text-overflow:ellipsis; transition:all .4s ease-in-out 0s; }
.ethz-player .play-list a:hover { background:rgba(255,255,255,.2); }
.ethz-player .play-list a.active { color:#2ecc71; }
.ethz-player .play-list .album-thumb { width:35px; height:35px; overflow:hidden; margin-right:10px; border:1px solid #666; }
.ethz-player .play-list .album-thumb img { width:100%; display:block; }
.ethz-player .play-list .songs-info { max-width:240px; text-shadow:0 2px 2px #000; }
.ethz-player .play-list .songs-info .song-title { font-size:16px; }
.ethz-player .play-list .songs-info .songs-detail { font-size:13px; overflow:hidden; text-overflow:ellipsis; }
.ethz-player .current-info { left:30px; right:30px; color:#ccc; bottom:160px; margin-left:-15px; margin-right:-15px; position:absolute; text-shadow:0 2px 4px #000; }
.ethz-player .current-info>div { margin-top:10px; }
.ethz-player .current-info .song-title { font-size:24px; margin-top:10px; font-weight:400; }
.ethz-player .current-info .fa { min-width:30px; font-size:18px; text-align:center; font-weight:normal; }
.ethz-player .controls { margin-top:30px; position:relative; }
.ethz-player .controls .toggle-play-list { right:5px; width:40px; color:#ccc; height:40px; bottom:100px; border-radius:50%; line-height:40px; text-align:center; position:absolute; background-color:crimson; }
.ethz-player .controls .fa-pp:before { content:'\f04b'; }
.ethz-player .controls .active .fa-pp:before { content:'\f04c'; }
.ethz-player .controls .progress { height:1px; margin:15px 0; position:relative; background:#262626; }
.ethz-player .controls .duration { color:#ccc; font-size:14px; }
.ethz-player .controls .progress .bar { width:0; display:block; height:inherit; background:#bc3958; box-shadow:0 0 5px 0 #bc3958; }
.ethz-player .controls .action-button a { width:40px; height:40px; font-size:16px; margin-right:5px; border:2px solid; line-height:35px; border-radius:50%; text-align:center; display:inline-block; }
.ethz-player .controls .action-button a:hover,.ethz-player .controls .action-button a.active { color:#ccc; }
.ethz-player .controls .action-button a .fa { font-size:inherit; }
.volume { height:10px; width:100px; margin:0 10px; font-size:14px; cursor:pointer; display:inline-block; -webkit-appearance:none; background:transparent; }
.volume::-webkit-slider-runnable-track { height:.5em; background:#d8d8d8; border-radius:.25em; -webkit-appearance:none; }
.volume::-moz-range-track { border:none; height:.5em; background:#d8d8d8; border-radius:.25em; }
.volume::-ms-track { border:none; height:.5em; color:transparent; background:#d8d8d8; border-radius:.25em; }
.volume::-webkit-slider-thumb{-webkit-appearance:none; position:relative; margin:-.25em; border:none; /* Firefox,IE */
width:1em; height:1em; border-radius:.5em}
.volume::-moz-range-thumb{border:none; /* Firefox,IE */
width:1em; height:1em; cursor:ew-resize; border-radius:.5em}
.volume::-ms-thumb{border:none; /* Firefox,IE */
width:1em; height:1em; border-radius:.5em}
.volume::-ms-fill-lower,.volume::-ms-fill-upper { border-radius:5em; background:transparent; }
.volume::-ms-tooltip { display:none; }
.volume::-ms-fill-lower { background:#f05e7b; }
.volume::-webkit-slider-thumb { background:#dc143c; }
.volume::-moz-range-thumb { background:#dc143c; }
.volume::-ms-thumb { background:#dc143c; }
.volume::-webkit-slider-runnable-track { background-size:50% 100%; background-repeat:no-repeat; background-image:linear-gradient(#f05e7b,#f05e7b); }
.volume::-moz-range-track { background-size:50% 100%; background-repeat:no-repeat; background-image:linear-gradient(#f05e7b,#f05e7b); }
.volume[data-css="0"]::-webkit-slider-runnable-track{background-size:0% 100%}
.volume[data-css="0"]::-moz-range-track{background-size:0% 100%}
.volume[data-css="0.1"]::-webkit-slider-runnable-track{background-size:10% 100%}
.volume[data-css="0.1"]::-moz-range-track{background-size:10% 100%}
.volume[data-css="0.2"]::-webkit-slider-runnable-track{background-size:20% 100%}
.volume[data-css="0.2"]::-moz-range-track{background-size:20% 100%}
.volume[data-css="0.3"]::-webkit-slider-runnable-track{background-size:30% 100%}
.volume[data-css="0.3"]::-moz-range-track{background-size:30% 100%}
.volume[data-css="0.4"]::-webkit-slider-runnable-track{background-size:40% 100%}
.volume[data-css="0.4"]::-moz-range-track{background-size:40% 100%}
.volume[data-css="0.5"]::-webkit-slider-runnable-track{background-size:50% 100%}
.volume[data-css="0.5"]::-moz-range-track{background-size:50% 100%}
.volume[data-css="0.6"]::-webkit-slider-runnable-track{background-size:60% 100%}
.volume[data-css="0.6"]::-moz-range-track{background-size:60% 100%}
.volume[data-css="0.7"]::-webkit-slider-runnable-track{background-size:70% 100%}
.volume[data-css="0.7"]::-moz-range-track{background-size:70% 100%}
.volume[data-css="0.8"]::-webkit-slider-runnable-track{background-size:80% 100%}
.volume[data-css="0.8"]::-moz-range-track{background-size:80% 100%}
.volume[data-css="0.9"]::-webkit-slider-runnable-track{background-size:90% 100%}
.volume[data-css="0.9"]::-moz-range-track{background-size:90% 100%}
.volume[data-css="1"]::-webkit-slider-runnable-track{background-size:100% 100%}
.volume[data-css="1"]::-moz-range-track{background-size:100% 100%}
</style>

Perhatikan kode jQuery yang telah bangethz warnai merah, jika sudah ada/terpasang di blog anda maka silahkan dihapus saja bro.
Selanjutnya kita akan membuat kode HTML.

<div class="ethz-player">
<div class="album-art"></div>
<div class="play-list">
<a href="#" class="play"
data-id="1"
data-album="Spectre"
data-artist="Alan Walker"
data-title="Fade"
data-albumart="http://nggitar.com/wp-content/uploads/2016/06/alan-walker-faded-chord-gitar.jpg"
data-url="https://sites.google.com/site/ethzmp3/bro/Alan%20Walker%20-%20Fade.mp3"></a>
<a href="#" class="play"
data-id="2"
data-album="The Best Of Saint Loco"
data-artist="Saint Loco"
data-title="Terapi Energi"
data-albumart="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJZSBMJZ_g5F_1m_AW-W9McNPtAIQYsNqEB-cThUXXfurDVyiZ25gZY_WbLy3nkgoLaCY0RCtxsz3l9ADMIjnxtNy-a3IaTuJ3nmxnzySIDLcgqQZ20iRU6BlgJHEPMQbYYXRqK3GGi7cr/s640/saint_loco.jpg"
data-url="https://sites.google.com/site/ethzmp3/bro/Saint%20Loco%20-%20Terapi%20Energi.mp3"></a>
<a href="#" class="play"
data-id="3"
data-album=""
data-artist="Marshmallow"
data-title="Alone"
data-albumart="http://scontent.cdninstagram.com/t51.2885-15/s320x320/e35/12976113_159496367780726_1785912987_n.jpg"
data-url="https://sites.google.com/site/ethzmp3/bro/Marshmello%20-%20Alone.mp3"></a>
<a href="#" class="play"
data-id="4"
data-album="Bingung Bro"
data-artist="Superman Is Dead"
data-title="Pulang"
data-albumart="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKxvrWWKwuZshwCNvsg69rq27hdUFqyE8ntwmI3qXuktV_NcqMneZ9Nz7MRSudl0HENWVqgVh5qiCAOmA0OZ8N7-KweSpJxnQxqUuqrQhiIcceMn4o5bUdBv5x4WgxoZLuJ7CFRPZJWcY/s1600/Superman+Is+Dead+blog_112387539266728.jpg"
data-url="https://sites.google.com/site/ethzmp3/bro/Superman%20Is%20Dead%20-%20Pulang.mp3"></a>
</div>
<div class="audio"></div>
<div class="current-info">
<div class="song-artist"></div>
<div class="song-album"></div>
<div class="song-title"></div>
</div>
<div class="controls">
<a href="#" class="toggle-play-list"><i class="fa fa-list-ul"></i></a>
<div class="duration clearfix">
<span class="pull-left play-position"></span>
<span class="pull-right"><span class="play-current-time">00:00</span> / <span class="play-total-time">00:00</span></span>
</div>
<div class="progress"><div class="bar"></div></div>
<div class="action-button">
<a href="#" class="prev"><i class="fa fa-step-backward"></i></a>
<a href="#" class="play-pause"><i class="fa fa-pp"></i></a>
<a href="#" class="stop"><i class="fa fa-stop"></i></a>
<a href="#" class="next"><i class="fa fa-step-forward"></i></a>
<input type="range" class="volume" min="0" max="1" step="0.1" value="0.5" data-css="0.5">
</div>
</div>
</div>

Ok, sampai disini kode HTML & CSS telah kita buat. Untuk memasang di laman/postingan anda, tinggal letakan kode CSS terlebih dahulu dan kode HTML tepat dibawah kode CSS.

Setting Mp3 Player

Pada kode HTML diatas, telah bangethz berikan beberapa warna berbeda:
warna biru adalah nama album, nama artis & judul lagu
warna kuning adalah cover album/gambar
warna orange adalah lagu yang akan di putar, nah disini lah kita butuhkan link mp3 yang telah anda simpan di google site tadi. Setelah semua selesai dan masih dalam mode HTML, silahkan publikasikan.

Membuat Menu Accordion di Blog

2016-10-21T07:45:00.003-07:00

Mempercantik tampilan blog itu ga salah ya bro, apa lagi di tambah menu yang bisa buka tutup untuk menampilkan daftar isi dari menu tersebut. Nah kali ini bangethz akan membagikan cara membuat menu accordion di blog, tanpa merubah kode template tentunya.
Ini bukanlah widget baru bagi para master blog, namun bagi anda yg belum paham membuatnya silahkan dipraktekan. Menu ini menggunakan kode tabel sederhana & ditambahkan kode CSS untuk mengaktifkan dropdown dan tampilan. Dapat anda letakan di sidebar, posting atau juga di laman blog.

LIVE DEMO

Cara membuat Menu Accordion

Copy semua kode di bawah ini:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" >$(document).ready(function(){
    $('li.title a').click(function(e){
        var dropDown = $(this).parent().next();
        $('.downlistie').not(dropDown).slideUp('slow');
        dropDown.slideToggle('slow');
        e.preventDefault();
    })
});</script>
<style>
ul.container{
    width:275px;
    padding:5px;
}
li.accoi-menu{
list-style:none;
    padding:1px;
    width:100%;}
li.title
{
border-radius:5px;
background:#333333;
list-style:none;
padding:5px;
}
li.title a{
color:#ffffff;
    display:block;
 padding:5px;
    font:14px georgia, verdana;
    overflow:hidden;
        position:relative;
    width:100%;
     text-decoration:none;
}
.downlistie{
list-style:none;
    display:none;
    padding-top:5px;
    width:100%;
}
.downlistie li{
   list-style:none;
border-left:1px solid #dcdcdc;
border-right:1px solid #dcdcdc;
border-bottom:1px solid #dcdcdc;
border-radius:5px;
    margin:5px ;
    padding:4px 10px;  
}
.downlistie li:hover {
background:orange;
}
.downlistie li a{
{
font:14px georgia, verdana;
text-decoration:none;
color:#333333;
}
.downlistie li a:hover {
text-decoration:none;
color:#333333;
}
</style>
<ul class="container">
          <li class="accoi-menu">
              <ul>
                <li class="title"><a href="#" >Blogger</a></li>          
                <li class="downlistie">
                    <ul>
    <li><a  href="#" >Templates</a></li>
    <li><a  href="#">Widgets</a></li>
    <li><a href="#">Guides</a></li>
                    </ul></li></ul></li>
    <li class="accoi-menu">
              <ul>
                <li class="title"><a href="#" >Wordpress</a></li>
                <li class="downlistie">
                    <ul>
    <li><a href="#" >Themes</a></li>
    <li><a href="#">Plugins</a></li>
    <li><a href="#">Guides</a></li>              
                 </ul></li></ul></li>
 <li class="accoi-menu">
              <ul>
                <li class="title"><a href="#" >Freebies</a></li>
                <li class="downlistie">
                    <ul>
    <li><a href="#" >Blogger templates</a></li>
    <li><a href="#">Wordpress Themes</a></li>
    <li><a href="#">Plugins</a></li>
    <li><a href="#">Scripts</a></li>
         </ul></li></ul></li>
 <li class="accoi-menu">
              <ul>
                <li class="title"><a href="#" >Services</a></li>
                <li class="downlistie">
                    <ul>
    <li><a href="#" >Website Design</a></li>
    <li><a href="#">Blogger</a></li>
    <li><a href="#">Wordpress</a></li>
    <li><a href="#">Custom Templates</a></li>                
                 </ul></li></ul></li>
 <li class="accoi-menu">
          <ul>
                <li class="title"><a href="#" >About us</a></li>
                  <li class="downlistie">
                    <ul>
    <li><a href="#" >About us</a></li>
    <li><a href="#">Contact us</a></li>
     <li><a href="#">Disclaimer</a></li>
    <li><a href="#">Privacy policy</a></li>
              </ul></li></ul></li>
    </ul>

Jika sudah anda copy, silahkan anda letakkan di tempat yang anda inginkan, berikut bangethz jelaskan sedikit, gunakan ctrl+F untuk mempermudah anda mencari kode:
- Ganti semua tanda # dengan link anda, baik di area li maupun di area ul jika diperlukan.
- Kode background:orange untuk merubah warna mouse hover.
- Kode background: # 333333 untuk merubah warna latar judul utama menu.
- Kode width di bawah kode ul.container utuk merubah ukuran menu.
Silahkan dipraktekkan bro...

Cara Memasang Coding di Blog

2014-10-28T23:40:00.000-07:00

Coding atau pengodean, dalam postingan bangethz kali ini akan menjelaskan cara memasang coding di blog kamu. Coding sendiri memiliki banyak format dan yang paling sering dipakai adalah HTML, CSS, JavaScript dan juga jQuery.
Untuk memasang di hosting berbayar atau website, mungkin tidak terlalu sulit. Karena tinggal kamu upload file CSS & JS ke hosting dan memanggil di HTML untuk menampilkannya.

Nah, bagamana jika kita ingin memasang di posting blogger? tentu kita membutuhkan coding untuk memasukan semua kode dalam satu posting tanpa merubah coding yang ada di template agar tidak terjadi error.
Tutorial bangethz ini mungkin sudah banyak yang paham caranya, bagi kamu yang belum mengerti & paham cara memasangnya mari kita lanjutkan.

Kerangka Dasar HTML

Untuk menampilkannya kita akan membuat kerangkanya terlebih dahulu & membutuh beberapa tag pembantu :

<html> -- Menyatakan pada browser bahwa file yang digunakan adalah HTML
<style> -- Tag untuk kode CSS
<script> -- Tag untuk kode JavaScript
<body> -- Tag untuk menampilkan isi file di HTML

Inilah tag-tag yang kita butuhkan untuk membuat kerangka HTML, mari kita susun dengan memberikan penutup setiap tag tersebut, seperti dibawah ini:

<html>
<style> --CSS-- </style>
<body> --FILE HTML--
<script> --JS-- </script>
</body>
</html>

Cara memasangan CSS

Gunakan tag <style> untuk pembungkus kode CSS & ditutup dengan </style>
Sebagai contoh, bangethz akan membuat widget HTML filter List:

LIVE DEMO

kode CSS nya seperti ini:

* {
box-sizing: border-box;
}

#ethzin {
background-image: url('/css/searchicon.png');
background-position: 10px 12px;
background-repeat: no-repeat;
width: 50%;
font-size: 16px;
padding: 12px 20px 12px 40px;
border: 1px solid #ddd;
margin-bottom: 12px;
}

#ethzUL {
list-style-type: none;
padding: 0;
margin: 0;
width: 50%;
}

#ethzUL li a {
border: 1px solid #ddd;
margin-top: -1px; /* Prevent double borders */
background-color: #f6f6f6;
padding: 12px;
text-decoration: none;
font-size: 18px;
color: black;
display: block
}

#ethzUL li a.header {
background-color: #e2e2e2;
cursor: default;
}

#ethzUL li a:hover:not(.header) {
background-color: #eee;
}

Untuk meletakkan di postingan, kita akan menambah tag tepat di atas CSS dan di penutup tagnya di bawah CSS, Seperti ini (tag bangethz beri warna orange):

<style>
* {
box-sizing: border-box;
}

#ethzin {
background-image: url('/css/searchicon.png');
background-position: 10px 12px;
background-repeat: no-repeat;
width: 50%;
font-size: 16px;
padding: 12px 20px 12px 40px;
border: 1px solid #ddd;
margin-bottom: 12px;
}

#ethzUL {
list-style-type: none;
padding: 0;
margin: 0;
width: 50%;
}

#ethzUL li a {
border: 1px solid #ddd;
margin-top: -1px; /* Prevent double borders */
background-color: #f6f6f6;
padding: 12px;
text-decoration: none;
font-size: 18px;
color: black;
display: block
}

#ethzUL li a.header {
background-color: #e2e2e2;
cursor: default;
}

#ethzUL li a:hover:not(.header) {
background-color: #eee;
}
</style>

Selesai untuk CSS, lanjut ke HTML

Cara memasang HTML

Untuk kode HTML kita buat tag <body> dan di akhir kode HTML kita beri penutup tag </body>
Posisi: di bawah kode penutup CSS </style>

<h2>Bangethz - Tabel Filter List</h2>

<input type="text" id="ethzin" onkeyup="myFunction()" placeholder="Cari berdasarkan nama.." title="Type in a name">

<ul id="ethzUL">
<li><a href="#" class="header">A</a></li>
<li><a href="#">Adele</a></li>
<li><a href="#">Agnes</a></li>

<li><a href="#" class="header">B</a></li>
<li><a href="#">Billy</a></li>
<li><a href="#">Bob</a></li>

<li><a href="#" class="header">C</a></li>
<li><a href="#">Calvin</a></li>
<li><a href="#">Christina</a></li>
<li><a href="#">Cindy</a></li>
</ul>

Berikut hasil pemasangan yang baru kita buat (CSS & HTML), kode tag CSS orange & HTML biru

<style>
* {
box-sizing: border-box;
}

#ethzin {
background-image: url('/css/searchicon.png');
background-position: 10px 12px;
background-repeat: no-repeat;
width: 50%;
font-size: 16px;
padding: 12px 20px 12px 40px;
border: 1px solid #ddd;
margin-bottom: 12px;
}

#ethzUL {
list-style-type: none;
padding: 0;
margin: 0;
width: 50%;
}

#ethzUL li a {
border: 1px solid #ddd;
margin-top: -1px; /* Prevent double borders */
background-color: #f6f6f6;
padding: 12px;
text-decoration: none;
font-size: 18px;
color: black;
display: block
}

#ethzUL li a.header {
background-color: #e2e2e2;
cursor: default;
}

#ethzUL li a:hover:not(.header) {
background-color: #eee;
}
</style>
<body>
<h2>Bangethz - Tabel Filter List</h2>

<input type="text" id="ethzin" onkeyup="myFunction()" placeholder="Cari berdasarkan nama.." title="Type in a name">

<ul id="ethzUL">
<li><a href="#" class="header">A</a></li>
<li><a href="#">Adele</a></li>
<li><a href="#">Agnes</a></li>

<li><a href="#" class="header">B</a></li>
<li><a href="#">Billy</a></li>
<li><a href="#">Bob</a></li>

<li><a href="#" class="header">C</a></li>
<li><a href="#">Calvin</a></li>
<li><a href="#">Christina</a></li>
<li><a href="#">Cindy</a></li>
</ul>
</body>

Selesai....ups belum bro, kita belum memasang JavaScript & tag html untuk finishingnya.

Cara memasang JavaScript dan Finishing

JS atau JavaScript kita buat tag <script> dan seperti sebelumnya, di akhiri dengan </script>
Posisi: letakan dibawah kode HTML yang kita buat atau di atas tag </body>

function myFunction() {
    var input, filter, ul, li, a, i;
    input = document.getElementById("ethzin");
    filter = input.value.toUpperCase();
    ul = document.getElementById("ethzUL");
    li = ul.getElementsByTagName("li");
    for (i = 0; i < li.length; i++) {
        a = li[i].getElementsByTagName("a")[0];
        if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
            li[i].style.display = "";
        } else {
            li[i].style.display = "none";

        }
    }
}

Hasil setelah diberi tag seperti ini dengan tag warna kuning

<script>
function myFunction() {
    var input, filter, ul, li, a, i;
    input = document.getElementById("ethzin");
    filter = input.value.toUpperCase();
    ul = document.getElementById("ethzUL");
    li = ul.getElementsByTagName("li");
    for (i = 0; i < li.length; i++) {
        a = li[i].getElementsByTagName("a")[0];
        if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
            li[i].style.display = "";
        } else {
            li[i].style.display = "none";

        }
    }
}
</script>

Mari kita selesaikan semua coding dengan memberi pembuka <html> dan penutup </html>
Posisi: <html> letakan paling atas atau diatas tag <style> dan untuk penutupnya </html> letakkan paling akhir atau dibawah tag </script>
Dan inilah hasil akhir yang kita buat:

<!DOCTYPE html>
<html>
<style>
* {
box-sizing: border-box;
}

#ethzin {
background-image: url('/css/searchicon.png');
background-position: 10px 12px;
background-repeat: no-repeat;
width: 50%;
font-size: 16px;
padding: 12px 20px 12px 40px;
border: 1px solid #ddd;
margin-bottom: 12px;
}

#ethzUL {
list-style-type: none;
padding: 0;
margin: 0;
width: 50%;
}

#ethzUL li a {
border: 1px solid #ddd;
margin-top: -1px; /* Prevent double borders */
background-color: #f6f6f6;
padding: 12px;
text-decoration: none;
font-size: 18px;
color: black;
display: block
}

#ethzUL li a.header {
background-color: #e2e2e2;
cursor: default;
}

#ethzUL li a:hover:not(.header) {
background-color: #eee;
}
</style>
<body>
<h2>Bangethz - Tabel Filter List</h2>

<input type="text" id="ethzin" onkeyup="myFunction()" placeholder="Cari berdasarkan nama.." title="Type in a name">

<ul id="ethzUL">
<li><a href="#" class="header">A</a></li>
<li><a href="#">Adele</a></li>
<li><a href="#">Agnes</a></li>

<li><a href="#" class="header">B</a></li>
<li><a href="#">Billy</a></li>
<li><a href="#">Bob</a></li>

<li><a href="#" class="header">C</a></li>
<li><a href="#">Calvin</a></li>
<li><a href="#">Christina</a></li>
<li><a href="#">Cindy</a></li>
</ul>
<script>
function myFunction() {
    var input, filter, ul, li, a, i;
    input = document.getElementById("ethzin");
    filter = input.value.toUpperCase();
    ul = document.getElementById("ethzUL");
    li = ul.getElementsByTagName("li");
    for (i = 0; i < li.length; i++) {
        a = li[i].getElementsByTagName("a")[0];
        if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
            li[i].style.display = "";
        } else {
            li[i].style.display = "none";

        }
    }
}
</script>
</body>
</html>

Publlikasikan posting masih dalam penulisan HTML (bukan compose) agar tidak terjadi error atau tampilan yang berantakan. untuk melihat hasil kamu bisa lihat di:

LIVE DEMO

Membuat Deskripsi, Title & Keyword Blog

2011-10-30T00:03:00.000-07:00

Bagaimana membuat deskripsi, title & keyword blog agar blog menjadi SEO frienly?
Pada saat kita memulai membuka blog baru akan ada kolom dimana kita disuruh untuk mengisi judul dan deskripsi dari blog yang akan kita buat, namun tidak ada kolom untuk title & keyword blog.

Setelah kamu cek ternyata deskripsi yang telah kamu buat tidak terlihat di pencarian, apalagi title & keyword yang benar-benar belum dibuat sama sekali. Mari kita selesaikan satu per satu.

Membuat Deskripsi Blog

Seharusnya pada awal membuat blog, deskripsi yang kita buat akan tampil di pencarian. Disini kamu harus mengaktifkan terlebih dahulu di setelan blog.

Aktifkan & isi dengan deskripsi blog kamu. Selesai untuk deskripsi dan kita lanjut ke title blog.

Membuat Title Blog

Untuk membuat title blog , kita akan menggunakan sedikit kode di template. Cari kode berikut di template kamu (template >> edit HTML), bangethz menyarankan kamu menggunakan ctrl+f agar mudah untuk mencari kode.

<title><data:blog.pageTitle/></title>

Jika sudah ketemu, ganti kode tersebut dengan kode di bawah ini:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

Membuat Keywords Blog

Tinggal 1 langkah lagi yaitu membuat keyword blog kamu. Masih menggunakan kode di template, kali ini kita akan membuat meta tag dengan 2 cara yaitu otomatis dan manual, untuk kamu yang menggunakan tool SEO di situs chkme.com baiknya menggunakan meta tag keyword manual.
Bangethz akan buatkan coding keduanya, silahkan kamu pilih mau menggunakan yang mana.
Keywords Otomatis

<b:if cond='data:blog.homepageUrl == data:blog.url'><meta expr:content='data:blog.title' name='keywords'/></b:if>
<b:if cond='data:blog.pageType == "item"'><meta expr:content='data:blog.pageName' name='keywords'/></b:if>

Keywords Manual

<b:if cond='data:blog.homepageUrl == data:blog.url'>
 <meta content='Keyword1, Keyword1, Keyword1' name='keywords'/>
</b:if>    
<b:if cond='data:blog.pageType == "item"'>
 <meta content='Keyword2, Keyword2, Keyword2' name='keywords'/>
</b:if>

Untuk manual bangethz akan menjelaskan sedikit:

1. Keyword1 diganti dengan kata kunci untuk halaman depan blog kamu

2. Keyword2 diganti dengan kata kunci untuk halaman postingan blog kamu

Selesai bro, jangan lupa templatenya di save ya bro...

Anti Virus Gratis Untuk Flashdisk

2010-09-16T07:53:00.000-07:00

Memiliki USB flashdisk baik untuk produktivitas karena bisa menyimpan file besar atau berukuran kecil. Dengan kapasitas lebih dari 8gb dan cepat menulis / menyalin kecepatan, penemuan ini telah menjadi salah satu perangkat komputer yang paling dibutuhkan bagi mahasiswa, pekerja, guru, dan lain-lain untuk mengelola file digital mereka saat ini.

Namun, dengan penggunaan dari USB flashdisk masalah besar muncul. Pencipta Virus mengalihkan perhatian mereka terhadap perangkat kecil untuk memanfaatkan komputer tanpa pengaman. Banyak virus menginfeksi pendrives dan tentu saja termasuk PC mana yang terpasang di sistem operasi Microsoft Windows yang diinstal. Hal ini dimungkinkan karena file autorun.inf script yang secara otomatis menjalankan file virus setiap kali perangkat yang berisi file yang dihubungkan ke komputer berbasis Windows. sistem operasi Windows yang tidak autorun tidak mungkit tidak akan terserang virus dari flasdisk, tapi tidak secara default windwos menonaktifkan autoran.

Untuk mengatasi masalah ini, ada beberapa cara yang dapat digunakan. Pertama adalah untuk mengaktifkan proteksi penulisan pada flash drive USB yang berguna jika Anda berencana untuk tidak melakukan perubahan apapun pada flash drive USB. Ada juga aplikasi untuk menghapus virus dan malware. Tapi saat ini saya akan memberkan solusi tentang free antivirus standalone yang terdiri dari kedua pendekatan pencegahan dan penyembuhan.

Mx One Antivirus 4.0 adalah antivirus yang gratis untuk USB flashdisk, iPod, mp4 dan mp3 player, memoar M2, SD, micro SD, dan banyak lagi perangkat penyimpanan berbasis USB. Ini melindungi Anda terhadap virus USB drive, trojan, worm, spyware, hacking tools, dan risiko perangkat lunak. Hal ini juga quarantines file yang mencurigakan dan terinfeksi untuk tujuan penghapusan.

File instalasi adalah 1,4 mb. Anda perlu sekitar 1mb ruang bebas pada PC Anda atau media removable untuk perangkat lunak ini. Anda dapat menginstal salah satunya ke PC Anda atau USB flash drive atau keduanya untuk perlindungan yang lebih baik.

Dengan antivirus gratis untuk flashdisk pertanyaan yang muncul dalam pikiran seseorang mungkin akan terpecahkan jika antivirus ini bekerja dengan baik dengan antivirus yang telah terinstal di pc kita? Untungnya, software ini kompatibel dengan antivirus penduduk seperti Nod 32, Kapersky, BitDefender, AVG, Norton, Panda, Avast, Avira Antivir.

Aspek kunci dari Mx One Antivirus 4.0 memberikan perlindungan secara realtime. Periksa dan sistem Destroy mendeteksi dan menghapus semua virus yang berusaha menginfeksi perangkat USB yang terhubung ke PC yang terinfeksi virus. Di sisi lain, sistem Guardian melindungi PC kita dari virus yang muncul dari perangkat USB terinfeksi. Selalu memperbarui signature file secara periodik untuk mencegah ancaman virus baru.

Hompage : http://mxone.net/en/
File Name : mxone.exe
File Size : 1,25 Mb

Download

Memasang Emotion/Smiley di Postingan

2010-09-15T21:23:00.000-07:00

Salah satu kelemahan Blogger adalah tidak adanya fasilitas yang bisa mendukung adanya smiley atau emoticon di setiap postingan. Jadi sebagai blogger user, saya dituntut untuk lebih kreatif untuk mencari segala informasi dan tutorial yang bisa saya gunakan untuk membuat postingan di blog saya menjadi lebih indah dengan adanya smiley seperti:

Setelah melakukan blogwalking cukup lama, akhirnya saya menemukan tutorial yang pas untuk menambahkan emoticon di postingan saya. Tutorial ini saya ambil dengan sedikit perubahan dari sini. So, bagi yang sudah penasaran, ayo kita baca tutorialnya bareng-bareng...yuk yak yuk..

Ketika anda mau posting, di halaman composenya akan berwujud kira-kira seperti ini:
jadi anda nggak usah repot bolak-balik ke halaman smileynya yahoo atau smileyjungle terus copy paste image addressnya , it’s all now on your compose page,
Ok, Lets begin the tutorial…

Pastikan anda memakai browser Firefox terbaru, at least versi 1.5 keatas lah.

Install yg namanya Grease Monkey disini, ini add-onn firefox yg akan membantu misi kita kali ini setelah itu restart firefox anda.

Setelah GM terinstall, langkah berikutnya adalah menginstall script emoticon, untuk contoh kita akan memasang emoticon yang biasa nongol di yahoo. Silahkan klik disini untuk menginstall scriptnya.

Langkah berikutnya adalah Masuk ke template editor anda di blogger, cari tag ini ]]>
nah tepat sebelum tag itu, masukkan kode berikut:

img.emoticon {
padding: 0;
margin: 0;
border: 0;
}

Selesai.., silahkan sekarang coba masuk ke compose page, dan rasakan bedanya

Oh ya selain emoticon yahoo, ada beberapa emoticon lain yang bisa anda install, yaitu:

Emoticon dari smiley jungle,

Emoticon Naruto,

Emoticon Pika,

Emoticon pucca,

Emoticon yg biasa ada di shoutbox2,

Emoticon Union,

Emoticonnya bung Cosa Arandra

tinggal klik aja linknya, ntar langsung ke-install.
Have a try, and express your self …...

Melihat Siapa Saja Yang Memasang Link Sobat

2010-08-31T07:37:00.000-07:00

Ini wajib di coba sob, mengetahui siapa saja atau blog/website mana aja yang link blog sobat. Dengan cara itu sobat bisa tau dan bisa linkback kembali.
Tapi jangan lupa untuk membuat blog sobat "Dofollow" dulu, agar blog sobat dapat di lihat semua pengunjung.
Sebelum saya menjelaskan caranya, bagi sobat yang ingin membuat blog nya dari "Nofollow" menjdi "Dofollow" silahkan sobat klik disini

Kalo udah, kita lanjut aja so :

# Silahkan kunjungi www.technorati.com.

# Klik tombol Join yang berada di sebelah kanan atas.

# Isi beberapa form pendaftaran isian yang ada.

# Beri tanda centang/ceklis pada kotak kecil di amping tulisan I agree to Tecnorati's Privacy Policy and Terms of Service

# Klik tombol Join

# konfirmasi di email sobat

# Klik signin

# Setelah berada di halaman account sobat, coba alihkan perhatian ke layar sebelah kiri bawah

# Klik tulisan Claim your blog

# Tuliskan alamat blog sobat. Contoh : http://ethzone.blogspot.com

# Klik tombol Begin claim, tunggu beberapa saat

# Setelah muncul pilihan Quick Claim dan Post Claim, klik link Use Qick Claim

# Isi Form Blogger Username dengan username blogger milik sobat

# Isi Form Blogger Password dengan password blogger milik sobat

# Klik tombol Quick Claim Now

# Setelah ada ucapan Congratulations!, langkah selanjutnya adalah mengisi Edit Blog Settings

* Isi form Description dengan deskripsi blog sobat. Contoh : panduan praktis membuat blog di blogger.com
* Pilih bahasa utama yang di pakai pada piliham language
* Isi Tags dengan keyword yang berhubungan dengan blog sobat. Contoh : Tutorial, blogger, blog tutorial, dan lain-lain.
* Copy kode Favourite Buttons yang ingin di pasang di blog sobat.

# Klik tombol Save Blog Info.

# Selesai.

sekarang jika sobat sudah daftar technorati, apabila ingin mengetahui siapa saja yang sudah pasang link ke blog milik sobat cek saja di sana. Dan sebagai tambahan bagi blogger baru jangan merasa heran apabila blog miliknya tiba-tiba saya kunjungi padahal alamat blognya belum di publikasikan, jawabnya satu yaitu sobat pernah coba-coba buat link ke blog ini dan tercatat di technorati.
Selamat mencoba sob, jangan lupa untuk comment posting saya.. okley !!
thankzzzz....

Trik HP Nokia by: Devit

2010-08-31T03:50:00.000-07:00

1. Melihat IMEI (International Mobile Equipment Identity)
Caranya tekan * # 0 6 #

2. Melihat versi software, tanggal pembuatan softwre dan jenis kompresi software
Caranya tekan * # 0 0 0 0 #
Jika tidak berhasil coba pencet * # 9 9 9 9 #

3. Melihat status call waiting
Caranya tekan * # 4 3 #

4. Melihat nomor / nomer private number yang menghubungi ponsel anda
Caranya tekan * # 3 0 #

5. Menampilkan nomer pengalihan telepon all calls
Caranya tekan * # 2 1 #

6. Melihat nomor penelepon pada pengalihan telepon karena tidak anda jawab (call divert on)
Caranya tekan * # 6 1 #

7. Melihat nomor penelepon pada pengalihan telepon karena di luar jangkauan (call divert on)
Caranya tekan * # 6 2 #

8. Melihat nomor penelepon pada pengalihan telepon karena sibuk (call divert on)
Caranya tekan * # 6 7 #

9. Merubah logo operator pada nokia type 3310 dan 3330
Caranya tekan * # 6 7 7 0 5 6 4 6 #

10. Menampilkan status sim clock
Caranya tekan * # 7 4 6 0 2 5 6 2 5 #

11. Berpindah ke profil profile ponsel anda
Caranya tekan tombol power off tanpa ditahan

12. Merubah seting hp nokia ke default atau pabrikan
Caranya tekan * # 7 7 8 0 #

13. Melakukan reset timer ponsel dan skor game ponsel nokia
Caranya tekan * # 7 3 #

14. Melihat status call waiting
Caranya tekan * # 4 3 #

15. Melihat kode pabrik atau factory code
Caranya tekan * # 7 7 6 0 #

16. Menampilkan serial number atau nomer seri hp, tanggal pembuatan, tanggal pembelian, tanggal servis terakhir, transfer user data. Untuk keluar ponsel harus direset kembali.
Caranya tekan * # 92702689 #

17. Melihat kode pengamanan ponsel anda
Caranya tekan * # 2 6 4 0 #

18. Melihat alamat ip perangkat keras bluetooth anda
Caranya tekan * # 2 8 2 0 #

19. Mengaktifkan EFR dengan kualitas suara terbaik namun boros energi batere. Untuk mematikan menggunakan kode yang sama.
Caranya tekan * # 3 3 7 0 #

20. Mengaktifkan EFR dengan kualitas suara terendah namun hemat energi batere. Untuk mematikan menggunakan kode yang sama.
Caranya tekan * # 4 7 2 0 #

21. Menuju isi phone book dengan cepat di handphone nokia
Caranya tekan nomer urut lalu # contoh : 150#

22. Mengalihkan panggilan ke nomor yang dituju untuk semua panggilan
Caranya tekan * * 2 1 * Nomor Tujuan #

23. Mengalihkan panggilan ke nomor yang dituju untuk panggilan yang tidak terjawab
Caranya tekan * * 6 1 * Nomor Tujuan #

24. Mengalihkan panggilan ke nomor yang dituju untuk panggilan ketika telepon hp anda sedang sibuk
Caranya tekan * * 6 7 * Nomor Tujuan #
disadur dari Kode Tombol Rahasia Ponsel Nokia - Kunci Trik Cara Buka Secret Code Akses HP/Handphone/Telepon Selular/Seluler Nokia Anda

trik by : devit1104.blogspot.com

Menyisipkan Nomor CDMA ke HP GSM

2010-08-31T03:39:00.000-07:00

Sedikit info berharga waktu saya berkunjung ke salah satu sobat blogger mas bul namanya. Disitu saya mendapatkan sesuatu yang seru tentng bagaimana cara nomor CDMA bisa juga dipakai ke hp GSM.
Unik bukan, bayangkan saja.. sepengetahuan saya tu kartu tidak bisa pindah ke hp lain. Contoh: biasanya nomor FLEXY hanya bisa mangkal di HP FLEXY aja.
Trus gimana caranya??langsung aja menuju TKP sob..

Manfaat yang bisa didapatkan dengan menyisipkan nomor CDMA ke nomor GSM antara lain:

HP GSM akan memiliki 2 nomor sekaligus dalam satu Handphone.

HP anda akan dapat dihubungi secara lokal bahkan lewat telepon koin pun bisa.

Nomor CDMA lokal anda masih dapat dihubungi sekalipun berada diluar daerah.

Nggak perlu beli HP CDMA untuk menggunakan nomor CDMA.

Tapi ini bukannya tanpa kelemahan maupun keterbatasan :

Nomor CDMA lokal anda hanya dapat digunakan untuk menerima telepon saja, sedangkan fungsi untuk menelpon, mengirim dan menerima SMS tetap ditangani oleh nomor GSM.

Bagaimanapun juga pulsa nomor CDMA tetap harus diisi sekalipun tidak digunakan, karena nomor CDMA bisa tidak berfungsi kalau pulsa hangus atau kosong.

Dikenakan biaya airtime yang dipotong langsung dari pulsa CDMAnya walaupun cuma terima telepon saja.

Tapi paling nggak Trik ini bisa dimanfaatin bagi anda yang sibuk dan harus mobile ke luar daerah, ataupun untuk tetap keep in touch pada saat pulang kampung ataupun liburan.

Yang harus disiapkan yaitu:

HP GSM dan nomor GSM tentunya untuk ditambahkan nomor CDMA.

HP CDMA sebaiknya dengan Fasilitas Ruim Dual Band yang menggunakan kartu dan bukan yang di injek) seperti : Nokia 2115, 6015, 6016, 6585, dll. Dan nggak perlu beli, karena cuma dipakai sebentar aja, bisa pinjem sama saudara, temen, tetangga ataupun tempat dimana beli nomor CDMA nya.

Kartu Perdana CDMA, pilih yang sesuai untuk di sisipkan ke nomor GSM anda.

Star One untuk : Mentari, IM3, dan Matrix
Flexy untuk : Simpati, Kartu AS, Kartu Hallo
Esia untuk : Simpati, Kartu AS, Kartu Hallo dan XL

Pemilihan kartu harus benar-benar sesuai, jika tidak maka trik ini nggak akan berhasil.

Cara Menyisipkannya:

Masukkan kartu perdana CDMA yang telah dibeli kedalam HP CDMA .
Lakukan Pengaktifan

Untuk Star One :

Tekan *92 + Nomor HP anda (No. HP GSM yang ingin disisipi) misalnya: *92081512345678
Tekan OK/Yes.. lalu dengarkan
Setelah selesai tutup HP CDMA nya
Di test dengan menelpon ke No. CDMA, jika yang berdering adalah HP GSM berarti anda telah berhasil !!

Untuk Flexy :

Tekan *71 + Nomor HP anda (No. HP GSM yang ingin disisipi) misalnya: *7108125712345
Tekan OK/Yes dan dengarkan...
Setelah selesai tutup HP CDMA nya
Di test dengan menelpon ke No.CDMA, jika HP GSM anda berdering, maka anda telah berhasil !!

Untuk Esia :

Tekan *12 + Nomor HP anda (No. HP GSM yang ingin disisipi) misalnya: *12081612345678
Tekan OK/Yes dan dengarkan...
Setelah selesai tutuh HP CDMA nya
Di test kembali dengan menelpon ke No.CDMA, jika HP GSM anda yang berdering, maka anda telah berhasil !!

Nggak sulit kan, kurang lebih seperti mengisikan pulsa dari voucher yang kita beli saja.

Suatu saat mungkin kita ingin mengembalikan nomor CDMA kedalam kartu asalnya agar bisa digunakan di HP CDMA, berikut cara-cara untuk mengembalikannya.

Untuk Star One

Tekan *920
Tekan OK/Yes dan dengarkan...
Setelah selesai tutup
Di test dengan menelpon ke nomor CDMA, jika HP CDMA berdering, maka nomor telah kembali ke kartu asalnya.

Untuk Flexy

Tekan *710
Tekan OK/Yes dan dengarkan...
Setelah selesai tutup
Di test dengan menelpon ke nomor CDMA, jika HP CDMA berdering, maka nomor telah kembali ke kartu asalnya.

Untuk Esia

Tekan *120
Tekan OK/Yes dan dengarkan...
Setelah selesai tutup
Di test dengan menelpon ke nomor CDMA, jika HP CDMA berdering, maka nomor telah kembali ke kartu asalnya.

Disclaimer : saya dapat info ini dari sobat blog mas bul di (stop-rokok.blogspot.com.)

Selamat mencoba, semoga bermanfaat...

Tips Merawat Flashdisk Agar Awet

2010-08-29T05:50:00.000-07:00

Flashdisk dikenal sebagai pengganti disket yang kuno. Flashdisk hadir dengan ukuran yang kecil dan menawan, serta kapasitas penyimpanan yang terbilang cukup besar dibandingkan dengan ukurannya. Selain itu Flashdisk mempunyai keunggulan dalam kemudahannya menambah dan menghapus data.

Berikut ini ada sembilan cara merawat Flashdisk kesayangan Anda. Tips ini berguna untuk mengamankan data-data penting Anda yang tersimpan di dalam Flashdisk dan juga membantu menjaga dompet Anda tetap sehat.

1. Jauhkan dari medan magnet yang kuat. Barang-barang elektronik seperti TV dan handphone sangat tidak baik untuk flashdisk. Untuk itu jangan pernah menyimpannya di dekat barang-barang sejenis yang memiliki kekuatan magnet yang besar. Terkadang kita sering lupa jika meletakkan flashdisk dan handphone di tempat yang sama di dalam tas. Nah, mulai sangat ini kalau ingin flashdisk Anda berumur panjang, jangan lagi menyimpannya di tempat yang sama.

2. Jangan terkena air. Walaupun ada beberapa produsen flashdisk yang mengklaim bahwa produknya waterproof (tahan air), menjauhkan flashdisk dari sentuhan air tetap saja menjadi langkah yang paling aman. Daripada datanya hilang atau flashdisk-nya mengalami kerusakan, sehingga lebih baik jangan ambil resiko untuk hal ini.

3. Melakukan scanning virus. Pada saat pengambilan data atau pemindahan data dari PC ke flashdisk, sangat mungkin bukan hanya data yang ikut berpindah, tetapi juga virus-virus yang terdapat dalam komputer. Terlebih apabila kita mengambil dan menyimpan data dari internet, flashdisk bisa dipenuhi dengan virus-virus yang sangat mengganggu. Jadi jangan lupa melakukan scanning virus secara berkala dengan perangkat lunak antivirus yang paling baru.

4. Lakukan proses eject dan stop. Selalu lakukan proses eject dan stop sebelum mencabut flashdisk dari port usb komputer Anda. Selain bisa menjadikan flashdisk Anda rusak secara fisik, tidak melakukan proses eject dan stop juga dapat mempengaruhi kerusakan pada data-data yang ada di dalamnya.

5. Jauhkan dari tempat yang panas. Semua barang elektronik tidak terkecuali flashdisk sangat rentan dengan yang namanya panas, apalagi bila terkena matahari langsung. Jadi usahakan tidak menyimpannya di tempat yang panas dan terkena sinar matahari langsung, misalnya meninggalkan flashdisk di mobil.

6. Hindari dari benturan yang keras. Flashdisk yang terkena benturan keras, seperti jatuh berkali-kali memiliki resiko besar untuk kehilangan data atau akan mengalami kerusakan secara fisik. Jadi harus berhati-hati memegangnya jangan sampai jatuh di tempat yang keras.

7. Usahakan agar selalu tertutup. Udara dan lingkungan kita penuh dengan kotoran dan debu. Jika flashdisk kita kotor maka dapat mengakibatkan proses baca tulis sering gagal. Sehingga apabila tidak sedang dipakai, usahakan agar selalu tertutup agar tidak kotor.

8. Minimalisir proses hapus tulis (write and delete). Sama seperti kita, flashdisk juga memiliki usia. Artinya suatu saat flashdisk kita bisa mati dan tidak bisa digunakan lagi. Usia flashdisk berbeda-beda, tergantung kualitas flashdisk itu sendiri. Biasanya usia flashdisk antara 10.000 – 100.000 kali proses hapus tulis. Jadi usahakan untuk meminimalisir proses tersebut dan juga jangan melakukan editing langsung dari flashdisk. Atau jika Anda memiliki data yang banyak dan ingin meng-copy data tersebut ke dalam flashdisk, lebih baik data-data tersebut dikompres menjadi satu terlebih dahulu dengan menggunakan program yang sudah ada seperti Winzip, WinRar, atau program lain yang sejenis.

9. Berilah gantungan seperti gantungan kunci pada flashdisk Anda. Ini sangat berguna agar Anda tidak tidak lupa dimana menyimpannya, karena bentuknya yang relatif kecil. Juga berguna untuk membantu tangan dalam memegang flashdisk yang ukurannya sangat kecil.

SEMOGA FLASHDISK SOBAT SEHAT WAL'AFIAT....
aminnnnn....

Mengubah Tampilan Dekstop Flashdisk

2010-08-29T05:47:00.000-07:00

Flash disk merupakan media transfer data yang tidak asing bagi kita, terutama kalangan Netter. Benda seukuran karet penghapus ini sangat bermanfaat terutama bagi kalangan pelajar, maupun karyawan kantoran. Pernahkah anda berfikir untuk mengubah tampilan desktop pada FD? Apabila belum, saya ingin berbagi pegalaman saya. Yup !! mari kita mulai :
1. Siapkan flash disk yang ingin kita rubah tampilan dekstopnya
2. Siapkan foto yg mau kita pake (pacar, temen, hewan piaraan juga boleh) jangan lupa rubah namanya menjadi “cover” tanpa tanda kutip
3. Buka lembar notepad dan ketikkan kode berikut:

[ExtShellFolderViews]{BE098140-A513-11D0-A3A4-00C04FD706EC}=
{BE098140-A513-11D0-A3A4-00C04FD706EC}
[{BE098140-A513-11D0-A3A4-00C04FD706EC}]Attributes=1IconArea_Image=
cover.jpgIconArea_Text=0xcc00aa[.ShellClassInfo]ConfirmFileOp=04.

Save dengan nama & ekstensi “desktop.ini” tanpa tanda kutip5. Copy file desktop.ini beserta file gambar cover.jpg ke dalam sebuah flashdisk !!. terakhir refresh !!! Artikel di atas merupakan sebuah pemanfaatan file (*.ini) & (*.jpg) untuk dijadikan sebagai cover kosong putih pada flash disk.Bagi netter jasakom yg mungkin sudah lebih piaway dalam hal 2x diatas. saya minta maaf apabila terdapat salah tulisan maklum masih newbie nich Untuk penggunaan foto, saya sarankan gunakan foto kekasih ataupun pacar untuk mengenang mereka ketika anda berkerja (kalau aq sich make’ foto aq sendiri).
Sebelumnya saya minta maaf apabila artikel ini dianggap jelek atau tidak bermutu. Bagi yang sudah professional diharap tidak membaca artikel ini karena bisa membuang-buang waktu dan duit anda.
Pada artikel milik saya hanya menunjukkan cara mengubah tampilan background saja. Bagaimana jika kita ingin mengubah warna teks ? Nah anda tinggal sedikit memodifikasi isi file desktop.ini. Cari bagian yang bertuliskan..

IconArea_Text=0xcc00aa
cc00aa adalah kode hexa untuk warna ungu. Jadi jika anda ingin mengubah warna teks dari ungu menjadi warna lain, anda tinggal mengubah cc00aa menjadi kode hexa untuk warna yang lainnya. Misal, anda ingin mengubah warna teks menjadi warna putih maka ganti 0xcc00aa menjadi ffffff. Maka hasilnya seperti :

IconArea_Text=0xffffff
Ffffff adalah kode hexa untuk warna putih.Bila anda tidak tahu atau tidak hapal kode hexa, anda dapat melihatnya pada frontpage. Caranya, klik pada Font Color (dropdown menu) lalu pilih More Color… lalu klik pada warna yang anda inginkan lalu lihat pada Value, maka akan terlihat kode hexa untuk warna yang anda pilih. Misal, warna putih, maka akan terlihat : Hex={FF,FF,FF} , maka kode hexa warna putih adalah FFFFFF. Itu tadi hanya mengubah warna teks. Oh ya pada artikel Monica, hanya mengajarkan bagaimana cara mengganti gambar background yang file gambarnya tidak berada dalam folder. Bagaimana bila gambar milik kita ada dalam folder ? Gampang ! ganti saja (misal, gambar bernama cover.jpg dan berada dalam folder gambarku) : IconArea_Image=cover.jpg
menjadi
IconArea_Image=\gambarku\cover.jpg

SELAMAT MENCOBA.....

Flashdisk Sandi Untuk Melindungi Data

2010-08-29T05:27:00.000-07:00

USB Flashdisk sangat ideal untuk membawa data dengan jumlah bit yang besar. Namun karena ukurannya kecil, flashdisk sangat mudah untuk hilang, yang mana data didalamnya bisa saja jatuh kepada orang lain yang menemukannya.

Untuk mengatasi agar data yang jatuh ke tangan orang lain itu tetap terjaga kerahasiannya, saat ini terdapat flashdisk yang dapat memproteksi data didalamnya dengan aplikasi sandi. Diantaranya adalah : CryptoStick^TM dari Research Triangle Software Inc, MicroDrive AES dan BioDrive dari Kanguru

CryptoStick^TM menggunakan algoritma Blowfish untuk menyandi data/file didalam flashdisk. Flashdisk ini dilengkapi pula dengan program yang dapat menyembunyikan web brousing history dan melindunginya dari pengecekan situs apa yang telah dikunjungi. Suatu hal yang sangat berguna bila sedang menggunakan PC yang bukan milik sendiri.

Selain itu, CryptoBuddy^TM menyediakan software berupa program aplikasi untuk membuka pesan tersandi yang disandi dengan CryptoStick. Hal ini memungkinkan seseorang mengirimkan file tersandi kepada temannya yang tidak mempunyai CryptoStick.

Keistimewaan flashdisk CryptoStick diantaranya adalah :

High speed USB 2.0 flash memory kompatibel dengan USB 1.1
Plug and play hardware dan software dan dapat bekerja baik dalam OS Windows
Tidak memerlukan install software tambahan.
Dapat menyimpan dan menyandi segala bentuk file / data.
Mengkompres dan menyandi secara simultan.
Kemampuan kompresinya sampai 3 kali.
Private Internet browsing
Tidak meninggalkan jejak dalam komputer yang digunakan.
Fully licensed version of eTrust® Pest Patrol® Anti-Spyware
Designnya yang bagus.
Casing dari aluminum yang kuat. dan
1 tahun garansi

Kanguru MicroDrive AES (Advanced Encryption Standard) adalah USB flashdisk untuk membatasi akses dan melindungi data / informasi rahasia dengan mengacak data/file serta mengamankan PC. Dapat digunakan pula untuk mengunci PC hanya dengan cara mengeluarkan usb flashdisk-nya.

Kanguru MicroDrive AES dibundel dengan program aplikasi sandi Kanguru Lock yang dapat bekerja dalam semua OS. Program aplikasi ini secara virtual membuat disk protected dengan 256 Bit AES encryption dalam KanguruMicro Drive-nya, dan kemudian melindunginya dengan password.

Sedangkan Kanguru BioDrive adalah flashdisk yang dilengkapi dengan pembaca sidik jari untuk melindungi data dan membatasi aksesnya. Saat biometric protection digunakan, BioDrive akan menyandi data dan kemudian menyembunyikan data partisinya. Untuk dapat menggunakan data-data tersebut cukup log in dengan sidik jari.

Keistimewaan Kanguru BioDrive diantaranya :

Mampu menyimpan sampai 5 sidik jari.
Write Protection Switch
Dapat digunakan dalam berbagai user level, sehingga tidak harus Admin.
Tidak memerlukan software tambahan.
High Speed USB2.0 Interface
Top grade fingerprint sensor-508 DPI
Kompatibel dengan Windows 98/ME/2000/XP

Tool Untuk Memperbaiki Flashdisk Yang Rusak

2010-08-29T05:16:00.000-07:00

Dalam beberapa kasus kerusakan pada flashdisk, ada 2 jenis kasus kerusakan yang terjadi pada flashdisk, yang pertama flashdisk tersebut memang sudah rusak di karenakan komponen nya memang sudah ada yang terganggu, tetapi ada juga kasus kerusakan pada flashdisk yang kerusakan tersebut terletak pada software nya.

Nah, untuk kasus yang kedua yaitu kerusakan flashdisk yang terletak pada kerusakan software nya ini merupakan kasus yang biasanya terjadi pada kebanyakan flashdisk, dan biasanya flashdisk tersebut langsung di buang oleh si pemilik nya.

Sebenarnya ada beberapa cara untuk membetulkan flashdisk yang rusak yang di sebabkan oleh kerusakan yang terletak pada software flashdisk tersebut. berikut ini adalah cara-cara nya :

1. download software Hp drive boot utility melalui link ini
2. instal software yang telah di download.
3. pasang flashdisk anda ke komputer
4. jalankan aplikasi yang sudah di instal tadi
5. Pilih tipe format disk yang mau di gunakan (FAT, FAT32 atau NTFS)
6. Pilih Quick Format
7. Pilih Create New or Replace Existing Configuration
Dalam beberapa kasus memang ada yang berhasil ada juga yang tidak, itu tergantung dari letak kerusakan, jika memang terletak pada software flashdisk tersebut maka flashdisk pun dapat di gunakan kembali.
Tetapi bila letak kerusakan pada komponen nya, maka kerusakan tersebut tidak dapat dibetulkan dengan cara ini.

Label Cloud Berputar

2010-08-29T00:21:00.000-07:00

Sobat pasti udah tau apa itu label....LABEL adalah adalah pengelompokkan artikel blog dalam satu kategori, dan kemudian biasa di pasang di sidebar atau mungkin di bagian bawah template.CLOUD adalah awan.
Jadi LABEL CLOUD adalah kumpulan artikel yang bentuknya menyerupai awan. mungkin begitulah sob..heheeee...
Sekarang saya akan membuat label cloud yang bisa berputar, seperti bola dunia kalee...
lanjut, berikut caranya:

# Login ke Blogger dengan ID sobat.
# Klik Tata Letak
# Klik tab Edit HTML
# Download dahulu template sobat dengan mengklik Download Template Lengkap
# Kemudian klik button Expand Template Widget dan cari kode yg seperti ini :

<b:section class='sidebar' id='sidebar' preferred='yes'>

# Copy kode berikut ini setelah kode diatas :

# Angka "240" adalah lebar kolom
# Angka "300" adalah tinggi kolom
# Sedangkan #ffffff adalah kode untuk background
# save template
# setelah itu,selesai sob... tinggal menuju TKP dan mencoba..

Menghilangkan Icon Tang & Obeng (wrench_allbkg)

2010-08-28T23:18:00.000-07:00

Trik sederhana yang dapat meningkatkan SEO anda. Cara menghilangkan tang dan obeng dengan cara logout.
Memang itu salah satunya tapi sangat membantu kalau kita melihat penampilan blog dengan cara maksimal tanpa logout yaitu masih dalam keadaan login. Namun membuat blog kita tidak Valid HTML, sehingga memang harus dihapus.Nah, gimana caranya?

Berikut cara menghilangkannya:

Menghilangkan Icon Tang & Obeng

Setiap kali kamu memasang memasang widget baru di tata letak blog, maka akan muncul kode berikut ini di templat kamu: <b:include name='quickedit'/>
Begitu seterusnya, untuk menghilangkannya kamu tinggal menghapus kode tersebut setiap kali kamu memasang widget baru. Repot juga ya bro..... agar kode tidak tampil lagi setiap memasang widget baru, kamu tinggal mengikuti langkah dibawah ini:
1. Login truss ke TEMPLATE
2. ke EDIT HTML
4. copy script berikut di ats ]]></b:skin>

.quickedit{
display:none; }

4. Tinggal save template dan selesai.....

Menambah Kolom di Atas Header

2010-08-28T21:43:00.000-07:00

Kolom dalam sebuah blog sangatlah di butuhkan, gimana kalo kita mempunyai template yang hanya memiliki kolom standart aja. sedangkan sobat ingin punya kolom diatas header atau diatas judul blog sobat??
Nah, solusinya cuma 1 sob.... Kita tambahkan aja kolom diatasnya, caranya sangat teramat mudah sob.

# yang jelas sobat harus LOGIN
# klik TATA LETAK/LAYOUT
# trusss EDIT HTML
# kalo udah, sobat copy dech script berikut tepat di atas ]]></b:skin>

# lanjuttttt,.. copy lagi script berikut di atas <div id='header-wrapper'>

# karna tak ada lagi yang mau di copy, sekarang sobat tinggal save dech....
# terakhir, sobat bisa lihat hasil karya sobat di TATA LETAK...

sekian terima kasih, selamat berjuang...........

Capricorn

2010-08-18T04:21:00.000-07:00

CAPRICORN

22 desember - 20 januari

penuh komitmen

penuh komitmen terhadap hubungan dan mereka orang-orang yang setia.
memiliki keteguhan hati untuk bertanggung jawab.
pendiam, lebih banyak melakukan aksi untuk mengungkapkan perasaannya ketimbang membicarakannya.
penuh hati-hati dan bijak.
sabar dan penuh perhitungan.
memiliki ambisi tinggi dan penuh disiplin.
memiliki selera humor tinggi namun lebih suka menyendiri.
matrealistis namun kurang suka hidup berlebihan.
senang mengerjakan segala sesuatunya sendiri.
memiliki ambisi untuk mencapai pencapaian tertentu.
memiliki gengsi yang tinggi.
penuh keyakinan dan mantap dalam mengusahakan keinginannya agar bisa tercapai.
sensitif, merasa menderita jika tidak dihargai orang lain.

Aquarius

2010-08-18T04:19:00.000-07:00

Zodiak Aquarius

AQUARIUS

21 januari - 18 februari

objektif

senang menyendiri dan cenderung tertutup sehingga tak dapat di duga.

cerdas serta tidak konvensional.

penuh ide baru, inovatif dan suka mengekspresikan ide-ide secara bebas.

tidak suka dengan adat dan aturan yang mengekang.

memiliki kepercayaan diri yang sangat kuat.

memiliki pandangan yang objektif serta tidak memihak.

mereka adalah orang-orang yang adil.

sangat memperhatikan persahabatan

penuh rasa kemanusiaan yang tinggi.

optimis, dunia dilihatnya secara positif.

Pisces

2010-08-18T04:16:00.000-07:00

PISCES

19 februari - 20 maret

imajinatif

imajinatif, mereka pun suka berhayal.
tidak mementingkan diri sendiri dan cenderung mengutamakan orang lain.
memiliki kemampuan untuk meyakinkan orang supaya mengikuti keinginannya, secara sadar ataupun tidak sadar.
sangat mengandalkan intuisi atau hati nurani dalam bertindak.
menghargai kemampuan otak ketimbang penampilan fisik.
sangat sensitif terhadap apa yang dipikirkan dan dirasakan orang lain.
romantis dan sensual, mereka perayu yang handal.
terlihat sebagai orang yang pemalu dantertutup, namun kenyataannya tidak.
penuh perhatian ketika bekerja sama dengan orang lain.
rendah hati dan suka menolong.
pandai merayu dan mempermainkan orang.
simpatik.

Aries

2010-08-18T04:14:00.000-07:00

ARIES
21 maret - 20 april

pantang menyerah

pemimpi alami, mereka bukan pengikut yang baik karena mereka suka dominasi.
senang mencari penghargaan ketimbang kekayaan.
penuh energi dan agresif.
kurang menyadari bahwa kemampuan dirinya ada batasnya.
tidak menyenangi rutinitas.
tepat janji dan tepat waktu.
memiliki kreativitas dan inisiatif yang tinggi.
egois, tidak peduli dengan urusan orang lain.
selalu ingin memperoleh komentar atau pujian baik.
pencinta yang gigih, namun jika pasangannya tidak bisa mengikuti jalan hidupnya, mereka akan meninggalkan dan pindah ke lain hati.
mudah terpancing emosinya, apalagi jika melihat kelambanan.
ambisius.

Taurus

2010-08-18T04:12:00.000-07:00

TAURUS

21 april - 21 mei

teguh hati

penyabar dan bisa dipercaya.
jika sudah membuat keputusan, orang lain akan sulit mengubahnya.
sangat kalem, namun sebenarnya mereka penuh kehangatan.
bercita rasa tinggi.
teliti dan penuh perhitungan.
menyenangi hal-hal yang bersifat rutin dan terstruktur.
memiliki kepedulian tinggi terhadap orang-orang disekitarnya.
kurang fleksibel.

Gemini

2010-08-18T04:08:00.000-07:00

GEMINI

22 mei - 21 juni

adaptif

bagi mereka, keberagaman adalah keindahan hidup.

dianugerahi kelancaran berbicara atau komunikatif.

memiliki pemikiran yang selalu berubah-ubah.

suka untuk membicarakan ide mereka dengan orang lain.

mudah larut dalam setiap suasana yang baru ditemui.

perayu dan kurang serius dalam menjalin hubungan cinta.

sangat memperhatikan penampilan.

sangat mahir dalam bernegosiasi.

menyukai aktivitas yang dinamis.

mudah gugup. akan tetapi, setelah berhasil mengatasi kegugupan, mereka akan tampil luar biasa.

tidak konsisten.