Archive for 2013

Cara Mendesain Portofolio Website

Portofolio merupakan salah satu sisi menarik dari keahlian kamu, gimana maksudnya ?
Maksudnya adalah segala kemampuan yang kamu miliki tidak akan pernah diketahui orang lain jika kamu tidak "memamerkan" kemampuan tersebut.  Semisal kalian jago web design atau jago design graphic pasti prelu yang namanya portofolio.

Portofolio juga berbagai macam bentuk. Ada yang berupa resume (tulisan) dan ada juga yang berupa gambar. Biasanya yang paling disukai adalah dalam bentuk gambar.

kita lihat contoh portofolio dalam gambar.


Nah gambar diatas adalah salah satu contoh dari portofolio berupa gambar dan text. Penjelasan gambar menggunakan text disampingnya, isinya biasanya :

1. Fitur
apa saja fitur yang ada di dalam aplikasi/web kamu

2. Teknologi
Teknologi biasanya berisi software, plugin, tools apa yang kamu gunakan saat membuat ini

3. Penjelasan lain-lain
Bisa berisi link, atau logo kamu disitu

Nah dengan begitu kemampuan kamu akan bisa di tampilkan di halayak luas, sehingga semua orang bisa menilai hasil kamu keren atau engga itu dari portofolio yang kamu buat.
Karena orang awam bakal lihat cover sebelum lihat isi.

Dan saya mau berbagi mockup untuk kamu bisa membuat portofolio keren. http://www.cssauthor.com/free-mockup-templates-psd-designs/
Di link tersebut kalian bisa download mockup ber format .PSD ( photoshop )
Kemudian edit dan kembangkan desain portofolio kamu disitu. sehingga keampuan maksimal kamu bisa tersampaikan. Saya juga coba bikin, mungkin kalian bisa lebih keren. so explore your skill.

Mac pro

iphone5

Mac book Pro

iPad

Giamana hasil kamu ? boleh di share juga dibawah. sampai jumpa di postingan selanjutnya


Thursday, December 19, 2013
Posted by Jody Baharizki

Mengubah logo wordpress di halaman login

Hai semua, kembali lagi dengan tutorial seputar web desain dan pengembanganya. Di kesempatan ini saya mau share tutorial cara mudah untuk mengubah logo wordpress di halaman login dengan logo yang kita inginkan. Hal ini perlu sekali dilakukan, karena kita sebagai pengembang website harus bisa memudahkan pengguna untuk mengetahui isi dari website tersebut.

Pada default wordpress tampilanya pun sudah bagus, hanya saja logo pada login masih logo dari wordpress


Mungkin anda ingin mengganti dengan logo yang anda inginkan, itu bisa dilakukan... mudah kok tinggal ikuti step by step berikut ini. NOTE : hal ini bisa di lakukan di localhost ataupun cpanel.

1. Masuk ke halaman cpanel anda.

2. Kemudian masukan username + password cpanel. Anda akan masuk di halaman cpanel pilihlah File Manager.



3. Lalu carilah folder wordpress yang sudah anda upload. klik 2 kali. Anda akan masuk ke halaman berikut.


Klik 2 kali pada folder wp-admin kemudian klik 2 kali pada folder images. Lalu akan masuk pada halaman seperti dibawah ini dan carilah file yang bernama wordpress-logo.png.


Klik 2 kali pada file tersebut. Maka akan download image.

4. Buka file hasil download anda. kemudian open with photoshop (atau sejenisnya). Edit logo dengan logo yang anda inginkan. ukuran gambar sebaiknya tidak dirubah. setelah selesai save as dengan format .png

5. Upload image hasil edit kamu ke dalam folder di cpanel anda dengan nama file yang sama wordpress-logo.png. setelah berhasil cek kembali apakah gambar sudah replace. 

Setelah step diatas berhasil diikuti sekarang buka namadomain/wp-admin
dan lihat hasilnya. Selamat mencoba semoga berhasil



Nah Mudah kan ? silahkan dicoba dan jangan ragu bertanya. sampai jumpa di tutorial selanjutnya...




Thursday, December 5, 2013
Posted by Jody Baharizki
Tag :

Wikusama Cup Jakarta 2013 [ Final Party ]

Rising spirit for wikusama

24 November 2013 merupakan puncak acara Wikusama Cup 2013 regional Jakarta..
Pertandingan panas pun tersaji di hari itu. Semua tim yang lolos mengerahkan tim terbaiknya. Hal ini pastinya membuat pertandingan semakin memanas, apalagi ini menjadi gengsi antar tim untuk merebut piala wikusama cup 2013


