Beberapa fitur menarik dari theme ini adalah: theme option, 4 tipe slider yang berbeda (Nivo slider, 3D piecemaker 2, Accordion, dan statik video konten), berbagai variasi layout halaman (homepage, blog, galeri/portofolio, single post, single galeri, kontak, halaman 404 dst.), teaser text, widget (testimoni, tab, tweet, galeri flickr, video, social media badge, social media list, dll.), skin biru dan hitam, WordPress custom menu, WordPress custom post type, sidebar bisa dikanan, dikiri atau bahkan tanpa sidebar, tipografi (bisa menggunakan @font-face maupun Google web font), meta box untuk pengaturan halaman, shortcode dan berbagai fitur lain yang belum saya sebutkan disini.

Gunakan kupon “lotuspond” dan dapatkan diskon 20% untuk semua theme WordPress dari WPNuke sampai tanggal 10 Februari 2012. Tunggu apa lagi, dapatkan theme LotusPond sekarang juga.

Related Posts

Kode jQuery untuk Mengatasi Problem Z-index pada Iframe YouTube

$(document).ready(function() {
    $("iframe").each(function(){
        var ifr_source = $(this).attr('src');
        var wmode = "wmode=transparent";
        if(ifr_source.indexOf('?') != -1) {
            var getQString = ifr_source.split('?');
            var oldString = getQString[1];
            var newString = getQString[0];
            $(this).attr('src',newString+'?'+wmode+'&'+oldString);
        }
        else $(this).attr('src',ifr_source+'?'+wmode);
    });
});

Kode jQuery diatas akan secara otomatis memodifikasi kode embed video YouTube yang berupa iframe. Semoga tutorial jQuery yang singkat ini bisa bermanfaat, selamat mencoba.

Related Posts

Ferdi Rizkiyanto adalah seorang Graphic Designer dan Art Director dari Indonesia. Karya desain grafis Ferdi luar biasa dan sangat perhatian terhadap detail. Dia telah bekerja untuk brand-brand ternama, diantaranya Coca-Cola, Hugo, KitKat, Sky TV, Samsung, Red Bull dan beberapa nama company besar lainnya. Dan disini akan saya tunjukkan beberapa karya hebat Ferdi yang bisa kita jadikan inspirasi dalam desain.

global warming PSA – time

Break your boundaries 2

Nothing’s unplayable

Colors

Hugo2 – One Fragrance, One Tree

Hugo – One Fragrance, One Tree

Idealism

Drink and Drive

Pause

doors and paths

Death Star Coffee Maker

Butcher

Matahari Corporate Ad 3

brainstorm

Dimana kita bisa menemukan Ferdi Rizkiyanto di web

• Website Ferdi Rizkiyanto
• Ferdi Rizkiyanto di DeviantART
• Ferdi Rizkiyanto di Behance Network

Saya berharap semoga fotomanipulasi diatas bisa meninspirasi kita dalam berkarya, kamu bisa berlangganan artikel di Grafisia melalui Grafisia RSS feed atau bisa juga dengan berlangganan lewat e-mail.

Related Posts

File berupa ZIP yang didalamnya terdapat file PSD dengan layer-layer yang terorganisasi dengan baik, jadi ketika kamu ingin mengubah warna, font, ukuran dan yang lainnya semuanya bisa dilakukan dengan mudah.

Seperti biasa, template ini boleh digunakan untuk kebutuhan personal maupun komersial, dengan syarat file ini tidak dijual. Tolong jangan gunakan file ini untuk download gratis disitusmu, jika kamu ingin share dengan yang lain silakan link-kan ke halaman ini.

Follow @grafisia dan like Grafisia di Facebook untuk terus update freebie PSD template berikutnya.

Download template sticker PSD

Related Posts

Follow @grafisia dan like Grafisia di Facebook biar nggak ketinggalan update freebie lainnya.

Download iMac PSD file

Related Posts

Untuk mengubah font pada HTML editor kita hanya butuh menambahkan beberapa baris code kedalam theme WordPress yang kita gunakan. Yang perlu dilakukan pertama buka file functions.php yang ada pada folder theme kemudian tambahkan code dibawah ini.

add_action( 'admin_head-post.php', 'grafisia_fix_html_editor_font' );
add_action( 'admin_head-post-new.php', 'grafisia_fix_html_editor_font' );

