Cara membuat multi tab dengat gadget didalamnya

Dilihat dari fungsi dan cara kerjanya, multi tab ini lebih efisien, terutama pada saat kita edit atau mengisi data pada konten multi tab. Dengan multi tab ini kita tinggal menambahkan gadget yang sudah ada didalam multitab tersebut. Misalnya kita ingin Arsip blog, entri populer, daftar blog, video atau yang lain ada dalam multi tab, maka kita tinggal add gadget. Tapi ingat, bila anda ingin memasukkan gadget yang sudah ada pada blog anda, misalnya Arsip blog, entri populer, daftar blog, sebaikya anda hapus dulu gadget yang sudah ada, kemudian baru menambahkan gadget baru yang ada pada multi tab.
Silahkan anda lihat bentuk dan tampilan multi tab ini : DEMO

Bila anda berminat silahkan anda ikuti langkah - langkah dibawah ini :

1. Login ke blogger dengan ID anda.

2. Klik Rancangan.

3. Dan KLik tab Edit HTML.

4. Cari kode di bawah ini atau yang mirip dengan kode ini :

]]></b:skin>

5. Copy kode di bawah ini dan taruh tepat setelah kode ]]></b:skin> :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('(3(C){C.8={3o:{19:3(E,F,H){6 G=C.8[E].1h;21(6 D 3p H){G.1I[D]=G.1I[D]||[];G.1I[D].28([F,H[D]])}},2P:3(D,F,E){6 H=D.1I[F];5(!H){7}21(6 G=0;G<H.k;G++){5(D.b[H[G][0]]){H[G][1].1H(D.c,E)}}}},1l:{},n:3(D){5(C.8.1l[D]){7 C.8.1l[D]}6 E=C(\'<2a 3s="8-3r">\').j(D).n({3q:"3i",2g:"-2A",3g:"-2A",1r:"1w"}).22("2C");C.8.1l[D]=!!((!(/3I|3P/).12(E.n("3z"))||(/^[1-9]/).12(E.n("2T"))||(/^[1-9]/).12(E.n("2E"))||!(/2v/).12(E.n("3w"))||!(/3S|3C\\(0, 0, 0, 0\\)/).12(E.n("3D"))));3E{C("2C").2w(0).3B(E.2w(0))}3x(F){}7 C.8.1l[D]},3y:3(D){C(D).v("1p","2I").n("2q","2v")},3H:3(D){C(D).v("1p","3O").n("2q","")},3Q:3(G,E){6 D=/2g/.12(E||"2g")?"3N":"3M",F=e;5(G[D]>0){7 t}G[D]=1;F=G[D]>0?t:e;G[D]=0;7 F}};6 B=C.2e.W;C.2e.W=3(){C("*",2).19(2).z("W");7 B.1H(2,2M)};3 A(E,F,G){6 D=C[E][F].35||[];D=(1F D=="1E"?D.2h(/,?\\s+/):D);7(C.1j(G,D)!=-1)}C.1i=3(E,D){6 F=E.2h(".")[0];E=E.2h(".")[1];C.2e[E]=3(J){6 H=(1F J=="1E"),I=2D.1h.3J.2P(2M,1);5(H&&A(F,E,J)){6 G=C.i(2[0],E);7(G?G[J].1H(G,I):1n)}7 2.14(3(){6 K=C.i(2,E);5(H&&K&&C.3v(K[J])){K[J].1H(K,I)}o{5(!H){C.i(2,E,3e C[F][E](2,J))}}})};C[F][E]=3(I,H){6 G=2;2.15=E;2.2H=F+"-"+E;2.b=C.1A({},C.1i.1k,C[F][E].1k,H);2.c=C(I).u("1e."+E,3(L,J,K){7 G.1e(J,K)}).u("2j."+E,3(K,J){7 G.2j(J)}).u("W",3(){7 G.1b()});2.23()};C[F][E].1h=C.1A({},C.1i.1h,D)};C.1i.1h={23:3(){},1b:3(){2.c.1q(2.15)},2j:3(D){7 2.b[D]},1e:3(D,E){2.b[D]=E;5(D=="f"){2.c[E?"j":"r"](2.2H+"-f")}},1X:3(){2.1e("f",e)},1P:3(){2.1e("f",t)}};C.1i.1k={f:e};C.8.2J={3h:3(){6 D=2;2.c.u("3d."+2.15,3(E){7 D.2G(E)});5(C.x.13){2.2K=2.c.v("1p");2.c.v("1p","2I")}2.3c=e},38:3(){2.c.16("."+2.15);(C.x.13&&2.c.v("1p",2.2K))},2G:3(F){(2.V&&2.1o(F));2.1C=F;6 E=2,G=(F.39==1),D=(1F 2.b.25=="1E"?C(F.2f).2x().19(F.2f).y(2.b.25).k:e);5(!G||D||!2.2S(F)){7 t}2.1D=!2.b.26;5(!2.1D){2.3a=1x(3(){E.1D=t},2.b.26)}5(2.2m(F)&&2.1T(F)){2.V=(2.1U(F)!==e);5(!2.V){F.3b();7 t}}2.2n=3(H){7 E.2r(H)};2.2l=3(H){7 E.1o(H)};C(2N).u("2O."+2.15,2.2n).u("2t."+2.15,2.2l);7 e},2r:3(D){5(C.x.13&&!D.3j){7 2.1o(D)}5(2.V){2.1V(D);7 e}5(2.2m(D)&&2.1T(D)){2.V=(2.1U(2.1C,D)!==e);(2.V?2.1V(D):2.1o(D))}7!2.V},1o:3(D){C(2N).16("2O."+2.15,2.2n).16("2t."+2.15,2.2l);5(2.V){2.V=e;2.2u(D)}7 e},2m:3(D){7(29.3m(29.2z(2.1C.2L-D.2L),29.2z(2.1C.2s-D.2s))>=2.b.2F)},1T:3(D){7 2.1D},1U:3(D){},1V:3(D){},2u:3(D){},2S:3(D){7 t}};C.8.2J.1k={25:U,2F:1,26:0}})(27);(3(A){A.1i("8.4",{23:3(){2.b.Z+=".4";2.1m(t)},1e:3(B,C){5((/^d/).12(B)){2.1v(C)}o{2.b[B]=C;2.1m()}},k:3(){7 2.$4.k},1Q:3(B){7 B.2R&&B.2R.1g(/\\s/g,"2Q").1g(/[^A-4o-4x-9\\-2Q:\\.]/g,"")||2.b.2X+A.i(B)},8:3(C,B){7{b:2.b,4u:C,30:B,11:2.$4.11(C)}},1m:3(O){2.$l=A("1O:4p(a[p])",2.c);2.$4=2.$l.1G(3(){7 A("a",2)[0]});2.$h=A([]);6 P=2,D=2.b;2.$4.14(3(R,Q){5(Q.X&&Q.X.1g("#","")){P.$h=P.$h.19(Q.X)}o{5(A(Q).v("p")!="#"){A.i(Q,"p.4",Q.p);A.i(Q,"q.4",Q.p);6 T=P.1Q(Q);Q.p="#"+T;6 S=A("#"+T);5(!S.k){S=A(D.2d).v("1s",T).j(D.1u).4l(P.$h[R-1]||P.c);S.i("1b.4",t)}P.$h=P.$h.19(S)}o{D.f.28(R+1)}}});5(O){2.c.j(D.2b);2.$h.14(3(){6 Q=A(2);Q.j(D.1u)});5(D.d===1n){5(20.X){2.$4.14(3(S,Q){5(Q.X==20.X){D.d=S;5(A.x.13||A.x.43){6 R=A(20.X),T=R.v("1s");R.v("1s","");1x(3(){R.v("1s",T)},44)}4m(0,0);7 e}})}o{5(D.1c){6 J=46(A.1c("8-4"+A.i(P.c)),10);5(J&&P.$4[J]){D.d=J}}o{5(P.$l.y("."+D.m).k){D.d=P.$l.11(P.$l.y("."+D.m)[0])}}}}D.d=D.d===U||D.d!==1n?D.d:0;D.f=A.41(D.f.40(A.1G(2.$l.y("."+D.1a),3(R,Q){7 P.$l.11(R)}))).31();5(A.1j(D.d,D.f)!=-1){D.f.3V(A.1j(D.d,D.f),1)}2.$h.j(D.18);2.$l.r(D.m);5(D.d!==U){2.$h.w(D.d).1S().r(D.18);2.$l.w(D.d).j(D.m);6 K=3(){A(P.c).z("1K",[P.Y("1K"),P.8(P.$4[D.d],P.$h[D.d])],D.1S)};5(A.i(2.$4[D.d],"q.4")){2.q(D.d,K)}o{K()}}A(3U).u("3W",3(){P.$4.16(".4");P.$l=P.$4=P.$h=U})}21(6 G=0,N;N=2.$l[G];G++){A(N)[A.1j(G,D.f)!=-1&&!A(N).1f(D.m)?"j":"r"](D.1a)}5(D.17===e){2.$4.1q("17.4")}6 C,I,B={"3X-2E":0,1R:1},E="3Z";5(D.1d&&D.1d.3Y==2D){C=D.1d[0]||B,I=D.1d[1]||B}o{C=I=D.1d||B}6 H={1r:"",47:"",2T:""};5(!A.x.13){H.1W=""}3 M(R,Q,S){Q.2p(C,C.1R||E,3(){Q.j(D.18).n(H);5(A.x.13&&C.1W){Q[0].2B.y=""}5(S){L(R,S,Q)}})}3 L(R,S,Q){5(I===B){S.n("1r","1w")}S.2p(I,I.1R||E,3(){S.r(D.18).n(H);5(A.x.13&&I.1W){S[0].2B.y=""}A(P.c).z("1K",[P.Y("1K"),P.8(R,S[0])],D.1S)})}3 F(R,T,Q,S){T.j(D.m).4k().r(D.m);M(R,Q,S)}2.$4.16(".4").u(D.Z,3(){6 T=A(2).2x("1O:w(0)"),Q=P.$h.y(":4e"),S=A(2.X);5((T.1f(D.m)&&!D.1z)||T.1f(D.1a)||A(2).1f(D.1t)||A(P.c).z("2y",[P.Y("2y"),P.8(2,S[0])],D.1v)===e){2.1M();7 e}P.b.d=P.$4.11(2);5(D.1z){5(T.1f(D.m)){P.b.d=U;T.r(D.m);P.$h.1Y();M(2,Q);2.1M();7 e}o{5(!Q.k){P.$h.1Y();6 R=2;P.q(P.$4.11(2),3(){T.j(D.m).j(D.2c);L(R,S)});2.1M();7 e}}}5(D.1c){A.1c("8-4"+A.i(P.c),P.b.d,D.1c)}P.$h.1Y();5(S.k){6 R=2;P.q(P.$4.11(2),Q.k?3(){F(R,T,Q,S)}:3(){T.j(D.m);L(R,S)})}o{4b"27 4c 4d: 3n 49 4a."}5(A.x.13){2.1M()}7 e});5(!(/^24/).12(D.Z)){2.$4.u("24.4",3(){7 e})}},19:3(E,D,C){5(C==1n){C=2.$4.k}6 G=2.b;6 I=A(G.37.1g(/#\\{p\\}/g,E).1g(/#\\{1L\\}/g,D));I.i("1b.4",t);6 H=E.4i("#")==0?E.1g("#",""):2.1Q(A("a:4g-4h",I)[0]);6 F=A("#"+H);5(!F.k){F=A(G.2d).v("1s",H).j(G.18).i("1b.4",t)}F.j(G.1u);5(C>=2.$l.k){I.22(2.c);F.22(2.c[0].48)}o{I.36(2.$l[C]);F.36(2.$h[C])}G.f=A.1G(G.f,3(K,J){7 K>=C?++K:K});2.1m();5(2.$4.k==1){I.j(G.m);F.r(G.18);6 B=A.i(2.$4[0],"q.4");5(B){2.q(C,B)}}2.c.z("2Y",[2.Y("2Y"),2.8(2.$4[C],2.$h[C])],G.19)},W:3(B){6 D=2.b,E=2.$l.w(B).W(),C=2.$h.w(B).W();5(E.1f(D.m)&&2.$4.k>1){2.1v(B+(B+1<2.$4.k?1:-1))}D.f=A.1G(A.34(D.f,3(G,F){7 G!=B}),3(G,F){7 G>=B?--G:G});2.1m();2.c.z("2V",[2.Y("2V"),2.8(E.2k("a")[0],C[0])],D.W)},1X:3(B){6 C=2.b;5(A.1j(B,C.f)==-1){7}6 D=2.$l.w(B).r(C.1a);5(A.x.4n){D.n("1r","4t-1w");1x(3(){D.n("1r","1w")},0)}C.f=A.34(C.f,3(F,E){7 F!=B});2.c.z("33",[2.Y("33"),2.8(2.$4[B],2.$h[B])],C.1X)},1P:3(C){6 B=2,D=2.b;5(C!=D.d){2.$l.w(C).j(D.1a);D.f.28(C);D.f.31();2.c.z("32",[2.Y("32"),2.8(2.$4[C],2.$h[C])],D.1P)}},1v:3(B){5(1F B=="1E"){B=2.$4.11(2.$4.y("[p$="+B+"]")[0])}2.$4.w(B).4q(2.b.Z)},q:3(G,K){6 L=2,D=2.b,E=2.$4.w(G),J=E[0],H=K==1n||K===e,B=E.i("q.4");K=K||3(){};5(!B||!H&&A.i(J,"17.4")){K();7}6 M=3(N){6 O=A(N),P=O.2k("*:4s");7 P.k&&P.4v(":45(3R)")&&P||O};6 C=3(){L.$4.y("."+D.1t).r(D.1t).14(3(){5(D.1N){M(2).3l().1B(M(2).i("1L.4"))}});L.1y=U};5(D.1N){6 I=M(J).1B();M(J).3k("<2o></2o>").2k("2o").i("1L.4",I).1B(D.1N)}6 F=A.1A({},D.1J,{2U:B,2i:3(O,N){A(J.X).1B(O);C();5(D.17){A.i(J,"17.4",t)}A(L.c).z("2Z",[L.Y("2Z"),L.8(L.$4[G],L.$h[G])],D.q);D.1J.2i&&D.1J.2i(O,N);K()}});5(2.1y){2.1y.3f();C()}E.j(D.1t);1x(3(){L.1y=A.3u(F)},0)},2U:3(C,B){2.$4.w(C).1q("17.4").i("q.4",B)},1b:3(){6 B=2.b;2.c.16(".4").r(B.2b).1q("4");2.$4.14(3(){6 C=A.i(2,"p.4");5(C){2.p=C}6 D=A(2).16(".4");A.14(["p","q","17"],3(E,F){D.1q(F+".4")})});2.$l.19(2.$h).14(3(){5(A.i(2,"1b.4")){A(2).W()}o{A(2).r([B.m,B.2c,B.1a,B.1u,B.18].3G(" "))}})},Y:3(B){7 A.Z.3L({3t:B,2f:2.c[0]})}});A.8.4.1k={1z:e,Z:"24",f:[],1c:U,1N:"3F A;",17:e,2X:"8-4-",1J:{},1d:U,37:\'<1O><a p="#{p}"><2W>#{1L}</2W></a></1O>\',2d:"<2a></2a>",2b:"8-4-3K",m:"8-4-d",2c:"8-4-1z",1a:"8-4-f",1u:"8-4-30",18:"8-4-3T",1t:"8-4-4w"};A.8.4.35="k";A.1A(A.8.4.1h,{1Z:U,4r:3(C,F){F=F||e;6 B=2,E=2.b.d;3 G(){B.1Z=42(3(){E=++E<B.$4.k?E:0;B.1v(E)},C)}3 D(H){5(!H||H.4j){4f(B.1Z)}}5(C){G();5(!F){2.$4.u(2.b.Z,D)}o{2.$4.u(2.b.Z,3(){D();E=B.b.d;G()})}}o{D();2.$4.16(2.b.Z,D)}}})})(27);',62,282,'||this|function|tabs|if|var|return|ui|||options|element|selected|false|disabled||panels|data|addClass|length|lis|selectedClass|css|else|href|load|removeClass||true|bind|attr|eq|browser|filter|triggerHandler|||||||||||||||||||||null|_mouseStarted|remove|hash|fakeEvent|event||index|test|msie|each|widgetName|unbind|cache|hideClass|add|disabledClass|destroy|cookie|fx|setData|hasClass|replace|prototype|widget|inArray|defaults|cssCache|tabify|undefined|mouseUp|unselectable|removeData|display|id|loadingClass|panelClass|select|block|setTimeout|xhr|unselect|extend|html|_mouseDownEvent|_mouseDelayMet|string|typeof|map|apply|plugins|ajaxOptions|tabsshow|label|blur|spinner|li|disable|tabId|duration|show|mouseDelayMet|mouseStart|mouseDrag|opacity|enable|stop|rotation|location|for|appendTo|init|click|cancel|delay|jQuery|push|Math|div|navClass|unselectClass|panelTemplate|fn|target|top|split|success|getData|find|_mouseUpDelegate|mouseDistanceMet|_mouseMoveDelegate|em|animate|MozUserSelect|mouseMove|pageY|mouseup|mouseStop|none|get|parents|tabsselect|abs|5000px|style|body|Array|width|distance|mouseDown|widgetBaseClass|on|mouse|_mouseUnselectable|pageX|arguments|document|mousemove|call|_|title|mouseCapture|height|url|tabsremove|span|idPrefix|tabsadd|tabsload|panel|sort|tabsdisable|tabsenable|grep|getter|insertBefore|tabTemplate|mouseDestroy|which|_mouseDelayTimer|preventDefault|started|mousedown|new|abort|left|mouseInit|absolute|button|wrapInner|parent|max|Mismatching|plugin|in|position|gen|class|type|ajax|isFunction|backgroundImage|catch|disableSelection|cursor|8230|removeChild|rgba|backgroundColor|try|Loading|join|enableSelection|auto|slice|nav|fix|scrollLeft|scrollTop|off|default|hasScroll|img|transparent|hide|window|splice|unload|min|constructor|normal|concat|unique|setInterval|opera|500|not|parseInt|overflow|parentNode|fragment|identifier|throw|UI|Tabs|visible|clearInterval|first|child|indexOf|clientX|siblings|insertAfter|scrollTo|safari|Za|has|trigger|rotate|last|inline|tab|is|loading|z0'.split('|'),0,{})) //]]> </script> <script type='text/javascript'> //<![CDATA[ $(document).ready(function() { $('#tabzine> ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } }); }); //]]> </script> <style type='text/css'> ul.tabnav{ padding:5px 0px 0px 0px; height:28px; margin:0px 0px; background:#fff; border:1px solid #fff; } .tabnav li { display: inline; list-style: none; float:left; text-align:center; margin-right:2px; margin-left:9px; } .tabnav li a { text-decoration: none; text-transform: uppercase; font-weight: normal; padding: 6px 8px; width:80px; font-weight:normal; font-family:Georgia,Century gothic, Arial, sans-serif; color: #2C2F32; text-decoration: none; display:block; background:#9daab4; } .tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a { text-decoration:none; background: #42484d; color: #C7C7C7; } .tabdiv { margin-top:2px; padding: 5px 5px 5px 5px; font-family:Georgia,Century gothic, Arial, sans-serif; background:#fff; } .tabdiv a:link,.tabdiv a:visited { color:#333; } .tabdiv a:hover{ color: #2676A1; } .tabdiv ul{ list-style-type:none; margin:0px 5px; padding:0px 0px; } .tabdiv ul li{ background:#F3F3F3; display:block; margin-left:5px; overflow:hidden; line-height:24px; padding:2px 2px ; margin:2px 0px; color:#444; font-size:13px; } .tabdiv li a:link,.tabdiv li a:visited{ height:100%; line-height:28px; padding: 0px 0px 0px 0px; color:#333; } .tabdiv li a:hover { color: #222; text-decoration:none; } .ui-tabs-hide { display: none; } </style>