Tim tim yang lolos hari pertama bisa kalian lihat di sini.
Syndicate 15 bertekad untuk mempertahankan treble winner mereka tahun lalu. Tapi tim lain pun tak patah semangat untuk mengejar trophy tersebut.

Pertandingan awal adalah semifinal futsal, basket. Siapakah pemenangnya ? lihat aksi mereka dahulu




NB : Foto lain menyusul

yak, kita lanjut lagi. Di wikusama cup ini tim dari Syndicate15 adalah tim yang sedang on fire. mereka kompak membawa suporternya ke venue GOR SMK Telkom jakarta dengan membawa atribut atribut untuk menambah semarak acara.
Jelas saja mereka (syndicate15) berani tampil dengan supporter fanatiknya karena mereka bertekad merebut treeble winner yang ke 2 setelah tahun lalu.

Dan kenyataanya syndicate15 pun berhasil menyapu bersih kemenangan demi kemenangan mulai dari babak semifinal sampai final. Futsal, Basket, Bulutangkis pun bisa dimenangkan dengan mudah.
Dan itu artinya tahun ini Syndicate15 kembali meraih juara di 3 cabang olahraga di wikusama cup 2013 ini.

Selamat... dan tahun depan semoga ada lawan yang bisa meredam dominasi syndicate di event ini. Dan untuk syndicate pasti tidak mau meleaskan mahkota juaranya musim depan, so kita tunggu apa kejutan di wikusama cup 2014 tahun depan. kita bertemu lagi yaaa dan stay tune di website cup.wikusama.org akan ada info seru seputar event ini.


Farux (31) Top Scorer Futsal
Ferli (shoting) MVP Basket



The winner



Dan akhirnya pesta kemenangan diraih syndicate15. Tak hanya menang namun semua penghargaan mulai Top Score hingga MVP basket pun diraih mereka. Memang mereka tim yang kompak mulai pemain, supporter, dan pendukung lainya. semoga tahun depan acara lebih meriah dan partisipan bisa lebih kompetitif. Dan yang gak kalah menarik semakin banyak hadiahnya...

See you next year


Tuesday, November 26, 2013
Posted by Jody Baharizki

Wikusama Cup 2013 Jakarta


Rising Srpirit For Wikusama !

Wikusama Cup 2013 Jakarta telah dimulai, seluruh tim peserta pun antusias menyambut event olahraga terbesar Wikusama ini. yang belum tahu apa itu Wikusama Cup silahkan lihat disini
Kemarin (17/11/2013), telah berlangsung pertandingan seru basket dan futsal. Ada yang menarik di Wikusama Cup tahun ini, sang juara bertahan Syndicate 15 yang notabenya berisi segudang atlet harus langsung menerima tantangan dari adek kelasnya yang fresh graduated tahun ini yaitu XIX Family.
Banyak yang membicarakan pertandingan ini. Perang dingin pun terjadi bahkan sebelum pertandingan dimulai. Memang kedua tim belum pernah bertemu, tapi kedua tim pernah bertemu saat latihan bareng wikusama, itupun tidak full tim jadi rasa penasaran akan skill satu sama lain pun jadi pembicaraan yang hanya dibuktikan di pertandingan....

Sesuai jadwal pertangan pada Day 1 - 17 November 2013 adalah sbb :



Nah, pagi-pagi udah pertandingan panas. Oke saya infokan pertandingan antara Syndicate 15 vs XIX Family
Pertandingan pertama adalah futsal. Pertandingan berjalan seru sekali, tanpa diduga XIX Family berhasil membobol gawang Syndicate 15 yang sontak membuat semua yang berada di venue bersorak...
"wah syndicate kebobolan.. bahaya bro.." 

Gol pertama ini membuat para pemain XIX lebih percaya diri, dan alhasil gol kedua pun datang. Golllll
lagi lagi sundulan cantik merubah skor 2-0 untuk keunggulan XIX Family. Sempat terpikir apakah syndicate bakal takluk dengan adik kelas mereka ? apakah syndicate melemah kekuatanya tahun ini ?

