Senin, 31 Oktober 2011

The Greatest CSS3 Button

Melengkapi postingan sebelumnya mengenai make button full style with CSS3. Dimana kita hanya memakai CSS guna mendapatkan logo-logo dirangkai dengan Hexadecimal Entities.
Sekarang ada yang terbaru dengan teknik pemakaian CSS fonts dengan aturan penulisan yg berlaku. Silahkan sobat satroni alamat ini guna mendapatkan segala keperluannya Web Symbols typeface. Yang repotnya bagaimana kita mencari hostingan yg mendukung format .eot, .woff, .ttf and .svg :D Any good suggest?
Web berikutnya juga menawarkan hal serupa gimana menampilkan tombol dengan CSS3 memakai CSS Zocial CSS3 Buttons.

Jika saja trik penulisan seperti diatas bisa diterapkan kedalam blog, mungkin akan bisa mengurangi pemakaian image ;)
Yang berikut malah lebih canggih lagi ada penyertaan efek animate segala Animate.css

Examples from Just Be Nice Studio:

v f l t B
e
w
O
c 2 comments
( 1 / 8 )

S
S


hij
P 16:50
/
R R R R R
 
Semoga bermanfaat :)

Minggu, 30 Oktober 2011

Ipsum Ipsum Bahasa Aneh II

Bahasa aneh dengan kata² merangkai menjadi kalimat itu ternyata mempunyai arti juga loh. Yes bahasa lorem ipsum bahasa aneh! yang kebanyakan digunakan untuk mengisi/membuat halaman penuh terisi dengan rangkaian kalimat.
Kita tinggal mengetik beberapa kata saja, lalu bisa keluar panjang sekali dengan menggunakan tools lorem ipsum online tersebut :D Contoh Koben hanya membuat 1 paragraph generate