6. Langkah selanjutnya cari lagi kode di bawah ini atau yang mirip dengan kode ini :

<div id='sidebar-wrapper'>

7. Copy kode di bawah ini dan taruh tepat setelah kode <div id='sidebar-wrapper'> :

<!-- Tabzine -->
<div class='widgets' id='tabzine'>
<ul class='tabnav'>
<li class='pop'><a href='#tab11'>DAFTAR BLOG</a></li>
<li class='fea'><a href='#tab22'>ARSIP</a></li>
<li class='rec'><a href='#tab33'>POPULER</a></li>
</ul>

<!-- tab1 -->
<div class='tabdiv' id='tab11'>
<b:section class='sidebar5' id='sidebar5' preferred='yes'>
<b:widget id='HTML223' locked='false' title='' type='HTML'/>
</b:section>
</div>
<!--/tab1-->

<!-- tab2 -->
<div class='tabdiv' id='tab22'>
<b:section class='sidebar4' id='sidebar4' preferred='yes'>
<b:widget id='HTML323' locked='false' title='' type='HTML'/>
</b:section>
</div>
<!-- tab2 -->

<!-- tab3 -->
<div class='tabdiv' id='tab33'>
<b:section class='sidebar3' id='sidebar3' preferred='yes'>
<b:widget id='HTML423' locked='false' title='' type='HTML'/>
</b:section>
</div>
<!-- /tab3 -->