Ternyata saat babak kedua berjalan Syndicate 15 mulai menunjukan mental juaranya. 3 gol pun melesat tajam ke gawang XIX Family yang memiliki kiper terbaik. Sayang sekali memang, tapi ada kesempatan di laga kedua. Karena sistem pertandingan dibuat home away. Di pertandingan kedua tampaknya tim synducate 15 lebih all out dalam bermain, tim XIX pun harus mengakui mental juara dari Syndicate 15. skor 1- 0 dan aggregat akhir adalah 4-2. Selamat!

XIX Family VS Syndicate 15
Suasana sebelum pertandingan dimulai... #WikuCup2013


Pertandingan lain juga berlangsung seru. ada tim tim mulai angkatan 1 - 19 di acara ini jadi mereka saling bersemangat menjadikan timnya juara. lihat hasil hasil pertandingan kemarin di Facebook Wikusama Cup

Di sisi Basket pertandingan pertama juga sangat panas. Bahkan ini yang ditunggu tunggu. 2 tim yang dengan materi pemain hampir seimbang. Di kubu Syndicate pemain basketnya sangat merata. Apalagi mereka juga juara berturut turut di wikusama cup ini. Ada yang bilang pertandingan basket wikusama cup juara basketnya pasti Syndicate 15. Tapi....... jangan lihat tahun tahun lalu. Tahun ini ada sang penantanfg baru siapa lagi kalau bukan XIX Family. walaupun masih baru pertama kali mengikuti ajang ini tapi kekuatan mereka ( XIX ) sudah diperhitungkan oleh lawan-lawanya. Yang diiherankan kenapa pertandingan Syndicate vs XIX dipertemukan di babak awal ? seharusnya ini cocok untuk partai final....










Tapi lagi lagi mental juara sulit ditaklukan, dan ini menjadi semangat tersendiri buat XIX Family tahun depan untuk merebut dominasi Syndicate 15.

Selesai cerita, Yuk kita lihat keseruan di photoboth minggu pertama wikusama cup 2013 jakarta








Tuh keren dan seru kan foto-foto mereka ? ada Funs game seru ala wikusama cup. Ayo datang di puncak acara minggu tanggal 24 November 2013 di GOR SMK Telkom Jakarta. info www.cup.wikusama.org

dan ini adalah jadwal pertandingan di laga puncak wikusama cup 2013

Jadwal acara puncak





Sekian cerita day 1 Wikusama Cup 2013 Jakarta. Akan ada cerita sambungan dari event ini minggu depan. Datang dan ramaikan yaa banyak hadiah juga dari sponsor. ada pancake, sepatu olah raga, dan ada jersey dari Beckzstore

Dan buat kamu yang pingin dapet hadiah jersey minggu depan caranya. kirim foto di twitter kasi kata kata menarik dan mention ke @beckzstore_ nanti, foto yg paling kece akan mendapat hadiah dari beckzstore.

sampai jumpa di final party


Monday, November 18, 2013
Posted by Jody Baharizki

Upload Wordpress dari Localhost Ke CPanel Hosting

Berikut saya akan berikan tutorial bagaimana cara mudah upload wordpress dari localhost ke CPanel hosting anda. Hal ini bertujuan untuk membuat wordpress anda bisa diakses lewat domain kamu. Disini saya contohkan menggunakan domain saya http://jodybaharizki.com.

Saya membuat sebuah website, dan saya telah install wordpress saya di localhost. Bagaimana saya bisa memindahkan wordpress offline ke online ? yuk simak begini steb by stepnya.

1. Persiapan

Siapkan folder wordpress yang sudah kamuu buat. kemudian folder tersebut di compress ke .zip, kemudian Buka halaman cpanel di hosting anda. kemudian pilih file manager seperti gambar dibawah ini.



 Kamu akan masuk ke halaman public html

 Disini kamu upload file wordpress kamu yang sudah dalam bentuk .zip tadi. caranya pilih menu upload -> choose file -> pilih file. Setelah selesai akan kembali pada halaman public html.
Kemudian klik sekali pada file yang baru kamu upload. kemudian pilih menu extract.
Setelah selesai extract, folder yang kamu upload akan muncul kemudian hapus folder .zip

2. Penginstalan

Dalam tahap ini pastikan folder yang kamu upload minimal sudah bisa diakses. contoh: http://namadomain.com atau http://namadomain.com/folderkamu.
Setelah kamu pastikan berjalan kemudian masuk lagi ke halaman home cpanel.
Buat database di MySql database wizard.


Buat nama database kamu. Kemudian buat juga database user beserta passwordnya.