Lorem ipsum vix id kasd adhuc dignissim, eum ad dico audire mediocritatem, te iisque tritani efficiendi has. Ne quo justo docendi. Cum ea quando placerat, eirmod latine erroribus mei ei, quo mazim appetere et. Munere aliquid vis ea. Te congue ullamcorper per. Dicat dolores eu duo. Quas labitur volumus te duo, at per sonet detraxit evertitur. No nonumy percipit voluptatum vel, alii erant mediocritatem sed at. Brute aeque deseruisse mei ex, invidunt constituto usu te, sea te delectus urbanitas interpretaris. Eu ullum ubique eum, id aliquid mediocrem quo. Nam ne eius debitis. Vis porro labitur laboramus an. Utamur electram voluptatum qui cu, nobis efficiendi eloquentiam in quo, scripta euripidis in est. At viris imperdiet vix. Justo assueverit reprehendunt has in, nostrud legendos appellantur eam ea. Eos ex erat errem utinam, eos epicuri philosophia ut, ad eam ubique labore. Eos nibh laboramus ei, ei sumo fugit pro, ut dicat impetus partiendo vim. Ei magna velit eripuit duo, tamquam feugiat molestiae quo an, mea primis putant persequeris et. Nec te utinam adipiscing. His te illum posse. Ne mel detracto splendide referrentur. Ea mel everti concludaturque, ne nam alia reque. Vim apeirian iracundia ea, ea solum oratio oporteat duo, scaevola mandamus eu vel. Consul verear usu eu. Sit duis percipit ne. Per autem constituam id. In has melius virtute, sea probatus assentior id. Electram assueverit dissentiet eu pro. Ut sanctus dolorum vel. Ex cibo deserunt vim, utinam laudem vel id. Vim nostrum signiferumque ei, ad duo aliquip oporteat splendide. Mel verear legendos no. Nec posse animal incorrupte an, no denique molestie expetendis vis. Nonummy habemus maluisset ex cum. Voluptatibus reprehendunt te eam, pri ne commodo suavitate. Simul inermis dolorem est et. Natum scaevola est et, at eos mollis vidisse convenire. Eum modus zzril consulatu ut. Eum graeci senserit theophrastus an, aeterno lucilius posidonium eos no. Et vix assum sententiae constituam, eius erat ad mel. Natum takimata mei id, ne per nusquam epicurei. Eu mel nisl summo ceteros, cu eos veri impedit percipit, pri ut tantas aliquyam. Ex per legere audiam, nostro commodo delicata eum ei. Duo ne accumsan noluisse electram, erat lobortis est ea. Nihil diceret ne qui, an eirmod fierent invidunt his, luptatum argumentum ne mel. Sed tamquam evertitur moderatius ei, vel te postea integre persequeris. Qui ei tota alienum insolens. Dolor utinam disputando vel ut. Et discere hendrerit nam, dicunt aliquam in cum. Fastidii apeirian torquatos pri et, usu fastidii dissentiunt ut. Suas persecuti has et, mei et ullum nostro assentior. Autem nemore quodsi ne sea, illum molestiae dignissim cu usu. Mea offendit placerat in, vim eros imperdiet adversarium ex. Eum malis errem exerci ne, vel adhuc viris ignota ea, cu vitae altera pro. Ornatus impedit singulis an quo. Eu inani fuisset instructior eum, cum ei vero repudiare. Nec everti indoctum principes in, cu amet apeirian gloriatur nam. Per eu affert veniam, ex eos simul aliquid debitis. Ea vim feugait scribentur. Ad eum maiorum perpetua, minim tation constituto per ne. An electram adipiscing per, nisl ceteros assueverit eum et. Mea molestie consectetuer te, nam ex ornatus fastidii maluisset, debet iisque eu sea. At nec dolorem mediocritatem. Has amet nostro ne, at primis vocent nusquam vim. In mei impetus efficiantur, ius decore mucius virtute in. Te novum admodum vivendum qui. Ferri iusto reformidans ut sed, dicant dignissim interpretaris nam an. Labores sententiae ne has, harum eleifend comprehensam ius et. Ius ex summo disputationi, sit diam porro salutandi an, vel consul eloquentiam at. Omnium mnesarchum efficiendi ius at. In facilis probatus nominati usu, ad sea munere expetenda forensibus. Quo no mazim repudiandae, sea ad facer putant consequat. Est equidem invidunt consequat te, te vix legimus delicata efficiantur, eu postea prodesset comprehensam per. Nonumy maiorum cu mea, nam autem verterem cu, partem civibus ius cu. Mea soluta timeam et, quo ut sonet feugait. Erroribus neglegentur id eos, has vidit inciderint eu. Ut consul vocent expetendis eos. Mutat consequat torquatos vel an. Cu quod elaboraret mei, in possit vocibus cotidieque ius. Cum in oblique equidem, usu te movet mandamus. Est cu atqui mentitum interpretaris, eu quodsi ocurreret expetendis eam. Habemus democritum eum at. At labitur tincidunt duo, sit vidisse fastidii id. Laoreet expetendis per at, usu quot malis persequeris no. Solum virtute antiopam cum id, te pri unum doctus constituam. Dicat aperiam democritum eum te. Facer recusabo ne vix, ea veniam aliquid sea. Fuisset omnesque no mel, et vis consul accommodare. Commodo minimum commune et mel. Appetere eleifend no vel, alii vitae at vis. Dicit tempor ad sea, qui ornatus albucius salutandi an, ne tollit vivendum facilisi eum. Nam gloriatur abhorreant cu. Elitr propriae at sit. Vix atqui augue consequat an, eam agam sapientem abhorreant ei. Cum alii vide idque id, mea doming everti ad, quot prompta signiferumque sea eu. In mel volumus deleniti. Te tota semper docendi eam. Stet dicam viderer cum ut. Explicari disputando conclusionemque per in. Pri animal ocurreret cu, mei ipsum aliquam epicuri no. Malorum senserit philosophia ut mea, puto quando dolorem eum ea, et utinam epicuri pri. Ea sea appareat voluptatum accommodare, eos utamur viderer similique ut. Iudicabit torquatos eam id, postea euripidis ex duo, elit assum liberavisse duo ad. Sit dolorem admodum atomorum ex, mutat postea consulatu mel no. Liber nullam qualisque ei eum, ut mei lorem hendrerit. Ne agam vocent electram sea, inani erant intellegebat quo in, et consul meliore consetetur sea. Ex ius quot illud nominavi, ius in dico diceret necessitatibus. Et dicant doming cotidieque vel, reprimique scripserit reformidans in sea. Vero partem tractatos te eam, eam an noluisse aliquando tincidunt. Alii evertitur ad eam, sea probo justo accusata ea. Ea alterum signiferumque mea, cibo deserunt disputationi nec ea. Pri no perpetua prodesset dissentiunt, cum no tempor deseruisse consectetuer. Id graeco accusamus assentior sed. Duo ne saepe vitae officiis, an reque labores indoctum eam. Ne duo paulo disputationi. Vis at nusquam vituperata deterruisset, zzril omnes scriptorem id vix. Vel movet corrumpit dissentiet id, sea hinc scaevola ad. No quo ullum accommodare, sit modo aeque intellegam cu. Ea mei recusabo invenire patrioque. Quem epicurei nam ad, an liber debet albucius his. Suas putant expetenda sea at, sea an menandri scribentur. In paulo viris omittantur sed, his suas ancillae at, habemus sensibus eu vel. Vel vide consectetuer at, veri viris appellantur an mel. Takimata praesent disputationi ut vis, cum ex torquatos interesset. Quo affert mnesarchum te, ex novum commodo senserit vis, nec utinam oblique cu. Eum te sensibus recteque, mea ad eirmod latine, et reque regione quaestio pri. Et diam accumsan intellegebat vix, et mel utamur quaeque consequuntur. Alia elaboraret ea est, ei vis quidam essent. Aliquid invenire interpretaris vel te. Eum te porro invidunt adolescens. Id molestie facilisi pro. Est te electram omittantur, ne convenire persecuti pri. Cu vix zzril commune argumentum, tollit molestiae conceptam eos ei. Dico possim hendrerit quo ex. Mel ut rebum aliquando definitiones, ex etiam dolores mea. Causae integre voluptatum et cum. Vidit viderer diceret id per, audire interesset an cum. An brute elaboraret vim. Pro alia debet praesent at, eu magna zzril vivendo vim, latine commodo forensibus no eam. Soleat option tamquam at his, nec summo liber affert cu, ut eum puto sapientem. Quem aliquam eam id, tota abhorreant sit te. Ei ipsum alterum admodum sit, has ornatus apeirian an. Wisi constituam sea no, te adhuc essent interesset his, apeirian pericula contentiones vel ad. Te eam eros inani indoctum, nam malis prodesset id. Eu puto detraxit dissentiunt nec, ad porro viderer eloquentiam nec. Facete incorrupte in ius, recusabo gloriatur pro ex. Cum te natum idque ocurreret. Eu has prima facilisi, ferri dicunt ei vis. Malis ubique tamquam eos te. Eu ius ferri utinam, scribentur consequuntur te pro. Ut menandri corrumpit assentior qui, ubique iudicabit interesset et eum, te scaevola convenire his. Duis concludaturque sea an. Vis id munere doctus dissentiunt, pri ne viderer consequuntur. In alienum detraxit pro. Est soluta debitis officiis eu, ne vim natum adhuc, sed id erroribus inciderint. Et evertitur assueverit scripserit cum, ei eos cibo mundi debitis. Et idque verear nonummy sea, ad dicta vocent his. Eam ne everti adolescens, imperdiet sententiae vis id, kasd quodsi ne eos. Utinam iisque virtute ex vix, ea delenit legimus instructior eos. Et mazim tempor pertinax mea, at essent conclusionemque vix, iisque luptatum eum eu. Sententiae ullamcorper cu sit, in eum munere disputationi, ex tamquam voluptatum eos. Pro cu autem ponderum erroribus, vim novum omnium at, cu vel utinam apeirian adversarium. Ut sea odio harum animal, ei dicat singulis duo, repudiare dissentias sea eu. Ei movet consul iracundia mel. Graeci indoctum principes cu duo. Liber debet corrumpit nam cu. Kasd dolor ex eum. Id sea dolor quaeque veritus. Duo ad dicunt tamquam ocurreret. Mel iriure aeterno efficiendi ad, malorum scribentur accommodare id sit. Sapientem quaerendum mediocritatem cu eum. Et omnesque menandri inimicus eos. Sea te utamur aperiam temporibus, cu ullum docendi forensibus pro. Est legere dicunt eloquentiam ex, ei clita percipit explicari usu. Pro tollit laboramus contentiones ex, duo in tractatos euripidis. Ius et choro singulis periculis, ei dolorem albucius sed. Ad nec novum persequeris. His sonet latine ei. Mei in nobis noluisse, ius harum accumsan detraxit ad. An tantas homero efficiantur cum, in quo tempor virtute. Id postea dignissim usu. Vero movet dolorem eum in. Et vim aeque assentior, cu tempor timeam expetendis pro. Id apeirian deseruisse eloquentiam eos, audire persius aliquando per ne, pro probatus accusata accusamus et. Ea eos mandamus oportere, mel ei velit eruditi persecuti. No harum ludus saepe vel. Ut eum dolores sapientem. Usu ut nemore facilisi iudicabit, nec autem assentior in. Ridens antiopam intellegam nam id, velit inimicus intellegat id eos. Graeci malorum democritum ei eam. Tale verear nam ei. Ea tempor inermis oporteat nec, diceret definitiones vel eu. Vis ut malis tantas, in eos vocibus referrentur. Quando nonumy laudem ut vel. Zzril tractatos at qui, ad fugit perpetua nam. Ne regione prodesset pro. Dolore graeci quaerendum ad nam, nihil persecuti usu ne. Mediocrem consequuntur vix ad. Eam id nibh electram eloquentiam, vis choro adversarium no. Omnes doming ocurreret vis ad. Explicari repudiandae vix at. Mea et nibh debet abhorreant, nisl tempor definitiones eu vel, cum soleat voluptatibus id. Ad nemore maluisset cum, in electram gloriatur reprehendunt sed. Est tamquam integre accusata ei, vel ei feugiat saperet deserunt, nec ad wisi tantas. In invenire temporibus cum, sea scripta similique id. Pri possim nominavi definiebas id, ex brute doming his. Te legimus inciderint eam, et eam suas altera expetendis, cu duo sale ancillae delicata. Cum iusto epicurei cu. Rationibus intellegam disputationi vis ad. Sed ad nisl discere, eum tempor prodesset eu. Nullam impetus epicurei ei ius, ius ei nihil tation probatus. An vitae cetero est, te cum quem scaevola eleifend, ullum veritus id eam. Est dictas euismod ancillae ex, oratio efficiendi ius ne. Vel eripuit abhorreant in, has tollit cotidieque cu, an eum nostro deleniti omittantur. Ne vim erant periculis sententiae, has malis option maluisset at. Iudico numquam suavitate pro id, puto facilis sensibus eum in. Ne duo falli incorrupte. Pri meliore forensibus et, tritani voluptatum cu sit. Veri eligendi partiendo ad has, has essent veritus eu. At cum augue molestiae. Eos dicta nihil equidem ne, ut mollis rationibus sea. Cu erat exerci ornatus eam, cu pro impedit rationibus mnesarchum. Ex invidunt partiendo sed, te eros adipisci per, saperet detracto apeirian sit ea. Semper vidisse eu cum. Velit putent te pri, wisi detracto ea sit, at tibique invenire sed. Perfecto principes liberavisse eu usu. Eu his virtute numquam rationibus, cu tempor maiestatis deterruisset pri, vim iuvaret nusquam et. Ex possim euripidis has, mei facer possim id, vix omnes essent oportere no. Sea nostro debitis delectus ut, te elaboraret efficiantur eam. Sadipscing voluptatibus ex est. Mel modus omnesque adipisci ad, ad tincidunt definiebas intellegebat vel, possim saperet aliquyam no mel. Te nec aeque deserunt, illum graecis vix ea, est laudem iriure regione ut. Aliquip necessitatibus an eos, essent tractatos dissentiet eam ea, latine aeterno gubergren sit in. His ad similique complectitur reprehendunt, sed an ponderum aliquando. Animal commodo discere ius eu, dicam assentior contentiones ad eum. Debet ancillae qualisque ne mel, et fastidii eloquentiam accommodare vis, illum novum saperet his at. Eum paulo atomorum pertinacia ne. Eros tation intellegat ad duo. Zzril facilisi nec ut, at impedit epicuri qualisque mea, est at commodo numquam petentium. Iriure tractatos elaboraret ut ius, ne iusto ponderum vel. Ne pro nisl melius constituam, mel quot dolorem no. Pri ad noluisse scripserit, an usu definiebas posidonium, quo utroque omittam torquatos et. Malorum mediocrem eos te. Iudico nostrum maiestatis est ei, sea in unum deseruisse interesset. Ei eum harum viderer rationibus. Nec modo dolore in, saperet habemus te vel. Ad mei mutat inani, pro homero vivendum te, ius ludus nusquam singulis id. Ea sed vidit nemore dissentias, te sea autem mediocritatem. Id cum utroque adolescens interpretaris, ne homero delenit accusata vix. Ne mei porro voluptatibus, ea has vivendum detraxit. Munere facilisis ne est, sed virtute legimus no, mei labitur albucius ut. Ad puto vidit sed, alii possit percipit pro an. Ea ius quod errem. Eam no populo instructior, ad alii persius delicatissimi pri. Vim legere deserunt ut, ad pro puto facete contentiones. Cu ipsum rationibus pro, postea vocent option qui eu. Ex mei quas dicant eruditi, ad dolore assentior vim, doctus salutandi at sea. Qui falli movet melius an, usu nibh vidisse dolores no. Ea liber movet legimus sea. Omnis aperiam tibique vel ei, per dicit inimicus eu, te iuvaret noluisse mei. Ei ius appareat temporibus, clita eirmod cu mel, duo nullam mandamus eu. Impedit temporibus nec te, at per delicata definitionem. Tota fierent an pro. Ad tempor sanctus vel, usu ne elitr appetere. His civibus persecuti ne, te detracto dissentias nam. Disputando eloquentiam an pri. His no mazim nonummy insolens, et eum quem accusam. Te antiopam splendide nec, vero ornatus et usu. Unum magna accusata ei sed, no aliquip lucilius duo. Congue tempor sed ne, habeo menandri iudicabit no est. Per in ignota legendos delicata. Inani adolescens reprimique per ut, id qui melius principes. No doming theophrastus sed, at magna saepe utroque vel. An sanctus nonummy vix, has id idque aeterno albucius, fugit populo quo id. Nec an liber ornatus vituperatoribus, ut prima porro dicit vis, eam te quidam interesset. Et mei tincidunt constituto, dicit saperet intellegat pri ex. Te vix tollit semper dolorum, ei adipisci lobortis quo. Per at enim idque dicam. Cu omnis omnes albucius cum, sit voluptatibus vituperatoribus id, vis no quod primis expetenda. Est id primis suscipit, sit modo lorem nominavi cu. Dissentiet disputationi te eos, officiis euripidis neglegentur sea an. Eu has quas moderatius necessitatibus, in eam stet posse integre, vis ex dolores delectus. In eos mollis omnium invidunt, agam dolorem molestiae at his. Sed cu augue euismod, aliquyam senserit voluptatum pro ex. Impedit facilisi ex nec. Nam id vide libris temporibus, ex puto veri mea. Meis nostro pri an, cum errem oporteat takimata cu. No mea omnis vitae. Eu suas tractatos vel, errem officiis deserunt vim in, te est temporibus definitionem. In has tibique oportere electram, ut tation takimata sapientem sit, in adhuc placerat honestatis sea. Cum et unum democritum neglegentur. Eu saperet reformidans mel, ea everti persequeris eum. Persius definitionem ex mel, pri liber dolores no, prima ipsum honestatis ut sea. Eu mel modus quidam aliquando, eos viris deleniti accommodare no. Est ne fugit adipiscing, movet ridens iisque an mei, sit probo appellantur necessitatibus ne. Eum petentium vulputate reformidans eu, ne detracto delicata dissentiet sea. At discere reprehendunt quo. Te mea vide putent takimata, vix facilis consulatu et. Iusto qualisque sit an, omnis epicuri epicurei eos no. Soluta postea sententiae an sit. Natum illud ius ei. Id vidisse oporteat detraxit ius. Ea has possit intellegam sadipscing. Et nostro malorum complectitur his, et utinam maluisset repudiandae per. Ne elitr quaeque docendi sed, sint patrioque conclusionemque cu qui. Eum quem intellegam appellantur ei. At ius sonet eripuit, vitae soluta ea qui. In vix oporteat salutatus assueverit, no iusto suscipit signiferumque nam, et duo semper offendit voluptatum. Legere vivendum accusamus eos ei, habeo numquam antiopam ea ius. Ex velit adolescens vim, sed duis insolens te, vel ea aliquip voluptaria. Est te discere vituperata comprehensam, cu aliquid denique philosophia vim, vis ea tota fabulas. Ea usu veri erat. Ea quo wisi accusata erroribus. Ius suas soluta ne, mutat moderatius pro cu. Pro an feugait vituperatoribus, omnis intellegebat pri at, hinc latine pertinax pri id. Porro facete delenit sea ad. An ullum repudiare qui. Usu aeque labitur eu. Cu eam natum fabellas perfecto. Ius convenire adversarium ea, debitis explicari salutatus ne pri. Ne libris mediocrem vel, ei nam ferri adipisci, ex mel meliore eleifend. Eu eos velit consul accumsan, an repudiare patrioque qui, enim oblique necessitatibus duo ad. No alia ipsum delicata pri, te eam libris volumus mediocrem, assum salutandi vituperatoribus est at. Ne saepe menandri sea. Nulla incorrupte instructior pro cu, meis scriptorem ea pro, mei et everti placerat. Eam omittam interesset liberavisse ad. Usu viris sensibus persequeris ex, usu ad paulo phaedrum. Usu ne movet scaevola disputando, his facete dictas debitis no. Per nullam verterem et, ludus iisque sit id. Ne vix eros nulla, his in zzril disputando. Nec legimus urbanitas ei. Ei has tibique incorrupte honestatis, ei veritus adolescens definitionem ius. Rebum semper et eum, zzril efficiendi eu nec. At dicant integre electram est, cu his vocibus oportere suavitate, his quot illum nihil no. Ea per munere fastidii, has rebum verear cu. Te est odio graecis adversarium, pro adhuc doming ei. Affert scripserit ei vix, cu eam unum legimus democritum. Gubergren adipiscing duo ne, vim cetero denique appellantur ex. Atomorum electram liberavisse no mei. Id fabellas partiendo adversarium nec. Ex aeque malorum feugait has, mel doming causae cu, his at erant scripta. Usu mucius offendit phaedrum id, ut noluisse singulis takimata mei. Ad expetendis scribentur quo. Ex pri vivendo tincidunt percipitur, erat omnis prompta ut eos. Vix alterum accumsan democritum ea, est everti deseruisse in. Sea et audire docendi accusam. No pro exerci accusata, sea facer persecuti mnesarchum in. Possit graecis ex nec. Aliquando quaerendum sed te, cu mel homero salutatus imperdiet, sed ex diam timeam. Animal inermis salutandi eum ei, illud solet aperiri ei ius, illud euismod necessitatibus duo ne. Animal accusata theophrastus eos ut, cum choro luptatum eloquentiam an, eos sumo malorum prompta ex. Vel aperiam malorum recusabo no, vim ei probatus eleifend, odio falli sit et. Mea eu causae fabulas percipitur, cum id velit impetus iudicabit. Nonumy tincidunt referrentur in pri, eos suas feugait minimum in. Te oblique epicuri voluptatum eam, vis id sententiae liberavisse. Vidit consetetur et mea, illum postulant nec eu, pro congue vidisse voluptatibus ei. Duo sanctus urbanitas neglegentur ut, vis in altera nominavi, sit legere nostro fastidii in. Vidisse propriae voluptua at duo, impedit appareat assentior an vim. Brute ipsum ubique cum an. Dico patrioque referrentur no mel. Dicta dicunt aperiam ius in, alia consul cum ex, eu duis veritus salutandi nam. Erant theophrastus mei ad, numquam invidunt intellegebat in nec, sed an graecis sadipscing. Nostro inimicus ius cu, sumo denique facilisis vel an. Iusto meliore adversarium ius et, cum at utroque atomorum incorrupte. Pro paulo tollit aliquip ad, vix eu commodo noluisse, cu bonorum perfecto adipisci qui. No vel possit appareat, ea utinam accusata constituam pro. No eam alienum scaevola vituperatoribus, ex velit mnesarchum comprehensam vis. Ut usu dicta nusquam mentitum. Eu mundi putant luptatum qui, vim ne augue facete signiferumque. Te eam invenire honestatis, clita necessitatibus at pri. Usu ad putant accommodare, aliquando scribentur te mel, ius no percipitur disputando omittantur. Mandamus referrentur cu quo, falli harum impedit pri id, perfecto hendrerit qui an. Ut ius impetus discere placerat, id mei dicant facilisi, cum an noster eloquentiam. Et nec lorem malis omnesque, iisque patrioque repudiandae ius te, est te voluptatum constituam. Laudem propriae ut sit, ius sint corrumpit id. Pro id esse quodsi partiendo, et usu choro luptatum philosophia. His eu melius reprehendunt. Ei facer munere commune vix. Quo volumus conclusionemque eu, ne suas meis magna nam. Vel et officiis accommodare, te justo aliquando sed. Qui debitis scribentur at, eu pro magna alienum, duo et harum labore hendrerit. Oratio sententiae vis in. Eu mel abhorreant suscipiantur, te nec malorum eruditi. Ad aeque quando duo, indoctum voluptaria his eu. Te mei brute ornatus, sit at quodsi molestie prodesset, ne aeque persius argumentum usu. Ex causae necessitatibus mea, commune eleifend ea has. Nostrud mediocrem sed et. Vim aeque nonumy in, nec facilis mandamus iracundia ut. Natum ceteros omnesque has te, quo ut latine nominavi probatus. No nostrud forensibus his, ne mei porro urbanitas. Nulla facilisis per at, sensibus definitionem mel eu. Habeo petentium incorrupte in cum. Interesset suscipiantur usu et. Illud veniam eu qui. Ei eos omnis inimicus eloquentiam, vide vivendo argumentum eu vel, omnis altera id vis. Has te quando quidam, id perfecto tincidunt usu. Id wisi verear albucius eam, et nec pertinax torquatos, at enim docendi per. Laoreet adipiscing id ius, vis stet maiorum eu, in mel dolor oblique apeirian. Te duis inimicus ius. Vim dicit soleat appareat ex. Affert debitis sed an, has eu sonet percipit delicatissimi, ut primis moderatius eos. Constituto efficiantur ad sit. Bonorum aliquyam an duo. Simul placerat petentium mei an, sit tollit invidunt te. Ius eu laoreet elaboraret, virtute euismod nam ne. Mei eius sonet labore ad, clita possim voluptaria ut eam. Facilis eligendi copiosae no mea, ad mel nullam albucius percipit. Cum at modus labitur concludaturque. Cetero suscipit democritum et vim, quo ea novum epicuri. Ne mei mediocrem forensibus, sea te possit aliquando. Feugiat moderatius in per. Vix et euripidis argumentum definitionem, malis ullum sapientem te eum, quo diam euripidis delicatissimi eu. Voluptua scaevola conceptam ius ea, cu duis error pro. Qui ne mediocrem hendrerit, feugait singulis ullamcorper vim no. Pri ne tibique luptatum, deleniti liberavisse cu has. Labore doctus ut vix, eius volutpat in pro. His dolore utroque eu. Puto impedit vocibus ex vis, cum propriae iudicabit id. Ei sed illud singulis, ipsum singulis atomorum ne cum. Duo dolorem takimata in. Ex veritus insolens nam, vocibus adipisci accommodare ad his. At semper albucius omnesque sed, pro id nemore mediocrem. Cetero commodo blandit sea in. An denique repudiare quo, veri disputationi an vis, malis solet aliquam qui id. Atqui ceteros fierent sea at, id putant expetendis nec, usu ne oratio legendos. Ut nam erat quas, at qui nobis nullam. Labore sensibus in pri, ad sed odio vocibus contentiones. Exerci eruditi at pri, mel quando inermis ea, ex nam saepe libris minimum. His illum simul assueverit ad, has et nisl omnis deseruisse, te modo noster maiestatis mei. Vero wisi ne ius, cu sed laudem definiebas scriptorem. Sea no incorrupte efficiendi, his lobortis delicatissimi et, sea no nulla legere commune. Et oporteat necessitatibus eam, wisi erant nam id. Ei iusto tantas splendide mea. Ex pri tation aliquando, sit ut platonem postulant. Ex mel dignissim persequeris. Eu pri brute minim voluptatibus, in regione tritani pro, fabellas consequat sit ad. Delenit perfecto consequat quo ut. Ne quaestio definiebas eos, no pro cetero iuvaret postulant. Est reque nullam probatus at. Ex eirmod quaeque civibus mea, duo ea fabellas forensibus interesset. Ad civibus legendos mel. Alii audiam corpora est ei, illum patrioque et vel. Ei mel vitae perfecto invenire. Commune adipisci an eos, vim novum populo ea, in pri iuvaret voluptua indoctum. Vivendum sensibus et sea, vis ut amet wisi verterem. Takimata percipitur ad vis. Duo adhuc possit facilisi te, ius et legere vocibus prodesset. Vim labore commodo ad, mea ea ubique altera viderer, te sit lucilius sapientem. Eu zzril audire quo, vim ex labore mediocrem, essent placerat at nam. Has ex facer accusata incorrupte, summo dolor ius cu. Veri euismod ut duo, mel fastidii sadipscing no. Vero viderer usu id. Usu utamur definiebas omittantur et, pro augue nominavi ad, per cu solum insolens sadipscing. Sumo justo malis an sit, noster eirmod sadipscing ne eum. Vis veniam labore quaerendum cu, alii dolorem detracto in ius, et sint elit persecuti vim. At quo legendos suavitate. Quidam omnesque assentior vel te, te novum takimata usu. Id vidit ridens prodesset nam, in reque justo cum. Ea possim tritani appetere per. Ad bonorum salutatus ius. Explicari dissentiunt eam cu. Id invenire hendrerit efficiendi vis, quo id idque causae intellegebat. Eos cu quod ubique constituam. Per te sanctus mentitum, his recteque mediocritatem cu. Ignota copiosae at per, sed cu elitr animal, nihil debitis minimum ne cum. Eam veri iusto cotidieque id. Simul quando patrioque id per, etiam cetero no mea, luptatum conceptam ne duo. Eos similique vituperatoribus id, an commune prodesset sea. At nec feugiat admodum, mel at quis ubique. Ei eos error intellegam, persius admodum consulatu ut per. Nam id dolores neglegentur, ad sonet expetendis vix. Ne has mundi nobis. Est odio tale exerci ut, puto posse diceret ad has. Ferri ancillae scribentur eam ut, est te cibo primis liberavisse. Vix cibo ridens malorum no, quidam melius nostrum ex pri. Pri phaedrum consetetur vituperata te, id pri alii mucius scripta. Utinam constituto eum ei, in graecis consulatu has, his esse repudiandae ea. Et odio homero sit. Nam graeci molestie accusamus te, eligendi maiestatis est ut. Hinc iracundia accommodare quo in, duo legendos splendide laboramus ad. Ex nisl perpetua posidonium est, nonummy epicuri philosophia at qui. An oporteat dissentiet has. Eam ipsum pertinacia te, id omnium animal fuisset sed. Has oblique dolorum eu. Cu sea euismod iudicabit evertitur, per omnes virtute percipitur eu, senserit signiferumque pro eu. Et puto cibo facete qui, eu est alii moderatius conclusionemque, sea oporteat liberavisse an. Unum feugait albucius eu per. Ludus oporteat corrumpit per cu. Affert nonumy dolorum et nam. Vim ex augue persius. Ei duo decore nonumy efficiantur, vel et verear fierent vivendum. Ut sea dictas dissentiunt, eum eligendi eloquentiam eu. In noster fierent eos. Agam aeque regione an mei, atomorum elaboraret no vix. Eos pertinacia definiebas ut, illud noluisse signiferumque vix ad. No ocurreret rationibus cum. Adhuc salutatus ne vim, at vis molestiae referrentur. Ad mei ipsum mnesarchum, in falli facete vocent nam, est debet ocurreret id. Ut choro ridens vis, ius quod ullum omnium ea, cu pro everti atomorum. Diam semper ut nec, perpetua pertinacia consequuntur ea has, in voluptua eleifend dissentiet pro. Mutat falli cu his, id magna electram pri. Mei ubique lobortis praesent at, sit nostro luptatum sapientem no. Abhorreant omittantur ea cum, an eum autem discere. Cetero lucilius usu eu. Vis at sumo definitionem delicatissimi. Ex blandit volutpat mei, sit eu prima regione comprehensam. Cu vel everti meliore accumsan. Blandit definitionem sed ex, at soluta scaevola ullamcorper eos. Diam veri at est, error exerci tritani ei vel. Te nec numquam veritus epicuri, ne offendit laboramus conclusionemque mei. Cu nostrud postulant nec, eu dictas debitis vituperatoribus nec. Eum eu utamur laboramus, mei sint molestie delicatissimi cu, his an labore epicurei senserit. Ei quo dictas percipit repudiare. Has ut modo prompta vituperatoribus, mel ex tempor sapientem incorrupte. Mundi fuisset principes ne sit, ne brute graecis nam. Ad pro hinc aeterno. Ea feugiat iracundia sed, vim an modus molestie deterruisset. Semper aeterno periculis quo ad. Pro praesent argumentum et, quas omnes sadipscing nam no. Eum id illum delenit dignissim, at per error dicant ullamcorper.