</div>
<!-- /Tabzine -->

Catatan : Silahkan anda bisa mengganti Judul tab yang berwarna merah diatas.

8. SIPAN TEMLPATE.

Silahkan anda menuju Elemen Laman, dan lihat multi yang bentuknya kira - kira seperti gambar ini :

Kemudian silahkan anda tambah gadget  dan isi sesuai dengan Judul tab yang anda buat tadi.
Berikut tampak satu persatu dari tiga judul tab diatas :

Atau akan lihat DEMO lagi.

OK..., Selamat mencoba ya...
Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.

Membuat Tampilan Dinamis & Menarik Fitur Blogspot.

Pada bulan maret yang lalu blogger telah memperkenalkan fitur baru yaitu 5 tampilan dinamis untuk blog dari blogger.com. Fitur ini memberikan pilihan kepada pengunjung untuk memilih tampilan yang berbeda pada sebuah blog, tapi tentunya pengunjung bisa mengakses blog tersebut bila sipemilik blog berkenan memberi ijin untuk menggunakan fitur tersebut.

Berikut 5 tampilan dinamis dari blogger tersebut :

1. Flipcard

Silahkan anda bisa KLIK fitur dibawah ini utuk melihat tampilan dinamis Flipcard :

Flipcard

Cara kerja :

• Arahkan mouse pada salah satu kartu atau gambar (bila artikel anda terdapat gambar) untuk melihat judul posting dan jumlah komentar.

• Klik kartu atau gambar tersebut untuk melihat posting di tampilan penuh.

• Anda dapat menggunakan navigasi older post (posting lama) dan newer post (posting baru) atau tombol panah.

• Klik Back to all posts untuk kembali semua posting atau ke tampilan Flipcard.