Setelah oke pilih Create User.  Kemudian centang All Previleges. kemudian Next Step


Kemudian masuk ke menu PhpMyAdmin, kemudian pilih database kamu.
Jika kamu sudah punya database di localhost, silahkan kamu import database ke cpanel. Caranya klik import -> pilih file .sql di komputer kamu -> klik go


Maka akan tampil table-table dari wordpress yang sudah kamu install di localhost.
Bagaimana jika saya belum punya database ? 
Silahkan buka domain anda yang sudah di install wordpress tadi kemudian buat database. maka secara otomatis database akan muncul.


3. Penginstalan tahap 2

Setelah database terbentuk dan anda mencoba menjalankan website anda, akan muncul eror database. Itu karena website anda masih direct ke localhost dan setting Database anda belum sesuai dengan database baru. Begini caranya.

Masuk ke folder web kamu -> cari file WP-Config
Kemudian pilih HTML Editor, Cari kemudian edit script seperti ini :


Setelah itu jangan lupa klik save.
coba jalankan website kamu. apakah berhasil ?
Apakah ada error ?
Atau masih mengarah ke localhost ?

Untuk masalah masih mengarah ke localhost mari kita selesaikan tahap akhir.

Masuk home cpanel kamu -> pilih PhpMyAdmin -> masuk ke database kamu -> cari WP-Option -> klik!


Kemudian Ganti siteUrl kamu mengarah ke domain kamu. 


Kemudian coba jalankan website kamu. Berhasil ? Selamat! ini punya saya http://jodybaharizki.com/adamist
Berikutnya saya akan berikan tips dan trik memodifikasi tampilan wordpress kamu. mulai dari pnginstalan tema, plugin, widget dan lain-lain. Jika ada yang ditanyakan silahkan komentar...



Thursday, November 14, 2013
Posted by Jody Baharizki
Tag :

Menampilkan Script Di Postingan Blog

Anda ingin membuat tutorial Web, Aplikasi Desktop, Aplikasi Mobile ? tapi bingung gimana cara kasi tutorialnya ? tenang bro sist, sekarang saya akan berbagi sedikit ilmu tentang bagaimana menampilkan script di postingan blog kalian, nama kerennya sih HIGHLIGHTER
Tapi disini saya namakan " cara menampilkan script di postingan blog " biar lebih merakyat.
Yuk cek caranya, diikuti baik-baik pasti berhasil kok

Masuk ke admin blogger anda, kemudian pilih edit template dan pilih Edit HTML.


Berikutnya tekan CTRL + F pada kolom editor dan cari kode ]]></b:skin>


Kemudian diatas ]]></b:skin> letakan script berikut ini :

   
/*

Style with support for rainbow parens

*/