Satu web anyar memberikan jasa serupa dengan varian berbeda. Berikut contohnya dengan settingan 5 paragraphs, LONG, start with "CUPCAKE IPSUM DOLOR SIT AMET" and give your text some "LOVE"

Cupcake ipsum dolor sit amet lemon drops marshmallow pastry. Tiramisu marshmallow faworki gingerbread. Pudding toffee tart jelly-o I love marzipan chocolate. Lemon drops chupa chups tootsie roll I love. Faworki gingerbread sweet faworki. Danish topping cotton candy I love chocolate bar candy canes candy canes topping I love. I love carrot cake toffee applicake jelly beans pie marshmallow cotton candy chocolate. I love donut jujubes donut sesame snaps sugar plum. Lollipop liquorice I love. Bonbon jelly wafer chocolate bar cake. Dragée dragée ice cream toffee sugar plum I love pastry halvah. Biscuit jelly-o caramels. Jelly-o pie macaroon topping dessert. Biscuit topping danish I love chocolate bar dessert gingerbread sugar plum dragée.
Icing toffee marzipan liquorice I love cotton candy I love. I love cupcake faworki caramels. Soufflé powder muffin I love brownie tootsie roll. Powder jelly beans I love muffin. Chupa chups jelly I love brownie powder I love. Jelly beans biscuit donut donut pie. Jelly I love liquorice cookie icing. Caramels tart tart chupa chups sweet roll chocolate cake sesame snaps powder. Marzipan I love donut lemon drops toffee ice cream. Jelly cake cupcake dragée tiramisu powder I love chocolate bar. Sesame snaps lollipop candy. Dragée chupa chups I love. I love topping apple pie cotton candy faworki jelly beans bear claw cupcake I love. I love tootsie roll topping marshmallow chupa chups caramels toffee cotton candy.
Biscuit chocolate ice cream muffin tart bonbon oat cake faworki biscuit. Gummi bears pudding macaroon dessert macaroon brownie oat cake. Cookie pudding cheesecake bonbon gingerbread cookie muffin. Chocolate cake I love croissant tootsie roll chocolate. Candy canes bonbon macaroon powder. Toffee macaroon carrot cake toffee. Applicake muffin I love donut biscuit. Apple pie oat cake chocolate tootsie roll macaroon pudding gummi bears. Marshmallow gingerbread candy biscuit jujubes. Donut tiramisu pie oat cake candy canes muffin icing sweet roll icing. Gingerbread chocolate cake I love danish pastry tootsie roll. Wafer biscuit sesame snaps I love. Brownie chocolate cake pie applicake chupa chups.
Pastry biscuit gummi bears biscuit wafer I love gummi bears sweet roll. Bear claw muffin cotton candy. Fruitcake candy oat cake. Tart gummies chocolate cake marzipan. Jelly halvah lollipop sweet. Pudding lemon drops powder jujubes biscuit chocolate bar faworki I love toffee. Danish chupa chups dessert jelly icing I love. Fruitcake marzipan faworki cotton candy lollipop. Sweet fruitcake bear claw pudding candy canes lemon drops cheesecake ice cream. I love muffin candy canes gummi bears I love powder fruitcake. Pastry halvah macaroon cake gingerbread. Candy candy macaroon chupa chups pie candy canes danish chocolate bar. Cheesecake tart danish gingerbread topping muffin I love. Halvah tiramisu lemon drops I love bear claw.
Chocolate I love chupa chups sweet lemon drops. Marzipan sweet bear claw jujubes I love soufflé applicake gummi bears. Jelly beans chocolate icing gummi bears croissant danish gummies I love powder. I love chocolate gummies. Icing I love halvah icing liquorice gummies icing. Halvah croissant I love. Pastry faworki wafer ice cream chocolate cake. Candy pastry caramels brownie candy canes donut topping. Ice cream powder bear claw macaroon sesame snaps I love muffin I love. Fruitcake lollipop cotton candy. Pudding wafer sugar plum chocolate cake I love gummies applicake. Brownie toffee wafer biscuit I love marshmallow biscuit.