• Anda bisa pilih tab menu di kiri atas, untuk mengurutkan posting menurut Tanggal, Penulis dan Kategori.

2. Mosaic
Silahkan anda bisa KLIK fitur dibawah ini utuk melihat tampilan dinamis Mosaic :

Mosaic

 Cara kerja :

• Arahkan mouse pada salah satu kotak atau gambar (bila artikel anda terdapat gambar) untuk melihat judul posting dan memperbesar kotak atau gambar.

• Klik kotak atau gambar tersebut untuk melihat posting di tampilan penuh.

• Klik pada halaman posting tersebut untuk kembali semua posting atau ke tampilan Mosaic.

3. Sidebar

Silahkan anda bisa KLIK fitur dibawah ini utuk melihat tampilan dinamis Sidebar :

Sidebar

 Cara kerja :

• Dioptimalkan untuk membaca cepat dan browsing.Sidebar kiri adalah daftar posting kronologis, dengan jumlah komentar dan thumbnail untuk setiap posting.
• Anda bisa menggunakan menu navigasi melalui tulisan, dan komentar dapat ditampilkan pada halaman yang sama dengan mengklik link Tampilkan.

4. Snapshot

Silahkan anda bisa KLIK fitur dibawah ini utuk melihat tampilan dinamis Snapshot :

Snapshot

 Cara kerja :

• Tampilan ini hanya akan menampilkan artikel / posting yang memiliki gambar.

• Mengklik melalui foto atau gambar apapun akan menampilkan halaman posting penuh, dengan link naviagtion di bagian bawah untuk posting baru dan lama

• Mousing atas foto apapun akan menampilkan potongan posting

5. Timeslide

Silahkan anda bisa KLIK fitur dibawah ini utuk melihat tampilan dinamis Timeslide :

Timeslide

 Cara kerja :

• Tampilan ini berbentuk konten blog dalam tiga bagian yang berbeda:

• Kolom Kiri : Pembesaran gambar dengan judul posting potongan, dan snipppet ditampilkan dalam urutan kronologis

• Kolom Tengah : Menampilkan hanya judul posting dan potongan

• Kolom Kanan : Menampilkan hanya judul posting individu

• Saat mencari posting dalam tampilan ini, hasil akan disorot.

Bila anda berminat menampilkan fitur ini pada blog anda dan mengijinkan pengunjung melihat blog anda melalui 5 tampilan dinamis tersebut. Silahkan anda ikuti langkah - langkah dibawah ini :

1. Login ke blogger dengan ID anda.
2. Klik Pengaturan dan pilih Feed Situs.
3. Pada bagian "Izinkan Feed Blog" anda pilih Penuh / Full.

4. SIMPAN SETELAN.

Selanjutnya anda bisa coba melihat tampilan dinamis blog anda, silahkan tambahkan /view/NAMA TAMPILAN setelah ULR Blog anda. Jadinya sebagai berikut :

Untuk Flipcard    :  ULR BLOG ANDA/view/flipcard
Untuk Mosaic     :  ULR BLOG ANDA/view/mosaic
Untuk Sidebar     :  ULR BLOG ANDA/view/sidebar
Untuk Snapshot  :  ULR BLOG ANDA/view/snapshot
Untuk Timeslide :  ULR BLOG ANDA/view/timeslide

Atau anda bisa memberi pilihan menu tampilan dinamis menggunakan menu drop down seperti dibawah ini, agar pengunjung lebih mudah memilih dan melihat tampilan dinamis blog anda :

Berikut kodenya :

<center><form><select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" name="menu-drop-down"><option /> <h3>PILIH TAMPILAN BLOG INI</h3><hr>
 
<option value="ULR BLOG ANDA/view/flipcard">Flipcard</option>
<option value="ULR BLOG ANDA/view/mosaic">Mosaic</option>
<option value="ULR BLOG ANDA/view/sidebar">Sidebar</option>
<option value="ULR BLOG ANDA/view/snapshot">Snapshot</option>
<option value="ULR BLOG ANDA/view/timeslide">Timeslide</option>
</select></form></center>

Selamat mencoba dan Semoga bermanfaat....

Sumber Referensi   : http://www.carabuatwebgratis.com/2011/05/5-tampilan-dinamis-dari-blogger.html

Membuat Widget Label Tertentu dengan Satu Thumbnail

Wah judulnya kurang pas kayaknya ya...? Bodo amat, yang penting isinya. Kali ini saya akan memberikan satu lagi tutorial blogger tentang membuat widget per label dengan hanya satu thumbnail pada bagian paling atas dan di bawahnya menampilkan judul saja, untuk lebih jelasnya silahkan lihat screenshot gambar dibawah.  Biasanya widget ini banyak digunakan oleh blog konten berita, salah satu fungsi widget ini untuk memudahkan para pembaca untuk mengeksplorasi tiap kategori yang ada dan bisa juga untuk meringkas ruang pada sebuah template. Sebenarnya tutorial ini sudah lama tapi karena banyak yang tanya di kotak komentar maupun di email, tidak ada salahnya jika saya perjelas lagi di artikel ini. Cara membuat widget per label yang saya gunakan disini sebenarnya mudah dan hanya menggabungkan antara tutorial membuat label atau kategori dengan thumbnail dan membuat widget label yang hanya menampilkan judul saja. 

DEMO

Jika Anda lihat pada template Mas Paper atau Johny Portal 2, di bagian tertentu pada template itu terdapat widget yang menampilkan label dengan susunan satu judul dengan thumbnail dan summary, dan dibawahnya list dari label yang sama tetapi hanya menampilkan judulnya saja. Cara membuatnya adalah sebagai berikut :

1. Pertama yang mesti Anda lakukan adalah login ke blogger dengan akun Anda
2. Setelah itu pilih blog yang ingin anda tambahkan widget ini.
3. Masuk ke template >> Edit HTML, kemudian centang expand widget templates
4. Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.
5. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> :
   
   img.label_thumb{float:left;border:1px solid #8f8f8f;background:#D2D0D0;margin-right:10px;height:60px;width:60px;padding:2px}
   img.label_thumb:hover{background:#f7f6f6}
   .label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 5px 2px 0}
   ul.label_with_thumbs li{min-height:65px;margin:2px 0;padding:4px 0}
   Perhatikan tulisan warna biru diatas, itu adalah lebar dan tinggi thumbnail image.
6. Selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head> :
   
   <script type='text/javascript'>
   //<![CDATA[
   function labelthumbs(json){document.write('<ul class="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
   if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
   {s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkhBlYlgp_PJbD5eeRxAWnb_Q4h_O7YE2YKj7qbDosNPvNEnV9RYq2x6lDnOPKoueVaebJCFP3wOg0KzOfvaNGX6-xq1OvKnV1unlH0zKlP6PEbo8VswpvV9vKkwOQN9j2YFeJGtDUatAa/';}
   var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)
   document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}
   else
   if("summary"in entry){var postcontent=entry.summary.$t;}
   else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}
   else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}
   var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
   if(showcommentnum==true)
   {if(flag==1){towrite=towrite+' | ';}
   if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
   if(displaymore==true)
   {if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}
   document.write(towrite);document.write('</li>');if(displayseparator==true)
   if(i!=(numposts-1))
   document.write('');}document.write('</ul>');}
   //]]>
   </script>

   Jika kode script diatas terlalu panjang, Anda bisa simpan di tempat penyimpanan Google Code Anda sendiri atau gunakan kode script di bawah ini yang sudah saya ringkas di Google Code.

   <script src='http://penyimpanan-maskolis.googlecode.com/files/labels.js' type='text/javascript'/>