pre ::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
pre ::selection { background:#FF5E99; color:#fff; text-shadow: none; }

pre code {
  display: block; padding: 0.5em;
  background: #474949; color: #D1D9E1;
}
pre .body,
pre .collection {
   color: #D1D9E1;
}
pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .lisp .string,
pre .javadoc {
  color: #969896;
  font-style: italic;
}

pre .keyword,
pre .clojure .attribute,
pre .winutils,
pre .javascript .title,
pre .addition,
pre .css .tag {
  color: #cc99cc;
}

pre .number { color: #f99157; }

pre .command,
pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {
  color: #8abeb7;
}

pre .title,
pre .localvars,
pre .function .title,
pre .chunk,
pre .decorator,
pre .built_in,
pre .lisp .title,
pre .identifier
{
  color: #b5bd68;
}

pre .class .keyword
{
  color: #f2777a;
}

pre .variable,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .label,
pre .id,
pre .lisp .title,
pre .clojure .title .built_in {
   color: #ffcc66;
}

pre .tag .title,
pre .rules .property,
pre .django .tag .keyword,
pre .clojure .title .built_in {
  font-weight: bold;
}

pre .attribute,
pre .clojure .title {
  color: #81a2be;
}

pre .preprocessor,
pre .pi,
pre .shebang,
pre .symbol,
pre .symbol .string,
pre .diff .change,
pre .special,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata {
  color: #f99157;
}

pre .deletion {
  color: #dc322f;
}

pre .tex .formula {
  background: #eee8d5;
} 

Langkah selanjutnya dengan menambahkan script di atas tag </head>

script src="https://problogizjs.googlecode.com/files/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

Oke, setelah semua langkah telah kalian ikuti klik  simpan template .
Sekarang tata cara penulisan script yang akan kalian tampilkan. Buka tab  compose 
Kemudian tulislah scrit html/css/jquery/javascript kamu.
Setelah itu klik tab   HTML 
Tambahkan script  berikut ini sebagai penutup dari script yg kalian posting
 <pre><code> ..script kamu.. </code></pre>

<pre><code>
isi script kalian ...
bisa HTML, PHP, CI, JQuery, Javascript, dll
</code></pre>

Nah, setelah langkah terakhir dicoba sekarang coba publish postingan kamu, dan lihat hasilnya...
jika ada pertanyaan atau saran langsung aja kometar di bawah ya


@jodybaharizki
Friday, October 11, 2013
Posted by Jody Baharizki

Hai - jodybaharizki chord

A
Hai.. hai..
                         D
Ingatlah saat ini berdiri didepanmu
                F#m
Hingga saat ini
E                        D   E
Sampai akhir nanti

Intro : A D E

A
Dirimu
                         D
Kuingat saat awal itu
                              F#m
Berdiri dibelakangmu
    E                             D  E
Saat awal pertama dulu

A
Dirimu
                            D
Kutahu kamu lebih awal
                           F#m
Sebelum kita bertemu
   E                                    D  E
Saat awal lihat namamu saja

Intro : A D E

A
Hai.. hai..
                         D
Ingatlah saat ini berdiri didepanmu
                F#m
Hingga saat ini
E                        D   E
Sampai akhir nanti

A
Hai.. hai..
                                   D
Janganlah menyerah saat jatuh
                                 F#m
Bangkitlah saat seperti ini
    E                 E
Mari bersama

Outro : A D E



Sunday, October 6, 2013
Posted by Jody Baharizki
Tag :

Wikusama Cup 2013

Wikusama Cup adalah sebuah event olahraga terbesar dari sebuah organisasi ikatan alumni SMK Telkom Sandhy Putra Malang yang bernama Wikusama. Event ini merupakan event favorit bagi para alumni, selain sebagai pertunjukan gengsi antar angkatan, acara ini juga digunakan untuk kesempatan reuni. Bisa dibilang ini adalah ajang kumpul-kumpul setelah sekian lama tidak bertemu kawan lama.

Saat ini, hingga tahun 2013 wikusama telah memiliki 19 angkatan. Ya sesuai lulusan dari SMK Telkom Malang tentunya. Banyak event yang diadakan di Wikusama ini, untuk detailnya silahkan kunjungi website resmi wikusama.org.




Wikusama cup ini diadakan di 2 kota besar di Indonesia yaitu Surabaya dan Jakarta.

Acara ini tidak pernah sepi peminat, bahkan peserta bertambah setiap tahunya seiring dengan bertambahnya jumlah alumni. Mengusung tema " RISING SPIRIT FOR WIKUSAMA " diharapkan smakin menumbuhkan spirit bagi para wikusama di seluruh penjuru dunia lewat wikusama cup ini.

Di Surabaya lomba yang diadakan hanya Futsal saja, Sedangkan untuk Di Jakarta lomba yang diadakan meliputi futsal, basket, dan bulu tangkis.
Tahun lalu di WikusamaCup 2012 angkatan 15 berhasil meraih treble winner di ajang ini. Hal ini juga sebagai sejarah baru bagi Wikusama Cup untuk tim yang memenangkan treble winner.

Siapakah pemenang tahun ini ?
Kita masih sulit untuk menebak siapa pemenang, karena pesaing baru datang dari alumni baru angkatan ke 19. Ya semoga acara semakin menegangkan dan persaingan menjadi lebih alot lagi. kita tunggu saja tanggal 16,17 dan 24 November 2013 nanti di GOR SMK Telkom Jakarta untuk region Jakarta #WikuCupJKT.
Sampai jumpa di postingan acara wikusama cup 2013, saya akan update berita seputar acara ini.

Ini peta lokasi Wikusama Cup Regional Jakarta. Untuk indo lebih lanjut kunjungi website resmi cup.wikusama.org dan follow twitter @iawikusama




Lihat Peta Lebih Besar
Monday, September 30, 2013
Posted by Jody Baharizki
Tag :

Psang Iklan?

Psang Iklan?
Klik gambar diatas

Like Us!

Youtube

\
\

Labels

Powered by Blogger.

Total Pageviews

- Copyright © 2016 Jody Baharizki -@jodybaharizki- Powered by Blogger -