Hehehe :P
Silahkan kunjungi, dan selamat bermain :x

Cupcake


UPDATE!!!
http://css-tricks.com/14748-lots-of-ipsum/
http://veggieipsum.com/
http://baconipsum.com/
http://hipsteripsum.me/
http://spaceipsum.com/
http://designmodo.com/lorem-ipsum-generators/
http://www.fillerati.com/
http://www.webresourcesdepot.com/got-bored-of-lorem-ipsum-22-different-alternatives-for-placeholder-text/
http://www.blindtextgenerator.com/lorem-ipsum
http://www.malevole.com/mv/misc/text/
http://lorizzle.nl/?feed=1
http://slipsum.com/
http://www.robotipsum.com/
http://www.randomtext.me/
Happy ipsum ipsum \m/

Sabtu, 29 Oktober 2011

Comment Facebook Without Javascript for Blogger

Jangan mudah kecantol ingin ini itu tapi tidak mempelajari secara seksama. Mengapa, karena banyak kemauan tanpa modal yang sesuai, akan membuat kita stress. Kalau sudah stress kepala jadi mumeut, nyut...nyut...nyut. Trik kali ini kita akan bermain dengan syntax link URL. Bila sobat pelajari, apa yang dapat kita lakukan dengan atribut sebuah URL maka kalian akan dapat berkreasi seperti Beben Koben si bloglang anu ganteng kalem tea :D Kenal dengan blog Ben Tools kan!!! contoh saya sering bermain dengan syntax URL ;) Dengan begitu kita bisa bermain-main dengan iframe, web address, form action, image, etc.
Simpel ketika Koben membuat syntax Link mobile ditanamkan kedalam template. Bagaimana sekarang kalau komentar facebook dibikinkan dengan hanya pemakaian syntax!

