Responsive Menu Navigasi Untuk Header Website

Posted on Leave a commentPosted in Desain Website, Featured

Menu Navigasi pada sebuah website merupakan elemen penting yang perlu diperhatikan baik penampilan dan style untuk setiap detilnya. Menu navigasi berfungsi sebagai pemandu kepada pengunjung agar dapat lebih mudah dalam menentukan kategori yang diinginkan tanpa harus bersusah payah mencarinya. Contoh berikut merupakan menu navigasi yang sangat mendasar dan memungkinkan Anda untuk memahami proses membangun navigasi yang responsif sesuai dengan gadget yang digunakan saat ini.

  1. Menu Navigasi Responsive dengan CSS
     
    Menu Navigasi berikut benar-benar menakjubkan terhadap apa yang dapat Anda lakukan dengan baik CSS Media Query dan Jquery.

     

    Download  Demo
  2. Responsive Menu dengan CSS

     

    Download  Demo
  3. Responsive Menu dengan CSS3 dan JqueryMenu berikut ditampilkan dengan jquery dan CSS3 menggunakan simbol huruf yang indah. Ide utama adalah untuk membantu Anda untuk menghemat waktu untuk membuat menu untuk website, menu ini memiliki banyak konten dan sub-menu. Beberapa sub-menu di menu ini akan ditampilkan dalam konteksnya dan ikon. Menu ini digunakan terbaik dalam desain web profesional yang dapat digunakan dengan mudah dalam tata letak responsif.Menu Drop Down Navigasi Responsif ini menggunakan plugin seperti:
    • jquery-v1.7.1.js
    • Font google
    • Font Awesome

     

    Download  Demo

  4. Naver – Plugin Navigasi Jquery Responsif
    Naver adalah plugin jquery yang merubah menu navigasi dasar menjadi responsive. Menu ini menggunakan transisi dengan CSS3.
     

    Download Demo
  5. Header dengan Logo yang selalu tetap berada di atas

    Bisa dibilang ini bukan menu, namun bisa diaplikasikan dengan menu navigasi, sehingga lebih terlihat elegan dan keren.
     

    Download Demo
Widy Jantiko adalah Founder Rukoweb.com dan Marketing Digital di RHINBiotechnology.com. Widy Jantiko adalah Web Designer dan Web Developer yang memiliki Passion pada WordPress, PHP, HTML5/CSS3 and jQuery, dan juga Menyukai menulis Artikel di beberapa Blog. Untuk Berhubungan dengannya anda bisa menghubungi WA 081284864795.

5 Besar Template WordPress Kosong Untuk Memulai Desain Website

Posted on Leave a commentPosted in Desain Website, Featured, Tips dan Trick

Apa yang dimaksud dengan Template WordPress Kosong?

Template WordPress Kosong disebut dengan istilah boilerplates yaitu sebuah unit yang dalam menulis bahasa pemrograman yang bisa digunakan kembali berulang-ulang. Boilerplates berfungsi sebagai titik awal untuk mengembangkan template yang bisa dibuat sesuai selera sendiri, itulah sebabnya mereka juga dipanggil “Template Pemula” terkadang disebut “Template Terbuka”.

Template WordPress Kosong dihasilkan dengan WordPress PHP dasar, CSS, dan kode HTML dan file template yang sudah diisi dan bisa dikostumisasi untuk Anda.

Tidak seperti kerangka dasar template, sebagian besar file dalam Template WordPress Kosong dimaksudkan untuk dimodifikasi berdasarkan kebutuhan Anda.

Mengapa Menggunakan Template WordPress Kosong?

Template WordPress Kosong akan mempercepat alur kerja Anda dengan mengurangi jumlah kode yang Anda butuhkan untuk menulis. Memiliki dasar rangka berarti Anda tidak harus melakukan proses inisiasi yang sama berulang setiap kali Anda perlu untuk mulai membuat template baru.

Selain itu, menggunakanTemplate WordPress Kosong  menurunkan kemungkinan Anda lupa file penting atau kode yang diperlukan untuk template untuk berfungsi dengan baik.

Beberapa Template WordPress Kosong juga akan memiliki fitur yang terintegrasi yang berguna seperti layout responsif dan data sampel untuk membantu Anda menguji tema Anda.