7. Setelah itu save templates, kemudian menuju ke layout pilih kotak yang akan ditambahkan widget ini. Klik add gadget >> HTML/Javascript masukkan kode berikut ini kedalamnya :
   <script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>
   
   <script type="text/javascript" src="/feeds/posts/default/-/news?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
   
   <script type="text/javascript">
   function recentpostslist(json) {
    document.write('<ul>');
    for (var i = 1; i < json.feed.entry.length; i++)
    {
       for (var j = 1; j < json.feed.entry[i].link.length; j++) {
         if (json.feed.entry[i].link[j].rel == 'alternate') {
           break;
         }
       }
   var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
   var entryTitle = json.feed.entry[i].title.$t;
   var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
    document.write(item);
    }
    document.write('</ul>');
    }
   </script>
   <script src="http://johnyportal2.blogspot.com/feeds/posts/summary/-/news?max-results=6&alt=json-in-script&callback=recentpostslist"></script>
   <a href="http://johnyportal2.blogspot.com/search/label/news" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>
   Keterangan :
   Warna biru : adalah label atau kategori yang ditampikan, Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
   Warna merah : Ganti URL dengan URL blog anda.
   
   Selanjutnya save dan lihat hasilnya.

Tampilan dari widget ini mengikuti kode CSS sidebar (jika Anda meletakkan di sidebar) pada template yang Anda pakai. Kode CSS yang digunakan pada pembuatan widget ini hanya digunakan untuk mengatur tampilan thumbnail.

Demikian tadi tutorial jadul mengenai membuat widget per label kali ini, jika masih ada yang kurang jelas silahkan tinggalkan pesan di kotak komentar, selamat mencoba dan semoga bermanfaat.

Domain Dot Com Gratis Dari Intuit

Domain .com .net .org .info dan .name gratis dari Intuit. Intuit merupakan penyedia domain gratis bagi pengusaha kecil dan menengah. Tapi harus diingat, bahwa gratisan hanya berlaku satu tahun pertama. Untuk tahun berikutnya dikenakan biaya $2 USD. Kemungkinan bisa diteruskan di penyedia domain Indonesia dengan melakukan Transfer Domain.

Intuit telah bekerjasama dengan berbagai negara, diantaranya dengan Indonesia. Anda bisa mendapatkan domain .web.id gratis selama satu tahun dari BisnisGoOnline.co.id, atau bagi penduduk India bisa mendapatkan .in dari IndiaGetOnline.in dan situs-situs lainnya.

Sekarang saya akan menjelaskan cara mendapatkan Top Level Domain (TLD) gratis dari intuit. Anda tinggal mendaftar di Intuit dan Add a domain. Namun anda harus memasukan nomor kartu kredit Anda. Tapi tenang saja, saya sudah mendapatkan cara bypass domain gratis dari intuit ini. Script bypass yang saya pake dari blognya Black4rt.

Cara Mendapat Domain Gratis dari Intuit

1. Siapkan nama domain .com .net .org .biz .name .info bisa cek Disini
2. Daftar Disini
3. Untuk ByPass kartu kredit klik Disini
    User : black4rt.us
    Password : black4rt.us
4. Masukan Email dan Domain
5. Masukan domain tanpa www
6. Jangan centang Domain Privasi (akan kena biaya 1 dollar)
7. Centang Saya Setuju
8. Submit

Selamat, Anda sudah mendapat domain gratis. Estimasi waktu 24 jam, tatapi berdasarkan pengalaman antara 30 menit sampai 4 jam. Silahkan tunggu saja sampai domain aktif. Setelah menunggu, untuk login lagi klik Disini

Contoh domain saya dari intuit : http://iklanbagusgratis.com

Update

Dikarenakan ByPass Kartu kredit sudah tidak bisa, maka silahkan isi data diri Anda, dan isikan data Credit Card yang saya dapat dari Fashinour. Untuk data seperti dibawah ini :

Name on card : Isi Terserah Anda
Card Type : Visa
Number card : 4067424205414109
Exp date : 02/13
Security code card : 145

Dengan data diatas, sudah banyak yang mencoba dan berhasil. Silahkan gunakan dengan bijak (at your own risk).

 http://blog.kangismet.net/2012/06/domain-dot-com-gratis-dari-intuit.html

Dapatkan Domain Gratismu!

Bacaunik ~ Dapatkan Domain Gratismu!. Untuk kali ini saya akan memberikan informasi tentang domain gratis. Iya gratis!
dijaman sekarang ini pasti kalian suka yang gratis-gratis kan? iya pastilah, kalo ada yang gratis ngapain cari yang berbayar :D
Barang kali ada yang belum tahu tentang apa itu domain?
Domain adalah nama yang unik dan beda dr yang lain yang berfungsi untuk mengidentifikasi alamat IP.
Contohnya adalah .com, .in. co.id, .net dll

Dan langsung saja ini dia domain gratisnya :)

1. CO.CC daftarkan domain gratis co.cc di http://www.co.cc
2. CZ.CC daftarkan domain gratis cz.cc di http://www.nic.cz.cc
3. CO.BE daftar domain gratis co.be di http://www.freedomains.co.be
4. .TK daftarkan domain gratis ini dot TK di http://dot.tk
5. CE.MS daftarkan domain gratis ini di http://www.freedomains.ce.ms
6. CO.TV daftarkan domain gratis co.tk di http://www.co.tv 

Saya sih belum pernah mencobanya, tapi yang jelas domain diatas dapat mempersingkat alamat web/blog yang panjang :)
Buruan ambil nama domainmu sebelum diambil orang! :D

Cara Mendapatkan Domain .com Gratis

Cara Mendapatkan Domain.com Gratis -  Bila kita ingin memiliki domain .com namun dana yang kita miliki terbatas, maka kita bisa memanfaatkan fasilitas domain .com yang diberikan oleh https://websites.intuit.com . Walaupun hanya gratis selama 1 tahun karena ditahun berikutnya akan dikenakan biaya USD 4,99 per bulannya. Cara mendapatkan domain .com gratis di INTUIT, kita bisa mengikuti langkah - langkah berikut ini:

1. Terlebih dahulu kita harus memiliki akun gmail. Kemudian kita buka klik disini dan kita lengkapi kolom - kolom yang tersedia. Klik tombol continue bila semua kolom telah kita isi

 
2. Bila registrasi kita berhasil, maka kita akan menerima email konfirmasi di alamat email kita dan sampai pada halaman seperti di bawah ini:

3. Kemudian kita memilih nama domain dengan cara meng-klik tulisan 'choose a domain (www.yourname.com) for your website'

4. Bila nama domain yang kita kehendaki masih tersedia, maka akan muncul halaman seperti ini. Klik tombol 'get domain' untuk melanjutkan ke halaman selanjutnya

5. Pada langkah ini, kita diminta untuk mengisi informasi kontak kita. Tekan tombol 'save & continue' biila semua kolom informasi telah kita isi

6. Selanjutnya, kita akan sampai pada halaman review atas semua pilihan kita. Disitu akan diperlihatkan total uang yang harus kita keluarkan, dan semua free alias $ 0. Jangan lupa untuk mencentang kotak I agree to the term of service dan klik tombol 'submit'

7. Walaupun selama setahun nanti kita tidak perlu membayar biaya apapun, namun untuk menghindari penipuan, kita tetap diminta untuk memasukkan data billing information. Isi semua kolom dan klik tombol purchase dan proses cara mendapatkan domain .com gratis telah selesai

Domain Gratis .COM .NET .INFO .NAME .BIZ Free...!!!! -

Domain Gratis .COM .NET .INFO .NAME .BIZ Free...!!!! -

Kali ini Mas GunKlaten Berbagi tentang Domain Gratis .COM .NET .INFO .NAME .BIZ Free...!!!! Ya walau cuma gratis domain selama 1 tahun tahun tapi lumayan. Sebelumnya kita harus persiapkan VCC dulu untuk verifikasi. Tapi gak usah kwatir kita bisa mendapatkan VCC gratis dari entropay. Untuk lebih lengkapnya ikuti langkah demi langkah yang Mas GunKlaten jelaskan berikut ini.