Tanpa menggunakan script facebook, tanpa embel² API_ID ataupun pemakaian tagging <fb:comments> Tahu web penyedia jasa buat share/bookmark seperti AddThis.com, website macam itulah yg sering bermain dengan syntax URL ;)) Address link yaitu alamat tujuan sob, jadi jika alamatnya benar maka tujuannya juga tidak akan salah.
Contoh Koben membuat form action guna melihat coded fb:admins, fb:app_id memakai syntax link.


Canggih kan sob ;))
Dari tadi ngalor ngidul, inti tricknya belom tersampaikan nih ;)) Cara membuat komentar facebook buat blogger ke dalam template termudah :)) Tanpa script dan tanpa sihir, this is pure used link syntax.

DEMO

Comment via Facebook

1. Biasa
<a expr:href='&quot;http://www.facebook.com/plugins/comments.php?href=&quot; + data:_post.url + &quot;&amp;title=&quot; + data:_post.title' style='background:#5F78AB;color:#fff;padding:3px;border:1px solid #29447E;font-weight:bold' target='_blank'>Comment via Facebook</a>
2. Luar Biasa
<a expr:href='&quot;http://www.facebook.com/plugins/comments.php?href=&quot; + data:_post.url + &quot;&amp;title=&quot; + data:_post.title' style='background:#5F78AB;color:#fff;padding:3px;border:1px solid #29447E;font-weight:bold' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=500,height=135&quot; ); return false;' rel='nofollow'>Comment via Facebook</a>
Karena cuman masukin bagian komentarnya saja, maka kalau mau lihat siapa² yang komentarnya rada ribet juga yak :D Namanya juga cuma berbagi, kepakai syukur enggak kepake juga tidak apa-apa :))
Ternyata kodenya bentrok ama emotikon lagi :( got it Kode Komentar Facebook tanpa Script :D
Debugger for link post blogger<a expr:href='&quot;http://developers.facebook.com/tools/lint?url=&quot; + data:_post.url + &quot;&amp;title=&quot; + data:_post.title' target='_blank'>Debug</a>
Happy blogging \m/

Jumat, 28 Oktober 2011

Google+ Search Widget use Query Custome

Kabar terhangat dari web development More Tech Tips!, baru saja dirilis. Sebelumnya meluncurkan trick Activity Google+ With jQuery Plugin, menampilkan segala update yang berada di account google+ sobat masing² Bila urusannya mengenai yang berbau twitter, agan agin bisa lihat koleksi Beben Koben si bloglang anu ganteng kalem tea great collected gadget of twitter.
Master @mike_more kembali mendobrak dunia blogger dengan meluncurkan produk andalan dengan nama google+ search Widget b-) Product barunya ini yaitu menawarkan kita menampilkan segala berita teranyar dari jejaring google plus dengan keyword search terserah kita.

Terdapat 3 jenis varian yg bisa kita pilih, white theme, dark theme and with a image theme. Click on title for look demo ;)

White Theme

Dark Theme

With a Image Theme

Setup

Masukkan seluruh bumbu dengan metode Add a Gadget ► HTML/JavaScript This is the bumbune
<link href="http://googleplus-search-widget.googlecode.com/svn/v1/light.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://googleplus-search-widget.googlecode.com/files/jquery.googleplus-search-1.0.min.js" type="text/javascript"></script>

<script type="text/javascript">
//<![CDATA[
jQuery.fn.googlePlusSearch.defaults.api_key = 'AIzaSyDsd2KGlVuN5dEwas5G3TsOVX17oRCCTFM';
//]]>
</script>

<div class="google-plus-search" data-options="{
query: 'Blogger Hack'
, show_header: 1
, header_title: 'Search for Blogger Hack' }">
<a class="gpsw-info" href="http://www.moretechtips.net" target="_blank">Google+ Search Widget</a>
</div>
Keterangan:
  • Tulisan berwarna biru.
  • Ketiga jenis CSS theme pilihan. Here<link href="http://googleplus-search-widget.googlecode.com/svn/v1/light.css" rel="stylesheet" type="text/css" />
    <link href="http://googleplus-search-widget.googlecode.com/svn/v1/dark.css" rel="stylesheet" type="text/css" />
    <link href="http://googleplus-search-widget.googlecode.com/svn/v1/light.css" rel="stylesheet" type="text/css" />
  • Tulisan berwarna merah merona.
  • Jika sobat sudah memiliki jQuery script, tidak usah dipakai lagi.
  • Font warna ijo muda.
  • Script jquery.googleplus-search-1.0.min.js Pluginnya :)
  • Tulisan miring & tebal.
  • Api KEY dari google+ Untuk mendapatkan API KEY tersebut ikuti langkah² berikut:
    1. Buka halaman ini https://code.google.com/apis/console#access.
    2. Login dengan account gmail kalian, klik "Create Project".
    3. Lihat list sebelah kiri, pilih "Services". Rubah dari OFF ke ON
    4. Accept the agreement.
    5. Klik "API Access" Got it
  • Tulisan warna hijau.
  • Query/keyword search pilihan kalian. Ganti sesuai dengan kebutuhan.
  • Warna biru.
  • Judul title yang ditampilkan.
Bila mau mengcustome, silahkan baca ke sumbernya langsung :P tapi kalau bisa CSS, sobat dapat membuka link CSS-nya dan edit² sesuai kemauan :)

Click expand here to look CSS Coded

