Tuesday, 12 April 2016

Tutorial Membuat Menu Navigasi Dropdown Blog

Pagi ini saya ingin membagikan sesuatu yang menarik bagi anda semua, Tutorial membuat menu navigasi dropdown blogspot.


  • Masukkan kode dibawah ini tepat di atas kode "]]></b:skin>" atau "</style>"
          nav { display:block; margin-top:100px; background:#374147; border-bottom:4px solid #07ACEC; }
    .menu { display:block; }
    .menu li { display:inline-block; position:relative; z-index:100; }
    .menu li:first-child { margin-left:0; }
    .menu li a { font-weight:600; text-decoration:none; padding:20px 15px; display:block; color:#fff; transition:all 0.2s ease-in-out 0s; }
    .menu li a:hover,.menu li:hover>a { color:#fff; background:#07ACEC; }
    .menu ul { visibility:hidden; opacity:0; margin:0; padding:0; width:150px; position:absolute; left:0; background:#fff; z-index:99; transform:translate(0,20px); transition:all 0.2s ease-out; }
    .menu ul:after { bottom:100%; left:20%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(255,255,255,0); border-bottom-color:#fff; border-width:6px; margin-left:-6px; }
    .menu ul li { display:block; float:none; background:none; margin:0; padding:0; }
    .menu ul li a { font-size:12px; font-weight:normal; display:block; color:#797979; background:#fff; }
    .menu ul li a:hover,.menu ul li:hover>a { background:#07ACEC; color:#fff; }
    .menu li:hover>ul { visibility:visible; opacity:1; transform:translate(0,0); }
    .menu ul ul { left:149px; top:0; visibility:hidden; opacity:0; transform:translate(20px,20px); transition:all 0.2s ease-out; }
    .menu ul ul:after { left:-6px; top:10%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(255,255,255,0); border-right-color:#fff; border-width:6px; margin-top:-6px; }
    .menu li>ul ul:hover { visibility:visible; opacity:1; transform:translate(0,0); }
    .responsive-menu { display:none; width:100%; padding:20px 15px; background:#374147; color:#fff; text-transform:uppercase; font-weight:600; }
    .responsive-menu:hover { background:#374147; color:#fff; text-decoration:none; }
    a.homer { background:#07ACEC; }
    @media (min-width:768px) and (max-width:979px) {
        .mainWrap { width:768px; } .menu ul { top:37px; } .menu li a { font-size:12px; } a.homer { background:#07ACEC; }
    }
    @media (max-width:767px) {
        .mainWrap { width:auto; padding:50px 20px; } .menu { display:none; } .responsive-menu { display:block; margin-top:100px; } nav { margin:0; background:none; } .menu li { display:block; margin:0; } .menu li a { background:#fff; color:#797979; } .menu li a:hover,.menu li:hover>a { background:#07ACEC; color:#fff; } .menu ul { visibility:hidden; opacity:0; top:0; left:0; width:100%; transform:initial; } .menu li:hover>ul { visibility:visible; opacity:1; position:relative; transform:initial; } .menu ul ul { left:0; transform:initial; } .menu li>ul ul:hover { transform:initial; }
    } 

  • Masukkan kode di bawah ini tepat diatas kode "</head>" atau "</body>"
       <link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
    <script type="text/javascript">
    $(document).ready(function(){
     var touch  = $('#resp-menu');
     var menu  = $('.menu');
     $(touch).on('click', function(e) {
      e.preventDefault();
      menu.slideToggle();
     });
     $(window).resize(function(){
      var w = $(window).width();
       menu.removeAttr('style');
      }
     });
    });
    </script>

  • Selanjutnya yang terakhir masukkan kode berikut tepat diatas "<div class='main-outer'>".
       <nav>
    <a id="resp-menu" class="responsive-menu" href="#"><i class="fa fa-reorder"></i> Menu</a>
       <ul class="menu">
       <li><a class="homer" href="#"><i class="fa fa-home"></i> HOME</a>
       <ul class="sub-menu">
       <li><a href="#">Sub-Menu 1</a></li>
       <li><a href="#">Sub-Menu 2</a></li>
       <li><a href="#">Sub-Menu 3</a></li>
       <li><a href="#">Sub-Menu 4</a></li>
       <li><a href="#">Sub-Menu 5</a></li>
       </ul>
       </li>
      <li><a  href="#"><i class="fa fa-user"></i> ABOUT</a></li>
      <li><a  href="#"><i class="fa fa-camera"></i> PORTFOLIO</a>
      <ul class="sub-menu">
       <li><a href="#">Sub-Menu 1</a></li>
       <li><a href="#">Sub-Menu 2</a>
        <ul>
        <li><a href="#">Sub Sub-Menu 1</a></li>
        <li><a href="#">Sub Sub-Menu 2</a></li>
     <li><a href="#">Sub Sub-Menu 3</a></li>
        <li><a href="#">Sub Sub-Menu 4</a></li>
     <li><a href="#">Sub Sub-Menu 5</a></li>
        </ul>
       </li>
         <li><a href="#">Sub-Menu 3</a>
        <ul>
        <li><a href="#">Sub Sub-Menu 1</a></li>
        <li><a href="#">Sub Sub-Menu 2</a></li>
     <li><a href="#">Sub Sub-Menu 3</a></li>
        <li><a href="#">Sub Sub-Menu 4</a></li>
     <li><a href="#">Sub Sub-Menu 5</a></li>
        </ul>
       </li>
       </ul>
      </li>
      <li><a  href="#"><i class="fa fa-bullhorn"></i> BLOG</a></li>
        <li><a  href="#"><i class="fa fa-tags"></i> CATEGORIES</a>
      <ul class="sub-menu">
       <li><a href="#">Sub-Menu 1</a></li>
       <li><a href="#">Sub-Menu 2</a>
        <ul>
        <li><a href="#">Sub Sub-Menu 1</a></li>
        <li><a href="#">Sub Sub-Menu 2</a></li>
     <li><a href="#">Sub Sub-Menu 3</a></li>
        <li><a href="#">Sub Sub-Menu 4</a></li>
     <li><a href="#">Sub Sub-Menu 5</a></li>
        </ul>
       </li>
         <li><a href="#">Sub-Menu 3</a>
        <ul>
        <li><a href="#">Sub Sub-Menu 1</a></li>
        <li><a href="#">Sub Sub-Menu 2</a></li>
     <li><a href="#">Sub Sub-Menu 3</a></li>
        <li><a href="#">Sub Sub-Menu 4</a></li>
     <li><a href="#">Sub Sub-Menu 5</a></li>
        </ul>
       </li>
       </ul>
      </li>
      <li><a  href="#"><i class="fa fa-envelope"></i> CONTACT</a></li>
      <li><a  href="#"><i class="fa fa-sitemap"></i> SITEMAP</a></li>
      <li><a  href="#"><i class="fa fa-exclamation-triangle"></i> DISCLAIMER</a></li>
      </ul>
      </nav>

  • Ganti tanda # dengan link yang anda inginkan. Save Template dan Selesai.
demo tutorial membuat menu navigasi dropdown blogspot

Friday, 1 April 2016

About Corel DRAW X5

Ketika mendengar kata kata corel maka kita akan langsung spontan dan langsung respon serta tau, kalau itu adalah corel draw yang merupakan Software terkenal masa kini dengan berbagai fitur yang disuguhkanya, lengkap dan rinci, corel draw x5 sudah membenahi beberapa bug seperti "floating toolbar" dll.  CorelDraw adalah editor grafik yang dikembangkan oleh Corel, sebuah perusahaan perangkat lunak yang bermarkas di Ottawa, Kanada. Versi terbarunya, CorelDRAW X5 dirilis pada tanggal 23 Februari 2008. CorelDRAW pada awalnya dikembangkan untuk sistem operasi Windows 2000 dan seterusnya. Versi CorelDRAW untuk Linux dan Mac OS pernah dikembangkan, namun dihentikan karena tingkat penjualannya rendah.

Versi CorelDRAW X5 memiliki tampilan baru serta beberapa aplikasi baru yang tidak ada pada CorelDRAW versi sebelumnya. Beberapa aplikasi terbaru yang ada, di antaranya Quick Start, Table, Smart Drawing Tool, Save as Template, dan lain sebagainya.

Daftar isi

1 Fasilitas Dasar CorelDRAW
1.1 Quick Start
1.2 Hints
1.3 Menu Bar
1.4 Standard Toolbar
1.5 Property Bar
1.6 Toolbox
1.7 Status Bar
1.8 Color Palette
1.9 Dialog Box
1.10 Docker
1.11 Fixed/Floating Toolbar
2 Operasi Dasar
2.1 Objek Garis
2.2 Objek Gambar
2.3 Smart Drawing
2.4 Objek Teks
2.5 Objek 2D Menjadi 3D
2.6 Warna
2.7 Objek Artistik
3 CDR file format
4 Referensi
5 Pranala luar

Fasilitas Dasar Corel DRAW

Quick Start

Pertama kali perangkat lunak CorelDRAW diaktifkan, sistem akan menampilkan kotak dialog welcome. Pada kotak dialog ini, lembar proses yang dapat diaktifkan, yaitu:

quick start: aplikasi ini dapat membantu untuk mempermudah mempersiapkan ruang perancangan grafis baru atau pengubahan rancangan grafis yang pernah dibuat sebelumnya.
what’s new: aplikasi yang menginformasikan fasilitas baru yang disediakan pada perangkat lunak CorelDRAW.
learning tools: alat yang mempermudah pemakai perangkat lunak CorelDRAW mempelajari fasilitas yang disediakan.
galeri: galeri digunakan untuk mengunjungi situs komunitas pemakai CorelDRAW. Pada situs tersebut terdapat berbagai rancangan grafis profesional yang menggunakan perangkat lunak CorelDRAW.
updates: aplikasi yang digunakan untuk mengunjungi situs resmi perangkat lunak CorelDRAW untuk berbagai keperluan. Salah satunya, yaitu untuk memperbarui model sistem CorelDRAW.

Hints

Hints berada pada sisi kanan kotak dialog utama sistem. Fasilitas ini memberikan petunjuk apa dan bagaimana memproses suatu objek gambar/teks.

Menu Bar

Menu Bar berada pada bagian atas kotak dialog utama sistem. Sistem menu CorelDRAW menggunakan standar sistem operasi Windows yang sangat memudahkan pemakaian.

Standard Toolbar

Standard toolbar terletak di bawah menu bar. Pada standard toolbar, sistem meletakkan simbol proses cepat. Misalnya terdapat simbol seperti folder untuk membuka suatu data grafis CorelDRAW.

Property Bar

Property bar adalah fasilitas tambahan yang muncul setelah memilih salah satu alat dalam fasilitas toolbox. Tujuannya untuk mempermudah pemakaian alat fasilitas toolbox terpilih. Property bar biasanya berada di bawah standard toolbars.

Toolbox

Toolbox biasanya terletak di bagian paling kiri. Sistem meletakkan sebagian memberi tanda lipatan pada sisi kanan bawah alat fasilitas toolbox yang memiliki subalat. Untuk menampilkan daftar subalat tersebut dapat dilakukan dengan mengklik dan menahan simbol alat yang bersangkutan.Jika kita masuk ke corel nanti error tak usah diulangulang masuk-masuk terus,biar error toolbok,toolbar aneh tak seperti biasanya.

Status Bar

Sistem meletakkan berbagai informasi pada baris status yang terdapat pada sisi bawah kotak dialog utama. Informasi tersebut berkenaan dengan objek gambar/teks dan/atau alat proses terpilih.

Color Palette

Color palette atau kotak warna terletak di bagian paling kanan kotak dialog utama. Untuk memberi warna pada objek gambar/teks cukup melakukan klik seperti biasa. Sedangkan untuk memberi warna garis, klik kanan pada warna yang dipilih dalam kotak warna.

Dialog Box

Sistem CorelDRAW akan meletakkan sejumlah pilihan proses dari fasilitas yang komplek pada suatu kotak dialog. Fasilitas yang bersangkutan dapat diatur melalui kotak dialog tersebut. Misalnya, pengubahan format objek gambar dari vektor ke bitmap melalui menu bitmaps submenu convert to bitmap.

Docker

Sistem meletakkan sejumlah kotak dialog fasilitas yang (dianggap) sering digunakan dalam bentuk tetap pada sisi kanan kotak dialog. Format tersebut disebut dengan docker. Fasilitas ini dapat ditampilkan melalui menu window submenu docker.

Fixed/Floating Toolbar

Salah satu keistimewaan dari sistem CorelDRAW X3, yaitu fasilitas toolbox kotak warna, menu bar, standard toolbar, dan/atau property bar yang dapat digeser dan ditempatkan di sembarang lokasi.

Operasi Dasar
Objek Garis

freehand tool: alat ini digunakan untuk membentuk beragam garis lurus atau garis yang tidak beraturan.
bezier tool: alat ini digunakan untuk membentuk beragam garis lurus dan garis yang tidak beraturan secara bersamaan.
artistic media tool: alat ini digunakan untuk membentuk berbagai objek garis artistik. Dalam menentukan bentuk garis artistik tersebut, gunakan simbol yang ada di sisi kiri fasilitas property bar, lalu tentukan spesifikasi konfigurasinya pada sisi kanannya.
pen tool: pemakaian pen tool hampir serupa dengan pemakaian bezier tool.
polyline tool: pemakaian polyline tool hampir sama dengan freehand tool.
3 point curve tool: alat ini digunakan untuk membentuk garis melingkar dengan mudah dan cepat.
connector tool: alat ini digunakan untuk menghubungkan beberapa objek gambar. Misalnya, membentuk garis penghubung alur diagram.
dimension tool: alat ini digunakan untuk membentuk garis dimensi vertikal, horizontal, diagonal, dan sebagainya.

Objek Gambar

rectangle tool: alat ini dapat digunakan untuk membentuk objek persegi panjang atau persegi.
ellipse tool: alat ini digunakan untuk membentuk objek lingkaran/elips.
object tool: alat ini dapat mempermudah/mempercepat proses pembentukan objek poligon, bintang, DLL.
perfect shape tool: alat ini digunakan untuk membentuk berbagai objek gambar spesifik secara mudah dan cepat. Misalnya, objek jajar genjang, dan lain sebagainya.
table tool: alat ini dapat digunakan untuk membuat tabel dalam format persegi atau persegi panjang. Tabel ini tidak hanya dapat dimasukkan tulisan/teks, tetapi dapat juga dimasukkan gambar ke dalamnya. Alat ini bisa digunakan untuk membuat kartu pos, brosur, dan lain-lain.

Smart Drawing

Menggambar pintar adalah aplikasi baru yang ada pada CorelDRAW X4. Smart drawing tool yang ada pada smart tool dapat digunakan untuk membentuk objek gambar dari sketsanya.

Objek Teks

Objek teks merupakan unsur yang paling sering digunakan pada rancangan grafis. Ada yang membuatnya sebagai logo, teks artistik, bahkan mengubah objek teks menjadi objek gambar.

Objek teks dapat dibuat melalui text tool yang terdapat pada toolbox. Setelah itu, objek teks dapat diproses melalui pick tools. Objek teks dapat diproses sehingga membentuk bayangan, menjadi format 3D, dan lain-lain.

Objek 2D Menjadi 3D

CorelDRAW memiliki fasilitas untuk mengubah objek taks/gambar 2D menjadi 3D. Fasilitas yang dapat digunakan untuk membentuk objek 2D menjadi 3D adalah sebagai berikut:

extrude: pada fasilitas toolbox terdapat interactive extrude tool di dalam interactive effects tool. Setelah diaktifkan, format 3D dapat diatur melalui bagian presets yang ada pada fasilitas property bar.
bevel: bevel merupakan subalat untuk membentuk sudut dari suatu objek gambar/teks. Bevel akan muncul dalam property bar setelah mengaktifkan interactive extrude tool.
contour: fasilitas contour di dalam CorelDRAW X4 disediakan untuk membuat salinan dari suatu objek gambar/teks ke bagian dalam/luarnya. Contour dapat digunakan untuk menimbulkan efek 3D dari suatu objek gambar/teks dengan cara mengubah warna sisinya.
gradasi warna: gradasi warna dapat dibentuk menggunakan fill tool, interactive fill tool, atau mesh fill.
efek bayangan: CorelDRAW menyediakan interactive drop shadow yang merupakan subalat dari interactive effects tool untuk membuat efek bayangan dari objek gambar/teks.

Warna

Pilihan warna terdapat dalam kotak warna. Namun, ada beberapa cara untuk memberi warna pada objek gambar/teks, yaitu sebagai berikut:

fill & outline: pada fasilitas toolbox, sistem menyediakan fill tool untuk mengatur isi objek gambar/teks. Sedangkan untuk mengatur garis pembentuknya, sistem menyediakan outline tool.
eyedropper & paintbucket tool: eyedropper tool digunakan untuk mengambil spesifikasi warna atau atribut (properti, transformasi, dan efek) suatu objek gambar/teks. Setelah itu, gunakan paintbucket tool untuk menyalin data tersebut pada objek gambar/teks lainnya.
smart fill: smart fill tool dapat mengisi warna pada sembarang bidang tertutup. Misalnya pada perpotongan suatu objek tertentu.

Objek Artistik

Objek artistik dapat berupa teks atau gambar. Dengan menggunakan alat tertentu, suatu objek teks/gambar dapat terlihat berbeda dari biasa. Objek artistik terdiri dari:

garis artistik (Objek Teks): teks yang artistik dapat dibuat melalui artistic media tool yang ada pada toolbox. Teks apapun dapat dibuat karena penggunaannya seperti menggambar atau menulis dengan bolpoin.
garis artistik (objek gambar): gambar artistik yang dihasilkan melalui artistic media tool adalah seperti sketsa gambar. Penggunaannya sama dengan membuat garis artistik untuk objek teks.
efek distorsi: CorelDRAW menyediakan interactive distort tool di dalam interactive effects tool. Efek distorsi dapat diaplikasikan untuk objek gambar/teks sehingga dapat terlihat lebih artistik.
smudge brush (objek baru): melalui smudge brush tool, suatu sisi objek gambar dapat ditarik sehingga akan membentuk gambar yang baru sesuai dengan keinginan. Subalat ini dapat diakses melalui shape edit tool.

Cara Aktivasi Corel Draw X5 Terbaru

karena banyak yang tanya dan request cara instalasi dan aktivasi corel draw x5, corel draw x5 sekarang sudah support win xp, vista, 7, 8 baik 32 maupun 64 bit, oke langsung saja ke TKP cara cara instalasi dan aktivasi corel draw x5,berikut adalah cara instalasi dan aktivasi corel draw x5:

INSTALASI DAN AKTIVASI COREL DRAW X5
  • Install CorelDRAW Graphics Suite
  • Serial Install nya : "DR15T22-JNT7NEK-4B835HS-2DQPYKL"
Setelah selesai, Install, Buka folder Crack
  • Copy “CorelPP.dll” dan “CorelDrw.dll” ke : \Program Files\Corel\CorelDRAW Graphics Suite X5\Programs\
selanjutnya Copy ” CRLUTLINTL.dll ” dan paste ke :
  • \Program Files\Corel\CorelDRAW Graphics Suite X5\Languages\EN\Programs\
  • Replace yang asli
  • done full
Semoga bisa membantu.... jika masih ada yang merasa kesulitan.. silahkan coret coret atau diskusi di kolom komentar.

jika kalian semua suka dengan apa yang sudah sipilkusipilmu.com bagikan, jangan lupa untuk me-like fans page SipilkuSipilmu.com untuk mendapatkan up date-nya, terimakasih.
"Jangan lupa untuk selalu mendukung SipilkuSipilmu.com ya kawanku"

Monday, 28 March 2016

Tutorial Membuat Nama E-mail Sesuka Kalian

Selamat pagi teman teman sipilkusipilmu, wah pagi ini sipilkusipilmu memang suka trik-trik nie...pagi ini sipilkusipilmu ingin membagikan tutorial/trik bagaimana caranya membuat e-mail yang bagus, e-mail dengan nama sesuka anda, pada e-mail khusus ini anda akan diberi opsi yang banyak untuk memilih nama e-mail tersebut, pilihan sesuai dengan kesukaan anda semua inginkan....

oke langsung saja masuk ke TKP, berikut langkah-langkah-nya....

1. Klik link berikut untuk mendaftar: http://www.mail.com/id-en/

http://goo.gl/MOK9YO

2. Klik "Get your free email account" yang ada pada pojok kanan atas, [lihat gambar dibawah]

http://goo.gl/MOK9YO

3.Isi dan lengkapi form biodata dan pilih nama e-mail sesuka kalian setelah itu klik "I Accept. Create My Account."

http://goo.gl/MOK9YO

4. Tepuk tangan dan bersyukur karena sudah berhasil membuat nama e-mail sesuka kalian....
5. Sudah begitu saja, simple dan mudah kan proses pembuatan e-mail dengan fitur nama nama e-mail yang banyak yang unik unik...

jika kalian semua suka dengan apa yang sudah sipilkusipilmu.com bagikan, jangan lupa untuk me-like fans page SipilkuSipilmu.com untuk mendapatkan up date-nya, terimakasih.
"Jangan lupa untuk selalu mendukung SipilkuSipilmu.com ya kawanku"

Cara Membuka Situs-Website Yang Terblokir Atau Terkena Internet Positif

Untuk semua teman-teman dan seluruh dunia yang jengkel, marah karena tidak bisa mengakses situs kesukaan kalian semua terblokir, seperti : game poker, judi bola maupun pornografi, disini ada cara atau langkah-langkah jitu untuk mengakses/membukanya sehingga teman-teman mbahkongheck bisa kembali untuk mengakses/membukanya situs yang ingin dikunjungi. Di Era Teknologi seperti ini tentunya telah banyak situs atau website yang tidak bisa diakses oleh jaringan internet karena terindikasi mengandung unsur yang dapat merusak anak dibawah umur, seperti website berikut : pornografi, judi, phising/malware, SARA atau masalah proxy.
http://goo.gl/kElRku
Sekarang kalian semua tidak perlu kuatir maupun bingung dengan keadaan tersebut, karena mbahkongheck punya solusi jitu yang dapat membuat kalian tersenyum lebar setelah mengikuti beberapa tutorial maupun cara-cara/langkah-langkah membuka situs yang ter-BLOKIR.

http://goo.gl/kElRku
CARA MEMBUKA SITUS - WEBSITE YANG TERBLOKIR ATAU TERKENA INTERNET POSITIF DENGAN ANONYMOX MOZILLA.
http://goo.gl/kElRku
Langkah 1--- Pasang Anonymox Mozilla

Pastikan anda semua menggunakan Browser Mozilla FireFox untuk memasang Add-ons dari fire fox. Setelah kalian semua berhasil memasang Anonymox Mozilla. akan muncul gambar seperti berikut:

[Jangan Lupa Untuk Klik Add to Firefox]

http://goo.gl/kElRku

Langkah 2--- Install Anonymox Mozilla

Setelah Agan-agan semua meng-klik ‘Add to Firefox’, secara otomatis anda semua akan diarah untuk mengunduh/memasang "Anonymox Mozilla" dan setelah itu akan ada laporan seperti gambar di bawah ini....

[Jangan Lupa Untuk Klik Install Now]

http://goo.gl/kElRku


Langkah 3--- Restart Firefox

Langkah 4--- Jika sudah ter-Install jangan lupa untuk menge-cek apakah Anonymox-nya sudah di E-NABLE di Mozilla Firefox.

[Cara menge-ceknya klik Tool-Add Ons, atau tekan Ctrl+Shift+A]

Langkah 5--- Silahkan buka situs anda yang ter-blokir pasti anda akan mengatakan:
"waaaaauuuuuuu"

Naaaaaah.. Sekarang Agan-agan mbahkongheck sudah terbebas dari situs atau website yang diblokir dan bisa mengaksesnya sesuka agan-agan mbahkongheck.


jika kalian semua suka dengan apa yang sudah sipilkusipilmu.com bagikan, jangan lupa untuk me-like fans page SipilkuSipilmu.com untuk mendapatkan up date-nya, terimakasih.
"Jangan lupa untuk selalu mendukung SipilkuSipilmu.com ya kawanku"