Cara Mudah Mendapatkan VCC Gratis Di Entropay

1. Kunjungi www.entropay.com
2. Klik Sign UP dan lakukan pendaftaran
3. Isi data dengen lengkap
4. Jika tidak ada kesalahan lalu klik "Next"
5. Selanjutnya kita dibawa kesebuah halaman untuk memilih dua opsi. Pilih "Pay By Bank Transfer" dan pilih "Other Bank" dan ketikkan nama bank contoh Bank BCA, BRI atau yang lainnya.
6. Jika sudah benar semua maka kita akan menerima email dari entropay dan buka inbok email anda yang digunakan untuk mendaftar tadi dan salin kode aktivasi ke kotak aktivasi entropay.
7. Langkah selanjutnya kita disuruh menentukan batasnya, isi terserah. Lalu klik submit.

Kita sudah mendapatkan sebuah VCC selanjutnya kita daftarkan domain yang akan kita inginkan.

Cara Mendapatkan Domain Gratis .COM .NET .INFO .NAME .BIZ

1. Kunjungi www.wisconsingetonline.com dan cari tombol berwarna merah "Get Free Your Website"
2. Kita akan di arahkan ke halaman sign up di intuit.com. Isikan data-data dengan lengkap. Dan ikuti langkah demi langkah sampai ketemu halaman "Choose a Domain ...... Your website" dan pilih nama domain kamu deh dan cek masih tersedia tidak.
3. Jika tersedia lalu klik "next" lalu kita isi form info. kalau kesulitan mengisi cari saja info di www.fakenamegenerator.com
4. Jika isian kita benar kita akan dibawa kehalaman privacy, ingat jangan di centang "add privacy" langsung saja klik "next"
5. Selanjutnya kita centang "i agree" terus klik "submit"
6. Di halaman Pop Up kita disuruh mengisi form verifikasi dengan kartu kredit. Masukkan saja data VCC yang telah kita daftarkan tadi. Lihat contoh pengisian seperti gambar di bawah ini. dan klik "purchase"

   Jika berhasil domain yang anda pilih tadi sedang menunggu selama 24 jam untuk sepenuhnya di daftarkan. Sebenarnya di intuit.com kita tidak hanya cuma mendapatkan sebuah domain saja, tetapi kita juga mendapatkan sebuah hosting dan website, asik bukan?

Cara Setting Domain ke Blogspot

1. Login ke https://website.intuit.com
2. Masuk ke domain manager klik "edit" akan muncul DNS editor pada form A Records
3. Tambahkan menjadi empat form caranya klik "add a new a records"
4. Pada bagian kolom HOST jadikan @ semua dan isikan point to sebagai berikut: [216.239.32.21 | 216.239.34.21 | 216.239.36.21 | 216.239.38.21]
5. Pada kolom CNAMES ubah isi host  menjadi "www" tanpa tanda kutip dan pada POINTS TO isikan "ghs.google.com" tanpa tanda kutip.

Jika sudah kita masuk ke blogspot kita.

Klik Setelan > Penerbitan > Beralih ke setelan lanjut > Isi alamat domain yang baru di kotak yang disediakan > isi chapta > Simpan. 


Demikian sekedar info Domain Gratis .COM .NET .INFO .NAME .BIZ Free...!!!! dari Mas GunKlaten Berbagi semoga bermanfaat. Contoh domain yang berhasil saya daftarkan adalah www.gunklaten.com dan www.kirim-sms-gratis.com

Penting: Domain Gratis .COM .NET .INFO .NAME .BIZ Free...!!!! ini adalah sebuah program dari Google untuk para Usaha Menengah Kecil dan Mikro. Domain yang disediakan 100.000 domain dan mungkin sekarang sudah tidak berlaku kembali. Harap dimaklumi jika tips-tips yang saya ulas di atas sudah tidak sesuai lagi.

Cara Mensubmit Blog ke 300 search engine

Meningkatkan pengunjung blog, menjadi hal yang paling penting bagi pemilik blog. Dengan banyaknya pengunjung dapat Meningkatkan Google Pagerank Dan Alexa Rank.

Ada banyak cara yang dilakukan baik onpage maupun offpage, meta tag keyword, ataupun meta tag descrption. Ada sedikit tips untuk mempermudah kita melakukan SEO eksternal linking yaitu dengan auto submit blog ke search engine.

Dibawah ini ada beberapa web yang bisa kita pergunakan untuk mensubmit / mendaftarkan blog kita ke 300 search engine ataupun ke submit directory.

• www.fric.nl (100url)
• www.selbourne.com (50url)
• www.geocities.com (21url)
• www.freewebsubmission.com (50url)
• official.my(300url)
• www.greatdirectories.org
• www.socialmonkee.com

Segitu aja dulu, kalau ada yang mau menambahkan silakan isi di komentar.
Semoga Bermanfaat...

Pasang Tombol "Save as PDF" Di Blogger

Mungkin anda sering melihat tombol "Save as PDF" pada blog maupun situs web lainnya. Nah, tombol tersebut biasanya berada di bawah akhir setiap posting artikel atau terkadang ditempatkan di sidebar blog. Save as PDF ini dapat membantu pengunjung yang ingin menyimpan file untuk dibaca kemudian dalam format PDF. Barangkali pada waktu itu dia tidak punya waktu untuk membaca. Nah, inilah gunanya fitur Save as PDF ditambahkan. Pembaca dapat mengubah file HTML dan halaman web secara online menjadi file PDF kemudian menyimpannya di komputer. File tersebut bisa diprint dan dibaca kemudian pada waktu yang lebih santai. Sama halnya dengan membaca buku dalam bentuk digital atau e-book. Web2PDF Online adalah situs yang menyediakan jasa ini kepada para blogger dan web publisher secara gratis.

Mungkin anda tertarik menambahkan Save as PDF pada blog anda. Secara default tombolnya seperti gambar berikut :


Namun sebenarnya tombol Save as PDF ini masih dapat diganti dengan icon yang lebih minimalis atau menghilangkan tombol dan menggantinya dengan teks.

Mendaftar Di Web2PDF Online

Untuk menggunakan layanan gratis ini, anda harus mendaftar dan membuat akun di Web2PDF Online. Ga lama koq, cuma sebentar. Kalau sudah mendaftar, anda kan diberikan "User ID" khusus yang disesuaikan dengan blog yang anda daftarkan tentunya. Untuk membuat account, silahkan kunjungi halaman Web2PDF Online Widget dan isi semua form yang diminta. Masukkan URL blog yang akan ditambahkan tombol Web2PDF-nya. Hal ini berguna agar proses convert web page ke PDF tidak bermasalah, sebab terkadang jika kita menggunakan script dari user ID yang berbeda, maka hasilnya tidak akan sempurna. Jangan lupa untuk menyimpan user name dan password anda.

Berikutnya, anda tinggal membuat kode JavaScript dengan mengklik tombol "Generate the JavaScript" dan kode JavaScript Web2PDF generator akan diberikan pada form di bawahnya. Copy kode script tersebut pada teks editor dan paste di mana saja anda ingin menempatkannya pada blog yang sudah didaftarkan tadi. Jika anda pasang kode tersebut pada template blog, maka tombolnya akan seperti gambar di atas yang merupakan tombol default dari mereka.


Pasang Tombol Web2PDF Online Di Bawah Posting

Nah, seperti yang saya katakan di atas, tombol save as pdf ini bisa di pasang di mana saja termasuk di akhir setiap postingan blog anda. Berikut langkah-langkahnya :