/* activity list */
ul.gpsw-body {
font: 100% arial,sans-serif;
padding: 0;
margin: 0;
overflow: hidden;
position: relative;
background: #debe94
}
ul.gpsw-body li {
border-bottom: #ddd 1px solid;
margin: 0 0 4px 0;
padding: 4px;
list-style-type: none;
overflow: hidden
}
ul.gpsw-body .thumb {
display: block;
float: right;
margin: 0 0 5px 5px
}
ul.gpsw-body .thumb a {
text-decoration: none;
outline: none
}
ul.gpsw-body .thumb img {
border: #eee 1px solid
}
ul.gpsw-body .thumb a:hover img {
border: #ccc 1px solid
}
ul.gpsw-body .title a {
outline: none;
text-decoration: none;
color: #555
}
ul.gpsw-body .title a:hover {
color: #000
}

ul.gpsw-body a.user {
display: block;
outline: none;
text-decoration: none;
color: #36C;
font-weight: bold;
margin: 0 0 4px 0;
}
ul.gpsw-body a.user:hover {
color: #a00
}

ul.gpsw-body .avatar {
display: block;
float: left;
margin: 0 5px 3px 0
}
ul.gpsw-body .avatar a {
text-decoration: none;
outline:none
}
ul.gpsw-body .avatar img {
border: #eee 1px solid
}
ul.gpsw-body .avatar a:hover img {
border: #ccc 1px solid
}

/* meta : date, plusones */
ul.gpsw-body .meta {
color: #47A947;
display: block;
font-size: 95%;
margin: 5px 0 0;
overflow: hidden;
clear: both
}
ul.gpsw-body .meta a, ul.gpsw-body .meta span {
display: block;
float: left;
padding: 0 6px 0 0
}
ul.gpsw-body .meta a {
color: #500;
text-decoration: none
}
ul.gpsw-body .meta a:hover {
color: #333;
text-decoration: none
}
ul.gpsw-body .plusones {
color: #36C;
font-style: italic
}
ul.gpsw-body .shares {
color: #36C
}

/* Fade-out effect with transparent png */
ul.gpsw-body .fade {
background: url(http://googleplus-search-widget.googlecode.com/svn/v1/fade.png) repeat-x left bottom;
background:expression("");
left: 0;
bottom: 0;
height: 50px;
position: absolute;
width: 100%;
z-index: 10
}

/* Profile */
.gpsw-header {
border-top: #eee 1px solid;
border-bottom: 1px solid #eee;
background: #555;
padding: 10px;
overflow: hidden;
}
.gpsw-header a {
display: block;
text-decoration: none;
outline: none;
overflow:hidden;
}
.gpsw-header img {
display: block;
float: left;
outline: none;
border: #eee 1px solid;
margin: 0 10px 0 0
}
.gpsw-header a:hover img {
border: #ccc 1px solid;
}
.gpsw-header strong {
display: block;
color: #eee;
font-size: 130%;
padding-top: 3px;
}
.gpsw-header a:hover strong {
color: #a00;
}

/* info */
a.gpsw-info {
border-top: #f0f0f0 1px solid;
border-bottom: #f0f0f0 1px solid;
background: #555;
padding: 3px;
text-align: right;
font-size: 80%;
text-decoration: none;
color: #aaa;
display: none
}
a.gpsw-info:hover {
color: #fff
}

Happy blogging \m/

Kamis, 27 Oktober 2011

Make TreeVew Menu Without JavaScript

Masih belum tergelitik juga mempelajari CSS3? Web satu ini akan Koben bagi buat para pelancong setiaku. Secara khusus, detail memaparkan segala yang berbau Web UI Components. Beben juga tidak mengerti dengan artinya :D Tapi jangan salah, disini trick, tutorial, JS, XML, AJAX, and ketebelece lainnya numplek jadi satu. Lain daripada umumnya, unik berbeda.
So...Beben Koben si bloglang anu ganteng kalem tea akan mencomot satu trik unique dari sana mengenai CSS3 Treevew No JavaScript. Itu yg bisa diambil, ya itu saja postingannya kali ini :P Please welcome the great web:
  1. Acid.JS Web UI
  2. WeMakeSites.NET
demo Treevew without JavaScript
Mau tau gimana cara bikinnya, mau tau...mau tau beneran!!! Kita lanjutkan mari ~O)
Pertama-tama download terlebih dahulu bahan²nya yg ada di web demo, kalau malas dari sini ajah atuh download. Setelah itu hostingkan 1 image yg ada disana, gambar berikut icon treevew.
Bila sudah, sobat kembali press Ctrl + F or just push F3 (mozilla browse) cari kode ]]></b:skin> Taruh tepat sebelum code tersebut (diatas) CSS high level berikut ini

CSS Coded

.css-treeview ul,.css-treeview li{padding: 0;margin: 0;list-style: none}
.css-treeview input{position: absolute;opacity: 0}
.css-treeview{font: normal 11px "Segoe UI",Arial,Sans-serif;-moz-user-select: none;-webkit-user-select: none;user-select: none}
.css-treeview a{color: #00f;text-decoration: none}
.css-treeview a:hover{text-decoration: underline}
.css-treeview input + label + ul{margin: 0 0 0 22px}
.css-treeview input + label + ul{display: none}
.css-treeview label,.css-treeview label::before{cursor: pointer}
.css-treeview input: disabled + label{cursor: default;opacity: .5}
.css-treeview input:checked:not(: disabled) + label + ul{display: block}
.css-treeview label,.css-treeview label::before{background: url("http://LINK-GAMBAR-HOSTINGAN-TREEVEW.png") no-repeat}
.css-treeview label,.css-treeview a,.css-treeview label::before{display: inline-block;height: 16px;line-height: 16px;,vertical-align: middle}
.css-treeview label{background-position: 18px 0}
.css-treeview label::before{content:"";width: 16px;margin: 0 22px 0 0;vertical-align: middle;background-position: 0 -32px}
.css-treeview input:checked + label::before{background-position: 0 -16px}
@media screen and (-webkit-min-device-pixel-ratio:0){.css-treeview{-webkit-animation:webkit-adjacent-element-selector-bugfix infinite 1s}
@-webkit-keyframes webkit-adjacent-element-selector-bugfix{from{padding: 0}
to{padding:0}
}
}
SAVE deh :D
Design ► Page Elements ► Add a Gadget ► choose HTML/JavaScript
Kalau bisa disendirikan, jangan dicampur dengan yg sudah ada kode lain sob ;) Masukin ramuan HTML berikut

<div class="css-treeview">
<ul>
<li><input type="checkbox" id="item-0" /><label for="item-0">Folder is Closed By Default</label>
<ul>
<li><input type="checkbox" id="item-0-0" /><label for="item-0-0">Folder 1</label>
<ul>
<li><input type="checkbox" id="item-0-0-0" /><label for="item-0-0-0">Sub Folder 1</label>
<ul>
<li><a href="#">Sub Folder 1</a></li>
<li><a href="#">Sub Folder 1</a></li>
<li><a href="#">Sub Folder 1</a></li>
<li><a href="#">Sub Folder 1</a></li>
</ul>
</li>
<li><a href="#">Folder 1</a></li>
<li><a href="#">Folder 1</a></li>
<li><a href="#">Folder 1</a></li>
</ul>
</li>
<li><input type="checkbox" id="item-0-1" /><label for="item-0-1">Folder 2</label>
<ul>
<li><a href="#">item 2</a></li>
<li><a href="#">item 2</a></li>
<li><a href="#">item 2</a></li>
<li><a href="#">item 2</a></li>
<li><a href="#">item 2</a></li>
</ul>
</li>
<li><input type="checkbox" id="item-0-2" disabled="disabled" /><label for="item-0-2">Disabled TreeVew</label>
<ul>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
</ul>
</li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
</ul>
</li>
<li><input type="checkbox" id="item-1" checked="checked" /><label for="item-1">One is Open by Default</label>
<ul>
<li><input type="checkbox" id="item-1-0" /><label for="item-1-0">Tutorial Blog for Stylish Blogger</label>
<ul>
<li><a href="#">Folder 2</a></li>
<li><a href="#">Folder 2</a></li>
<li><a href="#">Folder 2</a></li>
</ul>
</li>
<li><a href="#">Beben</a></li>
<li><a href="#">Koben</a></li>
<li><a href="#">Bloglang</a></li>
<li><a href="#">Ganteng</a></li>
</ul>
</li>
<li><input type="checkbox" id="item-2" /><label for="item-2">Go Blog Go</label>
<ul>
<li><input type="checkbox" id="item-2-0" /><label for="item-2-0">Folder 3</label>
<ul>
<li><input type="checkbox" id="item-2-2-0" /><label for="item-2-2-0">Sub Folder 3</label>
<ul>
<li><a href="#">Folder 3</a></li>
<li><a href="#">Folder 3</a></li>
<li><a href="#">Folder 3</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 3</a></li>
</ul>
</li>
<li><input type="checkbox" id="item-2-1" /><label for="item-2-1">Semangat</label>
<ul>
<li><a href="#">Some Item</a></li>
<li><a href="#">Some Item</a></li>
<li><a href="#">Some Item</a></li>
<li><a href="#">Some Item</a></li>
<li><a href="#">Some Item</a></li>
</ul>
</li>
<li><input type="checkbox" id="item-2-2" disabled="disabled" /><label for="item-2-2">Disabled TreeVew</label>
<ul>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
Isikan link sesuai kebutuhan. Look for result. Kawan-kawan sekarang sudah mempunyai menu treevew tanpa JavaScript b-)
Berhubung takut ada kode² yang berubah menjadi emoticon, sobat sabit bisa mendownloadnya download bumbu (via ziddu)
Kode checked="checked" yang membuat terbuka menu treevew. Jika kurang sreg dengan posisi menu yg terbukanya, tinggal delete dan gantikan kemana sobat suka.
Praktek sedikit dengan memakai teknik penggunaan input attribute.
<style type="text/css">
ul {
margin: 0;
padding: 10px;
position: relative;
}
li {
padding: 0 0 10px 30px;
list-style: none;
font-size: 15px;
position: relative;
}
li:first-child { }
li::before { content:' ';
position: absolute;
}
li:last-child {
border: none;
margin-left: 1px;
}
li input {
left: 11px;
z-index: 9;
margin-top: 3px;
position: absolute;
opacity: .3;
}
li label {font-weight:bold;cursor: pointer}
li label::after {
content: ' (klik buka)';
font-weight: normal;
font-style: italic;
font-size: 75%;
color: green;
}
li input:checked + label:after {
content: ' (klik tutup)';
color: red;
}
ul#master {margin: 0;}
ul#master > li:first-child:before {display: none;}
ul#master > li:first-child {margin-top: 0}
input + label + ul {display: none;}
input:checked + label + ul {display: block;}
</style>