Di bawah ini adalah gambaran dari 5 besar Template WordPress Kosong dengan popularitas tertinggi:

  1. Root
    Roots
    Roots merupakan template WordPress pemula yang open source yang sangat baik. Template ini dibangun dengan menggunakan HTML5 Boilerplate dan Bootstrap (jika Anda tidak membutuhkannya, Anda dapat mengganti atau menghapusnya).
  2. Underscore.me
    Underscore.me
    UNderscores, merupakan template wordpress kosong gratis yang dikembangkan oleh Automattic, pencipta WordPress. Sayangnya tidak responsive, dan anda harus membuatnya sendiri agar responsif.
  3. Bones
    Bones
    Dibangun di atas HTML5 Boilerplate. Template wordpress kosong ini responsif, dan dikembangkan di bawah filosofi Pertama Mobile. WPtuts+ memiliki tutorial Bones yang sangat baik untuk membantu Anda memulai dengan mengagumkan pemula tema ini. Cek Tutorialnya disini

  4. HTML5 Reset
    HTML5Reset
    Tema kosong ini akan membantu Anda memulai pada jalur yang benar mengarahkan anda memproduksi template HTML5 WordPress yang tersetruktur. Misalnya, pengaturan postingan template yang disertakan dalam settingan Pengaturan Template dan menggabungkannya agar mesin pencari lebih memahami konten Anda.
  5. HTML5 Blank
    http://cdn.sixrevisions.com/0398-04_blank_wordpress_theme_htmlblank.jpg

Sumber: http://sixrevisions.com/wordpress/blank-wordpress-themes/

Widy Jantiko adalah Founder Rukoweb.com dan Marketing Digital di RHINBiotechnology.com. Widy Jantiko adalah Web Designer dan Web Developer yang memiliki Passion pada WordPress, PHP, HTML5/CSS3 and jQuery, dan juga Menyukai menulis Artikel di beberapa Blog. Untuk Berhubungan dengannya anda bisa menghubungi WA 081284864795.

Tips Agar Website WordPress Anda Aman

Posted on Posted in Featured, Tips dan Trick

Memiliki sebuah website, dan menginstallnya dengan wordpress membuat anda harus menyiapkan cara agar website anda tetap aman. Mengalami website hasil kerja bertahun-tahun diretas dan kehilangannya dalam semalam merupakan keadaan yang benar-benar menyedihkan. Bahkan, penelitian menunjukkan bahwa 37.000 website dihack setiap hari, dan pengguna WordPress sekitar 25,4% dari semua situs web, dan kita yakin bahwa ada banyak dari blog WordPress yang diretas setiap hari.

Keamanan WordPress saat ini bukan hanya sekedar penggunaan username dan password yang sulit ditebak, bahkan hal tersebut sudah kurang memadai. Sebuah template dengan bugs, plugin yang salah dan file tidak terlidungi dengan benar akan membuat wordpress anda diretas setiap malam.

Walaupun anda berpengalaman dengan wordpress, bahkan sejak pertama platform ini dirilis. Tips Agar Website WordPress Anda Aman ini tetap bisa membuat wordpress anda aman bukan?.

 

1. Nonaktifkan Editor Tema WordPress & Editor Plugin

WordPress memiliki fitur berguna yang memberikan lebih banyak fleksibilitas pemilik situs dengan memungkinkan mereka untuk menyesuaikan dan mengedit tema dan plugin mereka langsung dari dashboard WordPress, tapi fitur ini telah membawa kerusakan pada kebanyakan blog.

Dengan fitur ini, sedikit kesalahan dapat menyebabkan situs Anda crash dan mengunci Anda keluar dari situs Anda sendiri. Peretas dapat dengan mudah menyisipkan kode berbahaya ke tema Anda dan memberikan mereka akses dari pintu belakang ke situs Anda, atau bahkan mengambil alih situs Anda sepenuhnya, dengan mendapatkan kontrol dari account yang memiliki hak akses untuk menggunakan editor tema dan plugin.

Anda dapat melindungi diri dengan menonaktifkan plugin dan tema editor, sehingga mustahil untuk mengubah tema Anda dan plugin tanpa akses FTP.

Lakukan ini dengan menambahkan kode berikut ke file wp-config.php Anda:

define( 'DISALLOW_FILE_EDIT', true );

 

2. Aktifkan Otentifikasi Dua Factor

Otentikasi dua faktor dengan cepat menjadi salah satu cara yang paling ampuh untuk diandalkan untuk melindungi akun online Anda, dan situs web yang paling dapat diandalkan akan bersikeras bahwa pengguna mereka mengaktifkannya.

WordPress secara default tidak memiliki otentikasi dua faktor yang dikembangkan didalamnya, Anda dapat mengaktifkan otentikasi dua faktor di blog Anda. Kita akan melihat beberapa plugin otentikasi atas tersedia untuk WordPress:

 

3. Batasi Login Berdasarkan Jumlah Upaya Gagal
Ada banyak cara hacker mencoba untuk mendapatkan akses ke blog Anda, dan salah satu teknik yang paling umum digunakan adalah serangan brute force: hacker mencoba kombinasi username dan password, lagi dan lagi, sampai ia / dia berhasil mengakses blog Anda. Beberapa plugin yang bisa anda gunakan diantaranya:

 

4. Secara Berkala Selalu Melakukan Pindai Website
Dengan memindai file tema/template, plugin, link, dan unsur-unsur yang tampaknya tidak berbahaya lainnya dapat digunakan untuk mendapatkan akses ke blog Anda. Jangan menunggu sampai website Anda sepenuhnya terinfeksi sebelum Anda mengambil tindakan. Sebaliknya, menginstal plugin pemindai keamanan dan secara teratur memindai situs Anda dan memberitahu Anda jika perubahan file Anda akan sangat berguna sebagai tindakan preventif. Dengan menginstall plugin berikut:

 

5. Sembunyikan Versi WordPress Anda
Secara default, WordPress menampilkan nomor versi; ini memudahkan WordPress untuk melacak berapa banyak blog WordPress yang aktif di seluruh dunia. Namun, ini juga bisa menjadi sumber besar masalah; peretas dan bot dapat memindai web untuk menggunakan nomor versi WordPress mengetahui apakah diketahui rentan, dan membuat Anda sasaran empuk.Anda dapat dengan mudah memecahkan masalah ini dengan menyembunyikan nomor versi WordPress Anda. Untuk menyembunyikan nomor versi WordPress Anda, cukup tambahkan kode berikut ke file functions.php Anda:

add_filter ('the_generator', '__return_false');

 

6. Non Aktifkan Laporan Error PHP

Saat Plugin maupun template wordpress tidak bekerja dengan semestinya, biasanya wordpress akan melaporkan error lengkap dengan alamat file yang error, ini bisa menjadi kelebihan karena memberi-tahu kita dimana error tersebut terjadi sekaligus kelemahan bagi kita sehingga peretas bisa mengetahui dan menggunakan informasi ini dan untuk me-non akifkan fungsi ini kita bisa menambahkan perintah berikut ke filr wp-config.php melalui FTP.