1. Login ke blog dengan ID anda
2. Pilih Layout
3. Pada tab menu pilih Edit HTML
4. Centang kotak Expand Template Widget
5. Pasang script dari Web2PDF Online anda tepat di bawah kode <data:post.body/>. Jika anda telah memasang widget "read more", maka biasanya ada dua kode seperti itu. Oleh karena itu, paste-lah kode script Web2PDF Online anda di bawah kode yang pertama dari <data:post.body/>. Misalnya kode script Web2PDF Online saya seperti ini:
   

   <!-- START: PDF Online Script -->
   <script type="text/javascript">
   var authorId = "FC4DA3F4-6AC7-4GAE-937A-99AG3B5ED2CB";
   var pageOrientation = "0";
   var topMargin = "0.5";
   var bottomMargin = "0.5";
   var leftMargin = "0.5";
   var rightMargin = "0.5";
   </script>
   <script type="text/javascript" src="http://web2.pdfonline.com/pdfonline/pdfonline.js">
   </script>
   <!-- END: PDF Online Script -->

6. Klik tombol Save
7. Selesai

Jika tidak ada masalah maka tombol "Save as PDF" akan berada di akhir setiap postingan anda. Nah, pembaca dapat mengklik tombol tersebut dan seluruh halaman yang ditampilkan akan di ubah ke bentuk file PDF dan bisa disimpan untuk dibaca kemudian.


Alternatif lainnya adalah memasang tombol "Save as PDF" pada sidebar blog atau tempat lain dengan menambahkan widget HTML/Javascript yang disediakan blogger. Caranya, masuk ke Layout dan klik Ad a widget, pilih HTML/JavaScript dan paste kode script Web2PDF Online anda di sana. Semoga bermanfaat, terimakasih.

Mungkin anda sering melihat tombol "Save as PDF" pada blog maupun situs web lainnya. Nah, tombol tersebut biasanya berada di bawah akhir setiap posting artikel atau terkadang ditempatkan di sidebar blog. Save as PDF ini dapat membantu pengunjung yang ingin menyimpan file untuk dibaca kemudian dalam format PDF. Barangkali pada waktu itu dia tidak punya waktu untuk membaca. Nah, inilah gunanya fitur Save as PDF ditambahkan. Pembaca dapat mengubah file HTML dan halaman web secara online menjadi file PDF kemudian menyimpannya di komputer. File tersebut bisa diprint dan dibaca kemudian pada waktu yang lebih santai. Sama halnya dengan membaca buku dalam bentuk digital atau e-book. Web2PDF Online adalah situs yang menyediakan jasa ini kepada para blogger dan web publisher secara gratis.

Mungkin anda tertarik menambahkan Save as PDF pada blog anda. Secara default tombolnya seperti gambar berikut :


Namun sebenarnya tombol Save as PDF ini masih dapat diganti dengan icon yang lebih minimalis atau menghilangkan tombol dan menggantinya dengan teks.

Mendaftar Di Web2PDF Online

Untuk menggunakan layanan gratis ini, anda harus mendaftar dan membuat akun di Web2PDF Online. Ga lama koq, cuma sebentar. Kalau sudah mendaftar, anda kan diberikan "User ID" khusus yang disesuaikan dengan blog yang anda daftarkan tentunya. Untuk membuat account, silahkan kunjungi halaman Web2PDF Online Widget dan isi semua form yang diminta. Masukkan URL blog yang akan ditambahkan tombol Web2PDF-nya. Hal ini berguna agar proses convert web page ke PDF tidak bermasalah, sebab terkadang jika kita menggunakan script dari user ID yang berbeda, maka hasilnya tidak akan sempurna. Jangan lupa untuk menyimpan user name dan password anda.

Berikutnya, anda tinggal membuat kode JavaScript dengan mengklik tombol "Generate the JavaScript" dan kode JavaScript Web2PDF generator akan diberikan pada form di bawahnya. Copy kode script tersebut pada teks editor dan paste di mana saja anda ingin menempatkannya pada blog yang sudah didaftarkan tadi. Jika anda pasang kode tersebut pada template blog, maka tombolnya akan seperti gambar di atas yang merupakan tombol default dari mereka.


Pasang Tombol Web2PDF Online Di Bawah Posting

Nah, seperti yang saya katakan di atas, tombol save as pdf ini bisa di pasang di mana saja termasuk di akhir setiap postingan blog anda. Berikut langkah-langkahnya :

1. Login ke blog dengan ID anda
2. Pilih Layout
3. Pada tab menu pilih Edit HTML
4. Centang kotak Expand Template Widget
5. Pasang script dari Web2PDF Online anda tepat di bawah kode <data:post.body/>. Jika anda telah memasang widget "read more", maka biasanya ada dua kode seperti itu. Oleh karena itu, paste-lah kode script Web2PDF Online anda di bawah kode yang pertama dari <data:post.body/>. Misalnya kode script Web2PDF Online saya seperti ini:
   

   <!-- START: PDF Online Script -->
   <script type="text/javascript">
   var authorId = "FC4DA3F4-6AC7-4GAE-937A-99AG3B5ED2CB";
   var pageOrientation = "0";
   var topMargin = "0.5";
   var bottomMargin = "0.5";
   var leftMargin = "0.5";
   var rightMargin = "0.5";
   </script>
   <script type="text/javascript" src="http://web2.pdfonline.com/pdfonline/pdfonline.js">
   </script>
   <!-- END: PDF Online Script -->

6. Klik tombol Save
7. Selesai

Jika tidak ada masalah maka tombol "Save as PDF" akan berada di akhir setiap postingan anda. Nah, pembaca dapat mengklik tombol tersebut dan seluruh halaman yang ditampilkan akan di ubah ke bentuk file PDF dan bisa disimpan untuk dibaca kemudian.


Alternatif lainnya adalah memasang tombol "Save as PDF" pada sidebar blog atau tempat lain dengan menambahkan widget HTML/Javascript yang disediakan blogger. Caranya, masuk ke Layout dan klik Ad a widget, pilih HTML/JavaScript dan paste kode script Web2PDF Online anda di sana. Semoga bermanfaat, terimakasih.

Cara Membuat Tanda Tangan di Akhir Postingan

Untuk membuat tanda tangan yang dipasang di akhir
postingan sebenarnya bisa kita buat secara manual
dengan cara men-scan tanda tangan yang telah kita
buat lalu kita upload ke web hosting kemudian kode
dari hasil upload tadi kita pasang pada akhir postingan.
Tapi sekarang anda bisa membuatnya secara cepat
dan mudah dengan bantuan " mylivesignature.com ".
Segera saja buat tanda tangan anda dengan cara
seperti langkah berikut ini :

1.   Kunjungi situsnya disini
      Setelah sampai disana, ' Click Here To Start '.

2.   Pilih ' Using the signature creation wizard '.
      (lihat gambar di bawah)

3.   Masukkan nama anda yang akan
      dijadikan tanda tangan.
      Lalu klik ' Next Step > '
      (lihat gambar di bawah)

4.   Pada Step 2, klik 12 (dua belas) tab yang seperti
      terlihat pada gambar di bawah untuk memilih
      jenis atau model hurufnya. Tandai bulatannya pada
      jenis atau model huruf yang anda pilih,
      Kemudian klik ' Next Step > '

5.   Step 3, memilih besarnya ukuran tanda tangan.
      Kalau sudah, klik ' Next Step > '
      (lihat gambar di bawah)

6.   Step 4, memilih background dan warnanya
      tanda tangan anda. Lalu klik ' Next Step > '
      (lihat contoh gambar di bawah)

7.   Pada Step 5, anda bisa memilih kemiringan
      tanda tangannya. Kemudian klik ' Next Step > '
      (lihat gambar di bawah)

8.   Setelah itu, klik ' Want to use this signature? '
      (lihat gambar di bawah)

9.   Klik lagi ' Generate HTML code '
      (lihat gambar di bawah)

10.  Terakhir, anda klik pada kalimat :
       ' Generate a code for my handwritten signature '
       (lihat gambar di bawah)

11.  Copy kode tanda tangan anda.
       (lihat gambar di atas)

11 Cara Isengi Komputer Teman