<ul id="master">
<li><input type="checkbox" id="users" checked="checked"><label for="users">Home</label>
<ul>
<li><input type="checkbox" id="Bra"><label for="Bra">Lists</label>
<ul>
<li><input type="checkbox" id="Document"><label for="Document">Documents</label>
<ul>
<li>2007 Taxes.pdf</li>
<li>Letter to Collection Agency.doc</li>
<li><input type="checkbox" id="Microsoft"><label for="Microsoft">Microsoft User Data</label>
<ul>
<li>Normal.dot</li>
</ul>
</li>
</ul>
</li>
<li><input type="checkbox" id="Picture"><label for="Picture">Pictures</label>
<ul>
<li>IMGP1.jpg</li>
<li>IMGP2.jpg</li>
<li>IMGP3.jpg</li>
<li>IMGP4.jpg</li>
<li>IMGP5.jpg</li>
<li><input type="checkbox" id="Flower"><label for="Flower">Flowers</label>
<ul>
<li>Rose.jpg</li>
<li>Daisy.jpeg</li>
<li>Tulip.jpeg</li>
<li>Pansy.jpeg</li>
<li>Raflesia.jpg</li>
</ul>
</li>
<li><input type="checkbox" id="Por"><label for="Por">Porn</label>
<ul>
<li>xxx.jpg</li>
<li>xxx.gif</li>
<li>xxx.bmp</li>
<li>xxx.png</li>
<li>xxx.porn</li>
</ul>
</li>
</ul>
</li>
<li><input type="checkbox" id="Site"><label for="Site">Sites</label>
<ul>
<li>index.html</li>
<li><input type="checkbox" id="image"><label for="image">images</label>
<ul>
<li>logo.gif</li>
<li>pictureOfMe.jpeg</li>
</ul>
</li>
<li><input type="checkbox" id="include"><label for="include">includes</label>
<ul>
<li>style.css</li>
<li>utilities.js</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li><input type="checkbox" id="Share"><label for="Share">Shared</label>
<ul>
<li>Sharing is good.</li>
<li>Why I don't share.</li>
<li>But I will share this technique</li>
</ul>
</li>
</ul>
</li>
</ul>

Serupa:
http://www.thecssninja.com/css/css-tree-menu
Terima kasih, semoga sesuatu ya :)
Don't forget to ngacak-ngacak webnya \m/

Rabu, 26 Oktober 2011

The Miracle of Al-Qur'an

Al-Qur'an kitab suci umat Islam, bukan diturunkan hanya untuk kaum Islam saja!!! Tetapi Al-Qur'an adalah Rahmatan lil’alamin. Satu-satunya kitab yang menerangkan segala apa-apa yang ada di langit dan di bumi. Blogger kan ada di bumi nih, jadi mari kita hias dengan hal yang bermanfaat. See on Ben Tools i have writed before about Al-Qur'an on the blog & Al-Qur'an online to listen :) Do you still remember about widgets islami by Mahesa Jenar!
Beben Koben si bloglang anu ganteng kalem tea kembali menemukan hal serupa. Tak kalah indah, keren, adem, menambah wawasan pokokke maknyus bin sueger.

In the pret in the house, please welcome the great web my friends

Tengok menu yg bertuliskan Our Services, disanalah letak widget yg bisa sobat pilih. Random Hadits, Daily Hadits, Locate and Pray, Extension for Chrome and many more :)

Takut kurang, sekalian saja ini mah :D

Al-Qur'an Explorer

Quranic Audio


Stay to update ;)
Semoga bermanfaat :)

Selasa, 25 Oktober 2011

Tips and Trick Add Share Link use CSS3

Sudah mempraktekan trik maknyus who want to be a master CSS3 khususnya mengenai blur dengan memakai transition variable! Bila baru sedikit ngeuh menempel di kepala sobat, saatnya digenjot lagi dengan hal serupa tetapi berbeda penerapan. Tau dong dengan yang namanya share and bookmark link, biasanya fitur ini guna berbagi (share) sebuah link ke seantero situs jejaring yang terkenal. Pokoknya itu lah sob :D tombol berbagi/bookmark :P
Kita pasangkan attribute transition opacity, dirangkai dengan ordered and unordered list variabel, pakai gambar dan juga sentuhan list hover style ;) Pokokke hasil akhir akan menggoda mata =P~

Demo

Waktu disorot, link lainnya serasa menghilang, pas dihover link share tujuannya terlihat jelas dan ada titlenya. Manis, indah, good kayak Beben Koben si bloglang anu ganteng kalem tea yah :">

Kode CSS