error_reporting(0);
@ini_set(‘display_errors', 0);

 

7. Selalu lakukan Backup Berkala Website Anda
Salah satu cara terbaik menghadapi peretas adalah melakukan backup dan backup, jika memungkinkan lakukan backup data setiap hari. Cara ini bisa kita lakukan dengan mengembalikan kembali data website yang diretas. Berikut adalah plugin yang bisa kita gunakan untuk melakukan backup website wordpress:

 

8. Pilih Perusahaan Hosting Baik
Karena kita hidup di dunia di mana serangan peretas semakin merajalela, pastikan untuk memilih solusi hosting terbaik untuk situs WordPress Anda dengan selalu membaca review dari forum komunitas, karena Penelitian Menunjukkan 41% Website dengan Platform WordPress diretas lebih banyak karena masalah hosting dibanding sumber lainnya termasuk didalamnya Password dan Username yang mudah ditebak.

 

9. Selalu Lakukan Update Berkala
Ini adalah penyempurnaan dari Backup berkala. Selalu update WordPress dan Plugin anda secara berkala, lakukan Backup sebelum dan sesudah update atau upgrade jika terjadi permasalah. Sebelum memilih plugin yang akan digunakan lihat terlebih dahulu update terakhir dari plugin tersebut apakah selalu diperbaharui atau update terakhir adalah dua tahun yang lalu.

 

10. Kesimpulan
Selain tips-tips di atas tentu saja jangan abaikan penggunaan Username dan Password yang sulit ditebak, dan juga jangan mengabaikan tips-tips di atas sehingga Website WordPress anda menjadi lebih aman.


Sumber:

Widy Jantiko adalah Founder Rukoweb.com dan Marketing Digital di RHINBiotechnology.com. Widy Jantiko adalah Web Designer dan Web Developer yang memiliki Passion pada WordPress, PHP, HTML5/CSS3 and jQuery, dan juga Menyukai menulis Artikel di beberapa Blog. Untuk Berhubungan dengannya anda bisa menghubungi WA 081284864795.

Cara Membuat Animasi Transisi Sebuah Website Satu Halaman Penuh

Posted on Posted in Desain Website, Featured

large

Di masa yang lalu, menambahkan animasi transisi di halaman web telah menjadi proses yang sederhana. Ketika Anda mengklik link itu mengarahkan Anda ke halaman berikutnya sebagai proses mengunduh halaman atau elemen web berikutnya . Saat ini Web akan terasa ketinggalan jaman jika masih ada banyak ruang untuk meningkatkan tampilan web anda. Bukankah lebih bagus untuk menambahkan beberapa animasi transisi untuk menciptakan pengalaman pengguna?

Jika kita mencari di search engine ada banyak aplikasi yang rumit dan plugin yang ditawarkan namun efeknya tetap sama dan beberapa orang mungkin berpikir bahwa sulit untuk mengaplikasikannya pada website. Untungnya, hal itu sangat mudah dilakukan.

Dengan bermain-main dengan jQuery dan CSS untuk mencari cara untuk  mengaplikasikan kembali pada halaman web dengan animasi yang mengagumkan pasti akan membuat pikiran pengguna terpakau dan ini bisa dilakukan tanpa menggunakan plugin apapun. Silahkan anda akan mudah mengunduhnya di bawah ini.

Download Demo

 

Sumber: http://designmodo.com/create-full-page-animation/

 

Widy Jantiko adalah Founder Rukoweb.com dan Marketing Digital di RHINBiotechnology.com. Widy Jantiko adalah Web Designer dan Web Developer yang memiliki Passion pada WordPress, PHP, HTML5/CSS3 and jQuery, dan juga Menyukai menulis Artikel di beberapa Blog. Untuk Berhubungan dengannya anda bisa menghubungi WA 081284864795.

Gambar dan foto gratis untuk keperluan komersil

Posted on Posted in Desain Grafis, Featured

Sebagai seorang web dan graphic designer menemukan dan mendownload gambar dan foto gratis untuk keperluan membuat desain website, desain grafis, logo, dll memang menjadi tantangan tersendiri bagi banyak orang.

Tapi Anda tidak perlu khawatir karena setelah Anda di bawah ini tantangan anda akan berkurang. Minimal langkah Anda untuk mendapatkan gambar atau foto profesional gratis berkualitas akan lebih mudah, bahkan foto-foto ini bisa anda gunakan untuk keperluan komersil

Baik, langsung saja inilah informasi berharga yang sudah kami kumpulkan khusus untuk Anda:

Images, Pictures, Photos FREE for commercial use.

Pelajari terlebih dahulu lisensi dari web-web diatas, supaya Anda bisa menggunakan dengan aman dan nyaman tanpa dituntut oleh pemilik gambar. Kemudian untuk memanfaatkannya sebaiknya anda menyesuaikannya dengan tema yang akan anda buat, dan menyelaraskannya dengan artikel sehingga membuat artikel anda profesional. Semoga bermanfaat.

Widy Jantiko adalah Founder Rukoweb.com dan Marketing Digital di RHINBiotechnology.com. Widy Jantiko adalah Web Designer dan Web Developer yang memiliki Passion pada WordPress, PHP, HTML5/CSS3 and jQuery, dan juga Menyukai menulis Artikel di beberapa Blog. Untuk Berhubungan dengannya anda bisa menghubungi WA 081284864795.

Template Blogger Gratis 2016

Posted on Posted in Desain Website, Featured

Baru-baru ini masyarakat blogspot telah berkembang ke skala yang jauh lebih tinggi dan kita bisa melihat banyak template blogger gratis dirilis untuk blogger tanpa jeda. Blogspot adalah CMS pertama yang saya pernah ingat dan yang pertama saya telah menggunakan dan itu juga untuk tahun sebelum beralih ke yang lain karena sumber daya yang terbatas saat itu. Banyak situs memberikan versi sederhana dan ringan dari template mereka berbayar kepada kami dan itu adalah anugerah bagi komunitas blogging. Versi ringan adalah versi yang kita butuhkan untuk memulai bisnis dari awal.

Kebanyakan template blogger gratis adalah situs baru-baru  dan banyak bahkan tidak tercantum di blogger pada saat ini. Beberapa rilis khusus telah diberitahu dan kami telah mendaftarkan mereka di sini hanya untuk Anda. Satu, dua, tiga kolom template semua dari mereka di sini meskipun dengan sedikit usaha dan bermain kita bisa mengubah tampilan dari template sepenuhnya.

Berikut adalah template blogger gratis yang saya kumpulkan untuk anda dari beberapa situs:

 

1.Gamer Template Kreatif untuk Pencinta Game

gamer

Berikut adalah template blogger untuk menciptakan layout yang unik diperlukan untuk menampilkan game terbaru, berita dan ulasan. Dengan HTML5 dan CSS3 kode yang valid template ini juga dioptimalkan untuk seo dan menampilkan posting dalam layout template dengan gaya blog klasik.

[download url=”https://dl.dropboxusercontent.com/u/74113979/blogger/Gamer-Free-Version.zip” color=”grey”]Download[/download] | [download url=”http://gamer-veethemes.blogspot.in/” color=”grey”]Demo[/download]

 

2.Venice – Template Blogger Bergaya Majalah

vanice

Sebuah template dengan tema majalah yang jernih dengan tiga kolom layout yang modern yang bagus dengan sidebar dapat mengesankan pemirsa Anda dan diri Anda sendiri.

[download url=”https://dl.dropboxusercontent.com/u/74113979/blogger/Vanice-free-version.zip” color=”grey”]Download[/download] | [download url=”http://vanice-veethemes.blogspot.in/” color=”grey”]Demo[/download]

 

3.Inspiro
Dengan tampilan muka yang brilian diisi dengan posting blog yang selalu tampil template  ini adalah pilihan yang layak untuk website blogger Anda.

inspiro

[download url=”https://dl.dropboxusercontent.com/u/74113979/blogger/Inspiro-Free-Version.zip” color=”grey”]Download[/download] | [download url=”http://inspiro-veethemes.blogspot.in/” color=”grey”]Demo[/download]

 

4.Food Blog

Template template Food Blog adalah template sederhana untuk blogger makanan dan perancang busana. Ini telah terbaik mencari ikon bookmark sosial di tiga tempat seperti header, sidebar dan kolom footer. Template ini dirancang dengan warna hitam sehingga terlihat sederhana dan elegan.

Food-Blog-Blogger-Template

[download url=”https://gooyaabitemplates.com/download/Food-Blog-Free-Version.zip” color=”grey”]Download[/download] | [download url=”http://gooyaabitemplates.com/livepreview/food-blog/” color=”grey”]Demo[/download]

5.Minimal Clean Blogger Template

Minimal-Clean-Blogger-Template

Blogger, Minimalist, Ads Ready, Seo Ready, Simple, Personal Pages, 3 Columns Footer, 2 Columns, 1 Sidebar, Clean, White, Seo Ready, Magazine, 1 Right Sidebar, Photography, Free Premium, Right Sidebar, Post Thumbnails, Responsive, Social Bookmark Ready, Drop Down Menu.

[download url=”https://gooyaabitemplates.com/download/Minimal-free-version-without-slider.zip” color=”grey”]Download[/download] | [download url=”http://gooyaabitemplates.com/livepreview/minimal/” color=”grey”]Demo[/download]

Sumber:

 

Widy Jantiko adalah Founder Rukoweb.com dan Marketing Digital di RHINBiotechnology.com. Widy Jantiko adalah Web Designer dan Web Developer yang memiliki Passion pada WordPress, PHP, HTML5/CSS3 and jQuery, dan juga Menyukai menulis Artikel di beberapa Blog. Untuk Berhubungan dengannya anda bisa menghubungi WA 081284864795.