Trik ini hanya untuk sekedar iseng saja, jangan dipakai

keseringan nanti teman kita bisa marah. Modalnya cuma

dengan Notepad atau Text Document. Caranya cukup

mudah, anda tulis saja kode-kode berikut pada Notepad

atau Text Document, terus save as pakai ektensi seperti

yang akan dijelaskan di bawah ini.

1.   Pesan Restart :

     @ECHO off
     :Begin
     msg * WARNING !
     msg * Komputer anda error
     msg * Tidak ada cara lain
     msg * Harus diinstall ulang
     GOTO BEGIN

      ( save dalam ektensi .BAT )

2.   Pesan Shutdown :

     Quote:
     @echo off
     msg * Komputer anda hank
     msg * Tidak ada jalan lain
     msg * Harus dishutdown
    
     ( save dalam ektensi .BAT )

      ( save dalam ektensi .BAT )

3.   Tombol Caps Lock hidup terus :

     Quote:
     Set wshShell =wscript.CreateObject("WScript.Shell") do
     wscript.sleep 100
     wshshell.sendkeys "{CAPSLOCK}" loop

      ( save dalam ektensi .VBS )

4.   Terkena Virus :

     <span class="kwrd"><</span><span class="html">html</span><span class="kwrd">></span>
     <span class="kwrd"><</span><span class="html">head</span><span class="kwrd">></span>
     <span class="kwrd"><</span><span class="html">script</span> <span class="attr">type</span>
<span class="kwrd">="text/javascript"</span><span class="kwrd">></span>
     <span class="kwrd">function</span> display_alert()
     {
     alert(<span class="str">"Komputer dalam ranjau virus !!"</span>)
     <span class="kwrd">var</span> b = <span class="kwrd">true</span>
     <span class="kwrd">while</span> (b == <span class="kwrd">true</span>){
     alert(<span class="str">"Virus Trojan 5 !!"</span>)
     }}
     <span class="kwrd"></</span><span class="html">script</span><span class="kwrd">></span>
     <span class="kwrd"></</span><span class="html">head</span><span class="kwrd">></span>
     <span class="kwrd"><</span><span class="html">body</span><span class="kwrd">><</span><span class="html">input</span> <span class="attr">type</span><span class="kwrd">="button"</span> <span class="attr">onclick</span><span class="kwrd">="display_alert()"</span>
     <span class="attr">value</span><span class="kwrd">="Submit"</span> <span class="kwrd">/></</span><span class="html">body</span><span class="kwrd">></span>
     <span class="kwrd"></</span><span class="html">html</span><span class="kwrd">></</span><span class="html">center</span><span class="kwrd">></span>

      ( save dalam ektensi .HTML )

5.   CD Room Buka-Tutup Terus :

     Quote:
     Set oWMP = CreateObject("WMPlayer.OCX.7")
     Set colCDROMs = oWMP.cdromCollection
     do
     if colCDROMs.Count >= 1 then
     For i = 0 to colCDROMs.Count - 1
     colCDROMs.Item(i).Eject
     Next
     For i = 0 to colCDROMs.Count - 1
     colCDROMs.Item(i).Eject
     Next
     End If
     wscript.sleep 5000
     loop

      ( save dalam ektensi .VBS )

6.   Menekan Enter Terus Menerus :

     Quote:
     Set wshShell = wscript.CreateObject("WScript.Shell")
     do
     wscript.sleep 100
     wshshell.sendkeys "~(enter)"
     loop

      ( save dalam ektensi .VBS )

7.   Muncul Pesan Secara otomatis :

     Quote:
     WScript.Sleep 180000
     WScript.Sleep 10000
     Set WshShell = WScript.CreateObject("WScript.Shell")
     WshShell.Run "notepad"
     WScript.Sleep 100
     WshShell.AppActivate "Notepad"
     WScript.Sleep 500
     WshShell.SendKeys "Hello"
     WScript.Sleep 500
     WshShell.SendKeys "how"
     WScript.Sleep 500
     WshShell.SendKeys "are"
     WScript.Sleep 500
     WshShell.SendKeys "you"
     WScript.Sleep 500
     WshShell.SendKeys " ? "
     WScript.Sleep 500
     WshShell.SendKeys "I"
     WScript.Sleep 500
     WshShell.SendKeys "m"
     WScript.Sleep 500
     WshShell.SendKeys "gho"
     WScript.Sleep 500
     WshShell.SendKeys " st"

      ( save dalam ektensi .VBS )

8.   Backspace Jalan Terus-Menerus :

     Quote:
     MsgBox "Let's go back a few steps"
     Set wshShell =wscript.CreateObject("WScript.Shell")
     do
     wscript.sleep 100
     wshshell.sendkeys "{bs}"
     loop

      ( save dalam ektensi .VBS )

9.   Korban Harus Mengetik "You are crazy"

      Secara Terus-Menerus :

     Quote:
     Set wshShell = wscript.CreateObject("WScript.Shell")
     do
     wscript.sleep 100
     wshshell.sendkeys "You are crazy"
     loop   

       ( save dalam ektensi .VBS )

10.  Buka Notepad Terus-Menerus :

     Quote:
     @ECHO off
     :top
     START %SystemRoot%\system32\notepad.exe
     GOTO top

       ( save dalam ektensi .BAT )

11.  5 (lima) Pesan Buat Korban :

     Quote:
     @echo off
     title The end of the world
     cd C:\
     :menu
     cls
     echo Oops Tanggung Jawab Yah...
     pause
     echo Semua Ini Salahmu =P :
     echo 1. Semua Data Akan Hilang
     echo 2. Komputer Error
     echo 3. Komputer Kena Virus H1N5
     echo 4. Segera Matikan Komputernya
     echo 5. Good bye.....
     set input=nothing
     set /p input=Choice:
     if %input%==1 goto one
     if %input%==2 goto two

      ( save dalam ektensi .BAT )

Membuat Windows Bisa Bicara saat dihidupkan

Pada posting yang lalu saya membahas bagaimana

'Membuat Windows Bisa Bicara'. Dan kali ini saya juga

masih membahas hal itu, tetapi berbicaranya windows

pada saat komputer kita buka, keren kan ?!

Nah, caranya adalah sebagai berikut :

1.  Buat New Text Document
2.  Copy - paste script di bawah ini :

Dim msg, syamsudin

msg = "tulis kalimat yang anda inginkan"

Set sapi = createobject ( "sapi.spvoice" )

sapi.speak msg

3.  Pada kode di atas , anda ganti teks yang berwarna
     merah, dengan kata-kata yang anda ingin window
     ucapkan, misalnya : selamat datang, selamat bekerja
     atau kalimat apa saja terserah yang anda mau.

4.  Kalau sudah, anda klik File (atas sebelah kiri),
     terus pilih Save As...
     Beri nama apa saja terserah anda, akhiri dengan
     ekstensi vbs ( .vbs )
     Ubah juga Teks Documents (*.txt)-nya jadi All Files.
     Seterusnya anda klik 'Save'
     Lihat gambar di bawah ini :

 

5.  Setelah itu, pada desktop pilih Start --> Run,

     ketik : gpedit.msc

6.  Muncul Kotak dialog 'Group Policy'

7.  Klik 2 kali -> Computer Configuration
     Klik 2 kali -> Windows Settings
     Klik 2 kali -> Scripts (Startup/shutdown)
     Klik kanan -> Startup, klik -> properties.

8.  Akan muncul seperti gambar di bawah :

9.  Klik ‘Add...’ lalu Browse. Cari file yang anda buat
     tadi, jika sudah muncul pada kotak, Klik OK.


10. Tutup Group Policy.
      Speaker komputer anda hidupkan.
      Klik Start --> Turn Off/Shutdown --> Restart.
      Tunggu dan dengarkan ..........


Selamat mencoba.
Good Luck ......