ul.techblaster-social {list-style: none;margin: 15px auto;display: inline-block;}
ul.techblaster-social li {display: inline;float: left;background-repeat: no-repeat;}
ul.techblaster-social li a {cursor: pointer;display:block;width: 48px;height: 48px;padding-right: 10px;position: relative;text-decoration: none;}
ul.techblaster-social li a strong {font-weight: normal;position: absolute;left: 20px;top: -1px;color: #fff;padding: 3px;z-index: 9999;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);background-color: rgba(0, 0, 0, 0.7); -moz-border-radius: 3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius: 3px;-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius: 3px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
ul.techblaster-social li.techblaster-facebook {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Yix42472x2u_R7hcYOrMDkIiLeXfXODZbUApgyX3sbaTMNc9XJ0jCKsvxH92596vcwfYmXx7l-5Qq6Wtjdth1edXCrUm4K5auV_uKoiiv_492cnpWmIoMCkhGdWSKCf00lEAVhk7EOk/");}
ul.techblaster-social li.techblaster-twitter {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMbnlgM5KwE-iHxWARLP8PNfQahUvCCSkQn-DKIkPg9WpOAgZ-Sl_pYksvzwS0sEaVE8NYuN1YxNGBI3-zQwCzB14Rbq483HGYHSV6Pd98sgD0h2jsBKp6b6YkgG8wMj8feg1ObtTgcgg/");}
ul.techblaster-social li.techblaster-googlebuzz {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCzZBtiwtISSdQ1GIm_9dmDR5H83OTxU9q9sQLJLKJByPdE_KKaDrQv1HNhsSIgpza4naUpVVNLbvT_oICAa1B-MyNIhuWdZyCIcV5lMFSFRvNw79VDRJ5yeiE8LkbtSOuUkqp4FUzTqg/");}
ul.techblaster-social li.techblaster-stumbleupon {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrwQyp9pr36QP4Qcw_KmXofHRwbjiWXwryWvKlvFsj0qDHVSgF7ZfT2PiAS7xHDJzjNyaa4MhN_1OCMoOm6wi9EuLVPKD6klXyfdL6NoIRLA9ODF-I1NaEKexch_OyroblepGIB3ukXbY/");}
ul.techblaster-social li.techblaster-digg {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuJErmHTatcLe0evHTSQXoi2xtoe_98GfCiUrSh-g16dJcgC8QiL5LNdWjmrivTneOM6YYPeeXEy9hFvoZ506tNTSk4rmeQEtRu6DeqGDACXmyHdOJ7hyphenhypheno_whnYhbOyMKMm7jsJy2yhVE/");}
ul.techblaster-social li.techblaster-delicious {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVI3ttvE8qvtP8lRqNXGLRFbpPnUpyKsv8HS8ohgBbJbJlP5H_CPZUI8z329tiT3NMEP9W3kVmDsuolRZCnCM-WJCSloQK8EYGnoFh0itBU5sYEndJA8vqidfLvMELGFRV9LKGikPf-RA/");}
ul.techblaster-social li.techblaster-linkedin {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjled7Nu5He6Xiht5UyxNefVtSkT-ymuO1m5ZJ7rp98csNMnMGiGLu4WT61UePAwtm0r1LnpRWDeBPdkoXBjUX_ECtYELQ3LvI2XRc08DQPZBnsVf00kz3Hdo5qGd9vozRwD14d3OfPXtw/");}
ul.techblaster-social li.techblaster-reddit {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0QlQBGCaPqpQupbgNXpeSpGT1SMhFqVwmrQGZZZZdiTKHrOdCH2MOcFkgVLTenXr07vMeifI3hVzZOYUe6aXbyKOz_nD0fpCMuwSxla9aTG-XjW1sECNLx4Fv7DtKwxhnBDx0JAhAAFo/");}
ul.techblaster-social li.techblaster-technorati {background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqGqNb5YQ9RBnHB3AclsOU5YndRToLHgDWEXunrBocqRazBWncewWD-yzRBy1kv08usM7hq_Z77tOO4nNPdVPKiplQjCJCuGfeUG9Ad5CAvEMsinwK_xcV-iu9g7476YhhlUE4Tu943DE/");}
#techblaster-cssanime:hover li {opacity: 0.1;}
#techblaster-cssanime li {-webkit-transition-property: opacity; -webkit-transition-duration: 500ms;-moz-transition-property: opacity; -moz-transition-duration: 500ms;}
#techblaster-cssanime li a strong {opacity: 0; -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms; -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; }
#techblaster-cssanime li:hover {opacity:1;}
#techblaster-cssanime li:hover a strong {opacity: 1;top: -30px;left: 0;}

Kode HTML

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<ul class='techblaster-social' id='techblaster-cssanime'>
<li class='techblaster-facebook'>
<a expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data: post.url + &quot;&amp;t=&quot; + data: post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos; ); return false;' rel='nofollow' title='Share this on Facebook'><strong>Facebook</strong></a>
</li>
<li class='techblaster-twitter'>
<a expr:href='&quot;http://twitter.com/home?status=&quot; + data: post.title + &quot; -- &quot; + data: post.url ' rel='nofollow' title='Tweet This!'><strong>Twitter</strong></a>
</li>
<li class='techblaster-googlebuzz'>
<a expr:href='&quot;http://www.google.com/buzz/post?url=&quot; + data: post.url + &quot;&amp;imageurl=&quot;' rel='nofollow' title='Post on GoogleBuzz'><strong>GoogleBuzz</strong></a>
</li>
<li class='techblaster-stumbleupon'>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data: post.url + &quot;&amp;title=&quot; + data: post.title ' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'><strong>StumbleUpon</strong></a>
</li>
<li class='techblaster-digg'>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data: post.url + &quot;&amp;title=&quot; + data: post.title ' rel='nofollow' title='Digg this!'><strong>Digg</strong></a>
</li>
<li class='techblaster-delicious'>
<a expr:href='&quot;http://delicious.com/post?url=&quot; + data: post.url + &quot;&amp;title=&quot; + data: post.title ' rel='nofollow' title='Share this on del.icio.us'><strong>Delicious</strong></a>
</li>
<li class='techblaster-linkedin'>
<a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data: post.url + &quot;&amp;title=&quot; + data: post.title + &quot;&amp;summary=&amp;source=&quot;' rel='nofollow' title='Share this on LinkedIn'><strong>LinkedIn</strong></a>
</li>
<li class='techblaster-reddit'>
<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data: post.url + &quot;&amp;title=&quot; + data: post.title ' rel='nofollow' title='Share this on Reddit'><strong>Reddit</strong></a>
</li>
<li class='techblaster-technorati'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data: post.url' rel='nofollow' title='Share this on Technorati'><strong>Technorati</strong></a>
</li>
</ul>
</b:if>
Koben gak akan kasih tauk kemana itu kode² harus ditaruhnya. Biasanya mah untuk kode HTML ditaruh dibawah code <data: post.body/>
SAVE...liat hasil kerja :)
Perasaan pernah juga memosting yang beginian tapi lopa :P
Tapi inti artikel kali ini, Koben cuman mau berbagi satu blog usefully banget. Cocok buat melatih skill kite². Please welcome my friend...

Diacak-acak yaaa )))
Semoga bermanfaat \m/

Blogger and Google+ Profile now United

Hari ini tepatnya tidak tahu juga, google blogger resmi telah mengkombinasikan profile blogger dan profile google+ menjadi satu b-) Ketika belum diintregrasikan, waktu kita mengklik link View Profile pada dashboard blogger akan terlihat seperti berikut

Jika sudah ditautkan profile sobat² maka waktu mengklik link View Profile di dashboard akan tertuju ke google+ :D

Singkat prosesnya begini sob:Happy blogging

Senin, 24 Oktober 2011

Who Want To Be a Master CSS3

Bisa mengenai suatu hal bermula dari adanya rasa senang, suka akan sesuatu hal itu sendiri. Begitu juga dengan bahasa HTML bagi kalangan webber and blogger. Kalau rasa senangnya sudah menempel didalam sanubari yang paling dalam, maka dengan ilmu sedikit dengan secuil kemauan sobat pasti bisa mendapatkan apa yang diinginkan :D Keinginan yang besar tanpa dibarengi dengan kondisi mumpuni akan berbalik menjadi bumerang. Biasanya jadi malas, menyerah, ogah-ogahan dalam memulai kembali. Ingat...ingat...kegagalan bukan akhir semuanya, tetapi keberhasilan yang tertunda agar kita menjadi seorang master :))

Seorang master yaitu @crnacura ahli jQuery script membuat sebuah tutorial CSS 3 tentang blur menu with CSS3 transitions. Mengkombinasikan effect transitions tercipta menu ajib. Lesson mudah bisa dicoba oleh kalian feature CSS3 transitions, transforms, animation ;)
Berikut menu hasil karya dari Mary Lou.

Blur Menu with CSS3 Transitions

Basic Coded

<!-- Ini diletakkan diatas tag ]]></b:skin> -->

.bmenu {
padding: 0;
position: relative;
}
.bmenu li {
font-size: 15px;
margin: 0 0 10px 0;
}
.bmenu li a {
color: transparent;
text-transform: uppercase;
text-shadow: 0px 0px 1px #000;
letter-spacing: 1px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.bmenu:hover li a {
text-shadow: 0px 0px 5px #555;
}
.bmenu li a:hover {
color: #06f;
font-weight: bold;
text-shadow: 0px 0px 1px #ff9;
padding-left: 10px;
}

<!-- Ini HTML -->

<ul class="bmenu">
<li><a href="#">Home</a></li>
<li><a href="#">Sitemap</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Menu Other</a></li>
<li><a href="#">Menu Other</a></li>
</ul>
Seru kan bermain dengan CSS sob :) Yuk kita lanjutkan bermain sambil belajar, jangan kebalikannya :)) Hover this image my friend

Basic Coded

<!-- CSS CODED -->

.gambar {
background: #F4F4F4;
}
.gambar:hover {
filter: alpha(opacity=100);
opacity: 1;
-moz-opacity: 0.1;
-khtml-opacity: 0.1;
}
.gambar {
cursor: pointer;
filter: alpha(opacity=10);
opacity: 0.5666;
-moz-opacity: 0.5666;
-khtml-opacity: 0.5666;
-moz-transition: all 0.56s ease-out;
-o-transition: all 0.56s ease-out;
-webkit-transition: all 0.56s ease-out;
-ms-transition: all 0.56s ease-out;
}

<!-- SYNTAX PEMAKAIAN -->

<img src="http://YOUR-IMAGE-LINK-HERE.jpg" class="gambar" />
Menyenangkan bukaaannn!!! :P
Dengan modal kemauan, referensi dimana-mana kita semua bisa membuat apa yang kita inginkan 8->> Ini Koben kasih bonus, mengambil embed flash memakai variabel iframe dirangkai, dibentuk sedemikian rupa dengan CSS agar terlihat lebih prikitiw L-)

Click to expand here for Watch MivoTV

Click to expand here for Get Coded

<center>
<div style="border: 10px solid #777;height: 530px;overflow: hidden;width: 550px;">
<div style="height: 530px;overflow: hidden;width: 550px;">
<div style="margin-left: -10px; margin-top: -227px;">
<iframe frameborder="0" height="759" scrolling="no" src="http://id.imediabiz.com/MivoTV.swf?r=' + Math.round(Math.random() * 99999) + " style="left: -30px;" width="565"><p>Your browser not support for iframe variable! Get updates right!</p>
</iframe>
</div>
</div>
</div>
</center>


Beben Koben si bloglang anu ganteng kalem tea cuma mencoba memecut :P kreatifitas, imaginasitas, dayas and upayas sobat sekalian saja kok mosting ini teh :"> Biar pada jago CSS :) Syukur² jadi master :(|) :)>-
* http://www.paulund.co.uk/how-to-create-different-shapes-in-css
Happy blogging \m/