function grafisia_fix_html_editor_font() { ?> <style type="text/css">#editorcontainer #content, #wp_mce_fullscreen, #wp-content-editor-container #content { font-family: Georgia, "Times New Roman", Times, serif; }</style> <?php }

Ini akan mengubah font yang digunakan HTML editor dari monospace menjadi Georgia. Kamu tentu saja bisa mengubah font ini sesuai apa yang kamu sukai dengan cara mengubah font-family. Misalkan kamu ingin menggunakan font Arial, maka yang harus kamu lakukan adalah mengubah baris font-family: Georgia, "Times New Roman", Times, serif; menjadi font-family: Arial, Helvetica, Sans-Serif;.

Berikut ini adalah screenshot sebelum dan sesudah perubahan font.

Semoga tips singkat cara mengubah font HTML editor WordPress ini bermanfaat.

Related Posts

Ketika awal ngeblog saya belum kenal dengan yang namanya PHP, HTML maupun CSS. Hal yang ada kaitannya dengan desain web yang saya ketahui saat itu hanyalah Photoshop. Bahkan blog pertama saya (yang saat itu masih pakai domain co.cc) masih menggunakan theme WordPress buatan orang. Blog saya terus berkembang dan saya menginginkan tampilan blog yang unik yang orang tidak akan menemuinya kecuali di blog saya. Dari situlah saya mulai mendesain theme WordPress menggunakan Photoshop. Dengan sedikit ilmu mengenai algoritma pemograman yang saya miliki, saya mulai belajar PHP, HTML dan CSS untuk membuat theme WordPress. Dan alhamdulillah akhirnya saya berhasil membuat theme WordPress untuk pertama kalinya. Theme WordPress pertama saya adalah theme yang digunakan Painthink sampai saat ini. Hanya ada beberapa pengembangan dan perubahan gambar background, dari yang dulunya (kalau masih ada yang ingat) gambar smoke merah dengan gradient biru sekarang berubah menjadi gambar planet bumi dengan sebuah satelit disebelahnya.

Dari pengalaman pertama bikin theme ini, saya jadi semakin suka coding dan terus membuat theme-theme WordPress yang lain. Diantara theme WordPress buatan saya adalah theme yang saat ini digunakan Grafisia dan theme-theme lainnya yang dipakai website orang. Dengan terus belajar, praktek dan pengalaman yang cukup banyak akhirnya saat ini saya bisa membuat theme WordPress dengan kualitas theme premium. Dari sinilah muncul ide untuk memanfaatkan skill yang saya miliki ke arah yang lebih professional, yaitu terus berkreasi membuat theme WordPress yang berkualitas dan menjualnya sebagai theme premium. Dengan segala puji dan rasa syukur kepada Alloh Azza wa Jalla saya perkenalkan WpNuke.

Ada beberapa alasan mengapa saya memilih nama “WpNuke”. Pertama namaya cukup pendek (hanya enam huruf) dan mudah diingat. Kedua saya gunakan “Wp” yang tentu saja semua sudah tahu ini merupakan singkatan dari WordPress. Terakhir adalah kata “Nuke” yang merupakan istilah lain dari nuklir. Sebelumnya saya pernah menggunakan istilah nuke saat menulis tutorial membuat efek cahaya pada teks dengan Photoshop. Terus mengapa saya menggunakan kata “Nuke”? Jujur saja, saya adalah orang yang sangat menyukai Fisika terutama fisika modern dan fisika nuklir. Dan saya lihat nuklir sampai saat ini memberikan manfaat yang sangat besar bagi kehidupan manusia, baik dalam bidang energi, kesehatan, iptek, pertanian dll. Dan saya berharap theme yang saya buat juga akan memberi banyak manfaat kepada orang lain. O iya, selain itu alasan lain kenapa saya memakai kata “Nuke” karena saya juga seorang yang sangat pro dengan teknologi nuklir.

Proses pembuatan WpNuke ini saya mulai dengan membuat produk pertama, theme WordPress untuk news dan magazine yang saya beri nama “MakNews“. Info lebih lengkap mengenai theme ini insyaAlloh akan saya tulis pada posting berikutnya.

Kemudian saya lanjutkan dengan mendesain tampilan WpNuke. Desain logo dan keseluruhan tampilan web saya bikin sendiri. Mulai dari Photoshop, CSS, HTML, PHP sampai beberapa efek jQuery. Konsep desain cukup berbeda dengan Painthink dan Grafisia. Kesan Indonesia banget saya masukkan dalam desain WpNuke, yaitu dengan background batik dan desain logo yang terinspirasi gaya Aksara Jawa (Hanacaraka) namun tidak memaksakan membuat font yang menyerupai Aksara Jawa. Beberapa teknik advanced CSS saya gunakan dalam desain web ini dimana kamu disana bisa menemukan cara kreatif penggunaan transition CSS dll. Desain memiliki beberapa layout yang berbeda pada beberapa halaman, seperti homepage, blog, themes, theme single, documentation, forum dan beberapa halaman lain yang membuat tampilan web lebih fresh dan tidak membosankan. Screenshot homepage bisa kamu lihat pada gambar berikut ini, dan untuk lebih jelasnya kamu bisa kunjungi WpNuke langsung.

Dengan izin dan pertolongan Alloh Subhanahu wa Ta’ala saya akan terus berusaha berbagi ilmu di Painthink dan Grafisia serta berkarya di WpNuke. Jika ada saran, komentar atau mau berbagi sesuatu dengan pembaca yang lain silakan tulis di kolom komentar, sebelumnya saya ucapkan terimakasih.

Related Posts

Preview Desain Tombol Web

Mengubah Warna Tombol untuk Menyesuaikannya dengan Desain Web

Untuk mengubah warna tombol sangatlah mudah, saya akan memberikan tutorial ringkas bagaimana melakukannya. Pertama, buka file di Photoshop, dan kamu akan menjumpai file tombol glossy ini terdiri dari tiga layer dalam satu folder, layer teks, highlight, dan layer warna. Klik dua kali pada thumbnail dari layer yang bernama ‘color’ untuk menampilan jendela color swatch. Gunakan mouse untuk memilih warna atau kamu juga bisa memasukkan langsung kode warna yang kamu inginkan (misal: #26689F). Klik OK jika kamu sudah menemukan warna yang cocok untuk desain web kamu. Dan cukup sekian kamu telah mendapatkan tombol web glossy sebagaimana yang kamu inginkan.

Perhatian!!! kamu bisa menggunakan file ini untuk proyek pribadi maupun komersial, tetapi kamu tidak boleh menjual maupun menyebarkannya tanpa izin. Demikian pula jangan jadikan file PSD ini sebagai download gratisan di situs kamu, jika kamu ingin berbagi ke temanmu atau pembaca situsmu, silakan link balik ke halaman ini.

Tidak ingin ketinggalan info file-file PSD gratis berikutnya? silakan subscribe ke Painthink RSS feed, follow saya di Twitter atau klik untuk berlangganan artikel via e-mail.

Download Tombol Web Glossy

Related Posts