Eigisy

Life is simple!

[dance-smile-happiness]

Contoh Soal Logika Mudah

Contoh Soal Logika Mudah - Setelah mempublish artikel ini, saya jadi pusing apa niche blog saya ini. Tapi setelah dipikir-pikir lagi mungkin niche blog saya ini niche programing language entah itu css, html, php, pascal, c, c++, javascript, java dll. Soal logika juga masuk programing loh gan :v. Jadi kali ini saya akan share soal-soal logika. Soal-soal ini ori buatan Beauty Ninja.. ya saya kasih http://ift.tt/1BX8Mi3

[dance-smile-happiness]

PHP: Password Situsmu Dengan Session (Tanpa database)

Password Situsmu Dengan Session PHP (Tanpa Database) - Wah sudah lama sekali saya tidak posting di blog ini. Yah maklumi saja, ada banyak permasalahan, salah satunya modem rusak, sibuk mau o2sn bagian algoritma pemograman pula. Kembali ke judul, apa maksudnya? Maksud saya disini adalah mempassword situsmu hanya tanpa database dan menggunakan session. Session, apa itu? entahlah :v susah http://ift.tt/1BDvHi9

[dance-smile-happiness]

Games 2048 Colour, Versi 2048 Yang Lebih Keren!

Games 2048 Colour, versi 2048 yang lebih keren! - Wah udah lama ya ga buat posting, mungkin udah lebih dari 5 hari. Tapi ya yang penting sekarang sudah buat posting ya :). Dan yang kali ini saya share ada game. Game ini sangat simple tapi menantang. Kalian hanya harus memindahkan tile-tile dengan menggunakan keyboard dan menggabungkannya. Oh iya, game ini dibuat oleh http:// http://ift.tt/1BnCZeY

[dance-smile-happiness]

Key & Name Smadav Pro Perusahaan 2015

Key & Name Smadav Pro Perusahaan valid 2015 - Sebelumnya beauty ninja update artikel Contoh Program Dasar Bahasa Pascal, dan kali ini beauty ninja update artikel yang jauh kategorinya dari artikel sebelumnya, namun sudah pernah dibuat artikel yang serupa disini walau serupa, di post ini beauty ninja akan share key & name yang khusus untuk license perusahaan. Langsung saja cek it out. Name : CompanyBN Key : 991299249097 Type : Perusahaan Name : Tito Uchiha Key : 999999001030 Type : Perusahaan Name : Puzzle Warnet Key : 991299204000 Type : Perusahaan Name : Click Games Center Key : 998899726416 Type : Perusahaan Name : OpenSource Hosting Key : 991599242439 Type : Perusahaan Name : kieri hazama Key : 993899891166 Type : Perusahaan Name : Hafizh Kurnia Key : 995799765668 Type : Perusahaan Masukkan salah satu key & name diatas ke smadav sobat dan taraaaa :3 Smadav sobat sudah pro dengan license perusahaan. Kata-kata diatas mengakhiri artikel saya yang berjudul Key & Name Smadav Pro Perusahaan 2015. http://ift.tt/1ALhPVa

[dance-smile-happiness]

Contoh Program Dasar Bahasa Pascal.

Kalian tahu apa itu Pascal? Pascal adalah bahasa pemograman yang dibuat oleh Niklaus Wirth. Bahasa pascal adalah bahasa yang mudah menurut saya, bagaimana tidak, bahasanya dapat dimengerti.

Dan saya selaku admin beauty ninja ini sedang mengembangkan game RPG yang dibuat menggunakan bahasa pascal. Yah baru dikembangkan sih, paling selesainya 6 Bulan lebih :v. Lalu apa yang akan dibahas sekarang? Tidak ada yang dibahas, saya hanya memberikan contoh code program dasar di pascal. Untuk dasar sekali, sobat bisa belajar di buku/ebook.

Perpangkatan 3

(* Program pangkat 3 by Rishad Harisdias *) (* http://ift.tt/1x5VsbI  *) program pangkat3; uses crt; var   n:integer;   b:longint; begin    clrscr;    writeln('Program pangkat 3');    writeln;    write('Masukkan angka : ');readln(n);    b:=n*n*n;    writeln('Hasil = ',b);    readln; end.

 Program diatas adalah program menghitung pangkat 3. untuk variable b saya beri longint karena hasilnya pasti akan besar.

Perpangkatan 2

(* Program pangkat 3 by Rishad Harisdias *) (* http://ift.tt/1x5VsbI  *) program pangkat3; uses crt; var   n:integer;   b:longint; begin    clrscr;    writeln('Program pangkat 3');    writeln;    write('Masukkan angka : ');readln(n);    b:=n*n;    writeln('Hasil = ',b);    readln; end.

Keliling Segitiga

(* Menghitung Luas Segitiga by Rishad Harisdias *) (* http://ift.tt/1x5VsbI *) program luassegitiga; uses crt; var   a,b,c,hasil:integer; begin clrscr;    write('Masukkan panjang sisi 1 : ');readln(a);    write('Masukkan panjang sisi 2 : ');readln(b);    write('Masukkan panjang sisi 3 : ');readln(c);    hasil:=a+b+c;    writeln('Hasilnya adalah ',hasil);    readln; end.

Code diatas tadi adalah contoh program dasar yang hanya menggunakan code yang simple. Saya akan update lagi contoh programnya! 

http://ift.tt/1AFFLf6

[dance-smile-happiness]

Download PasCalc, Simple & Tiny Calculator.

Download PasCalc, Simple & Tiny Calculator - Wah udah lama ya saya ga buat postingan. Yah maklum lah sob, banyak masalah. Masalah pertama yaitu sibuk sekolah dan tugas. Masalah kedua saya ga tau mau publish apa lagi :v. Tapi ya, sekarang daripada saya ga buat post lagi mending saya share aplikasi buatan saya sendiri.

Aplikasi buatan saya ini bernama PasCalc. PasCalc adalah singkatan dari Pascal Calculator. Saya namai seperti itu karena saya membuatnya dengan bahasa pemograman Pascal. Untuk compilernya saya menggunakan Free Pascal IDE dari Lazarus. Awalnya saya mau kasih nama Beauty Ninja Calculator, namun nama itu terlalu ribet dan susah disebut. Jadi akhirnya saya namai PasCalc saja :). Apa saja fitur kalkulator ini? - Ukuran File Kecil, hanya 500KB. - Mudah digunakkan. - Simple Kekurangan - Hanya support sedikit operasional (Tambah, Kurang, Kali, Bagi) Kekurangan diatas insyaallah akan saya benarkan, dengan menambah fitur Perpangkatan Kuadrat dan kubik dan juga fungsi akar. Yasudah, download saja sekarang gan :). #downloadarea { background: #333; color: white; padding: 20px; border-radius: 20px; border: 2px solid #FF2277; } #downloadarea h3 {font-family:arial;margin-bottom:-10px} #downloadarea h3:before {content='';border-bottom:2px solid #fff;width:10px;}

Download Area

File Size : 508 kb File Type : .7z File Version : 0.1 Site Uploaded : Ge.tt Download Link : Here

http://ift.tt/14xSfaO

[dance-smile-happiness]

Key & Name Smadav Pro Valid Update 5 Januari 2015

Key & Name Smadav Pro Valid Update 5 Januari 2015 - Sobat mengunjungi artikel ini berarti sobat mempunyai smadav dan tau apa itu smadav kan? Smadav adalah antivirus. Apakah Smadav yang sobat miliki itu Pro? atau masih Free version? Dengan key dibawah maka smadav sobat akan jadi Pro tanpa mengalami masalah license. Jika sobat belum memiliki smadav sobat bisa download di http://smadav.net/ Dan berikut Name & Keynya.

Nama : Rishad Harisdias Key : 081200806560 Type : Personal

Nama : Beauty Ninja Key : 083800330152 Type : Personal

Nama : 5Jan2015 Key : 085200401604 Type : Personal

Nama : 5Jan2015 Key : 771277401604 Type : Warnet

Nama : 5Jan2015 Key : 991299401604 Type : Perusahaan 

Nama : Haris Maulana Key : 991999003200 Type : Perusahaan

Nama : Lutfi Adhi Key : 085700267098 Type : Personal

Nama : [email protected] Key : 081300537892 Type : Personal

Nama : warnetuser Key : 775277207050 Type : Warnet

Masukkan salah satu kode diatas dan lihat hasilnya. Smadav anda sudah pro :D

http://ift.tt/1xyOqh8

[dance-smile-happiness]

Mengubah Klik Kanan Di Blog Menjadi Berbeda (Kreasi Sendiri)

Mengubah Klik Kanan Di Blog Menjadi Berbeda (Kreasi Sendiri) - Apa itu maksudnya? Coba sobat klik kanan di blog Beauty Ninja ini, nah seperti itu. Jujur saya terinspirasi dari blog DickeyMaru (http://ift.tt/1BzsPEj) yang jika di klik kanan maka muncul tampilan windows 8. Saya kagum awalnya, lalu saya coba-coba cari codenya, banyak sumber, lalu saya gabungin plus tambahin kode-kode buatan. Oh iya, walaupun terinspirasi dari DickeyMaru, tapi saya tidak mengambil kode dari sana, kodenya pun saya tidak tahu sama ataupun tidak, yang penting berhasil :D.

Lantas bagaimana cara membuatnya?

Langkah awal adalah membuat menunya terlebih dahulu

Kreasikan apapun yang sobat inginkan yang penting di CSS parentnya harus ada:

- position:fixed

- bottom:0 (lokasi menu berada dibawah)

- left:0 (lokasi menu berada di kiri)

- display:none (taruh ini saat menu sudah jadi)

Tapi jika sobat pusing mau bagaimana, sobat bisa menggunakan kode buatan saya.

CSS (Taruh di atas ]]></b:skin>)

#beautyninjarc { height: 90px; width: 100%; z-index: 999; background: #EEE; position: fixed; border-top:5px solid #333; left: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; bottom:0; display:none; } #beautyninjarc li a { margin-right: 30px; font-size: 20px; padding: 10px; background: #333; line-height: 55px; color: white; border: 2px solid #333; box-shadow: inset 0px 0px 10px #fff; transition:all .5s ease; } #beautyninjarc li a:hover { text-decoration: none; cursor:pointer; box-shadow: inset 0 0 10px #31ace8; transition: all .5s ease; } #beautyninjarc li {display:inline-block}

HTML (Taruh diatas </body>)

<div id='beautyninjarc'>   <ul style='float:left'><li><a onclick='copy()'>Copy</a></li><li><a onclick='paste()'>Paste</a></li><li><a onclick='bookmark()'>Bookmark</a></li></ul>   <span style='float:right;position:absolute;bottom:0;right:10px;'><a href='http://ift.tt/1x5VsbI' title='Beauty Ninja'>Beauty Ninja</a> | Author : <a href='http://ift.tt/1BzsPEm' title='Author FB'>Rishad Harisdias</a></span> </div> 

Simpan, dan lihat hasilnya. Maka tidak akan terlihat apa-apa :D Ya iyalah, saya beri Display:none; Sudah dipasang menunya? Sekarang kita pasang Javascriptnya Taruh kode dibawah ini keatas </body>

<script type='text/javascript'>     if (document.addEventListener) {         document.addEventListener('contextmenu', function(e) {             document.getElementById('beautyninjarc').style.cssText =                                   'display:inline;transition:all .5s ease';             e.preventDefault();         }, false);     } else {         document.attachEvent('oncontextmenu', function() {             document.getElementById('beautyninjarc').style.cssText =               'display:none';             window.event.returnValue = false;         });     } function ngaleungitkeun() {   document.getElementById('beautyninjarc').style.display='none'; }     function copy() {alert("Copy menggunakan CTRL+C")} //Memberi alert     function paste() {alert("Paste menggunakan CTRL+V")} //Memberi alert   function bookmark() {alert("Bookmark menggunakan CTRL+D")} </script> 

Ganti teks merah menjadi parent cssmu. Sekarang coba simpan dan klik kanan di blog sobat, muncul tidak?

Bagaimana Cara Menghilangkannya? 

Tak perlu menambah javascript sobat, semuanya sudah ada diatas kok.

Jika sobat ingin menghilangkannya saat klik di mana saja seperti di blog ini. maka sobat harus cari kode wrapper sobat. Contoh outer-wrapper, maka cari <div id='outer-wrapper'> di edit HTML. lalu sobat tambahkan kode dibawah ini diatasnya

<div id='hilang' onclick='ngaleungitkeun()'>

Sehingga menjadi

<div id='hilang' onclick='ngaleungitkeun()'>    <div id='outer-wrapper'> 

Lalu tambah kode </div> di bawah akhiran </div> outerwrapper. Pusing ya? Maksudnya kan semua kode pasti mempunyai penutup kan? nah taruh kode </div> dibawah penutup outer-wrapper. Bagaimana jika pusing mencarinya, cara yang saya tahu adalah dengan copy semua kode HTML sobat ke Notepad++ (Bisa didownload disini), lalu sobat search <div id='outer-wrapper'> dan klik. Lalu scroll kebawah, jika ada </div> berwarna berarti itu penutupnya. Maka strukturnya seharusnya

<div id='hilang' onclick='ngaleungitkeun'>    <div id='outer-wrapper'> ..... ..... .....    </div> <!--Penutup OuterWrapper --> </div>  <!--Penutup Hilang -->

 Simpan dan lihat hasilnya.

Bagaimana cara membuat tombol close?

Walaupun di contoh CSS dan HTML saya tidak ada tombol close, namun sobat bisa menambahkannya.

Buat sendiri tombol close dan beri OnClick="ngaleungitkeun()"

Penjelasan untuk close

Coba sobat lihat javascript yang sudah sobat pasang, javascriptnya berupa

function ngaleungitkeun() {   document.getElementById('beautyninjarc').style.display='none'; }

Pada Function ngaleungitkeun() itu memberi fungsi pada ngaleungitkeun yang nantinya bisa di output. Lalu pada { merupakan pembuka. Dalam pascal bisa disebut Begin document.getElementByID itu merupadakan perintah untuk mengubah ID. Dan pada ('beautyninjarc') beautyninjarc merupakan id selectornya. dan ' adalah versi XML  dari kutip ("). selanjutnya pada .style.display='none';} memberikan perintah pada ID yang sudah diberikan sebelumnya dan memberi perintah mengubah style(CSS) berupa display:none , karena semua pembuka memiliki penutup maka pembuka { diberi penutup }, atau dalam pascal bisa disebut End. Saat sudah diberi perintah pada fungsi ngaleungitkeun() maka sobat bisa mengeluarkannya pada selector. Misalnya pada <div class='beautyninjaclose'> maka tinggal menambahkan OnClick='ngaleungitkeun()' onclick berarti saat di klik Dan berakhirlah sudah artikel di blog Beauty Ninja ini. Mungkin artikel ini bikin pusing ya karena ga langsung ke inti. Itu sengaja agar sobat mengerti juga :D. *Ngaleungitkeun = Menghilangkan (Bahasa Sunda) Yang tidak mengerti dan yang mengerti, saya sangat berterima kasih jika sobat share artikel ini atau menempatkan sumber jika copas. Saya juga sangat berterima kasih jika sobat memberikan jejak komentar ataupun share. http://ift.tt/1yqHCnl

[dance-smile-happiness]

Selamat Tahun Baru 2015

Tidak terasa sudah tahun 2015. Banyak kenangan di tahun 2014. Dan sekarang saat-nya kita mengawali tahun baru dengan

Rajin Ibadah

Tekuni Hobi

Belajar lebih giat

Disiplin

Dan saya selaku admin dari Beauty Ninja mengucapkan "SELAMAT TAHUN BARU 2015" khususnya kepada :

Orang Tua

Kakak adik

Saudara

Nenek, kakek

Om, tante

Fans Bayern Munich

Pembaca setia Beauty Ninja

Fans Persib

Teman SMP saya

Teman SMA saya

Dan umumnya kepada semua orang yang ada di dunia ini :)

HAPPY NEW YEAR

http://ift.tt/1y6IHRb

[dance-smile-happiness]

Perbanyak Pengunjung Dengan Pop Up Saat Klik Dimana Saja.

Perbanyak Pengunjung Dengan Pop Up Saat Klik Dimana Saja. - Hei what's up bro. Saya jarang-jarang nih share yang kaya ginian. Ya itung-itung nambah postingan aja gan xD. Maksudnya apa ya? Maksud artikel ini adalah, saat sobat klik dimana saja. bakal muncul windows baru dengan link blog sobat. Wah bisa nambah pengunjung banyak gan. Gimana caranya? - Buka Edit HTML dan search <body> - Replace kode diatas dengan kode dibawah ini

<body onclick="window.open ("http://www.javascript-coder.com", "mywindow","menubar=1,resizable=1,width=350,height=250");">

Ganti teks merah dengan loading blog agan. Simpan, dan lihat hasilnya. Walau cara ini dapat memperbanyak pengunjung. Saya tidak merekomendasikannya karena dapat mengganggu pengunjung, sehingga pengunjung merasa tidak betah dan close blog ini. Wah bahaya tuh, iya gan. Postingan ini pendek sekali ya, maaf gan ga detail ^_^ Bentar lagi tahun baru :v. Males saya blogging di tahun baru. http://beauty-ninja.blogspot.com/2014/12/perbanyak-pengunjung-dengan-pop-up-saat.html

[dance-smile-happiness]

Zetente Responsive Blogger Template

Zetente Responsive Blogger Template - Yohohohoho, back with me in new article. Dan sekarang Beauty Ninja share template baru nih. Tampilannya bisa lihat dibawah ini. Template ini memiliki fitur unik, yaitu fitur hacked right click. Walau belum sempurna tapi lumayan lah, akan saya kembangkan di versi 2.

Feature :

SEO

Meta Tag SEO Ready

Header Animation

Recent Post Thumbnail

Hacked Right Click

Menu with Animation Hover

Responsive

Fast Loading

And Many More Cari Sendiri

Responsive Test : Cari Google

Demo - Download

Instruction :

Jika ingin menambah Recent Post copy dan paste kode dibawah ke tempat yang diinginkan (Disarankan diatas posting)

<div id='bp_recent'/>   <style type='text/css'>.bp_item_thumb img { width: 15%; height: 15%; }</style> <script src='http://yourjavascript.com/117113315277/recentposts-orig.js' style='text/javascript'/> <script style='text/javascript'> var numberOfPosts = 6; var showPostDate = false; var showSummary = false; var titleLength = 0; var showCommentCount = false; var showThumbs = true; var showNoImage = true; var imgDim = 90; var imgFloat = 'left'; var myMargin = 5; var mediaThumbsOnly = true; var showReadMore = false; </script> <script src='http://zentente.blogspot.com/feeds/posts/summary?max-results=12&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'/>

Ganti teks merah dengan url blog kamu. Mengganti Menu Bar Buka Edit HTML, search Menu1 dan ganti. yang Menu2 pasti ketemu. Ada masalah? Komentar yo.. Jangan hapus Credit Link yaa :D Hargailah. http://beauty-ninja.blogspot.com/2014/12/zetente-responsive-blogger-template.html

[dance-smile-happiness]

Cara Membuat Like Box Facebook Yang Valid HTML5

Cara Membuat Like Box Facebook Yang Valid HTML5 - Today i will share How to make HTML5 Facebook Like Box. Gaya amat pake bahasa inggris :D.Sobat semua tau kan apa itu Like Box? Saya yakin diantara sobat ada yang memasangnya. Tapi apakah yang sobat pasang itu HTML5? Sepertinya tidak, sobat masih menggunakan Iframe. Penggunaan Iframe di blog menurut saya kurang baik. Entah kenapa saya berkata seperti itu :v. Yo, langsung saja Beauty Ninja jelaskan. Pertama, sobat berdo'a terlebih dahulu O:) Lalu sobat klik link ini http://ift.tt/1rl6A51

Screenshot 1.1

Lalu sobat isi "Facebook Page Url" dengan url page sobat. "Width" dengan ukuran lebar widgetnya. "Height" Tingginya. "Color Scheme" Gelap atau terang.

Jika sobat ingin menampilkan status di FP ceklis Show Post.

Sekarang klik Get Code

Screenshot 1.2

Copy code yang atas ke notepad. find "&appId" ganti dengan "&appId"

Lalu search lagi "&version" lalu ganti dengan "&version"

(Semua tidak pakai kutip)

Jika sudah, copy semua dan taruh dibawah <body>

Sekarang copy code yang bawah dan paste di tempat yang sobat inginkan.

Dan berakhirlah sudah artikel kali ini. Semoga artikel ini dapat bermanfaat :3. 

http://ift.tt/1rl6A55

[dance-smile-happiness]

Efek Hover Keren Dengan CSS

EFEK HOVER KEREN DENGAN CSS SAJA.

Sobat pasti bosan ya liat saya posting tentang button terus. Hahaha tapi pokok pikiran saya ke tombol mulu. Mudah soalnya :v Dan karena biasanya saya share tentang tombol download. Kali ini bisa untuk dimana saja. Memangnya seperti apa efeknya? Lihat dibawah ini *Kenapa saya dari dulu memakai warna Biru #31ace8 dan Hijau #21bbb8? Karena itu warna favorit saya. .bnkeluar { display: inline-block; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .bnkeluar:before { content: ''; position: absolute; border: #21bbb8 solid 4px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } .bnkeluar:hover:before, .bnkeluar:focus:before, .bnkeluar:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; } .bntombol { margin: .4em; padding: 1em; cursor: pointer; background: #31ace8; text-decoration: none; font-family:arial; color: #FFF; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .bndalam { display: inline-block; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .bndalam:before { pointer-events: none; content: ''; position: absolute; border: #21bbb8 solid 4px; top: -16px; right: -16px; bottom: -16px; left: -16px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } .bndalam:hover:before, .bndalam:focus:before, .bndalam:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; opacity: 1; } Beauty Ninja Efek 1 atau Beauty Ninja Efek 2 Tertarik? Pertama-tama, sobat harus menaruh kode dibawah ke atas ]]></b:skin>

.bntombol { margin: .4em; padding: 1em; cursor: pointer; background: #31ace8; text-decoration: none; font-family:arial; color: #FFF; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

Lalu sobat pilih, mau yang efek 1 atau efek 2. Taruh kode css dari efek yang sobat inginkan ke atas ]]></b:skin> EFEK1 :

.bnkeluar {   display: inline-block;   position: relative;   -webkit-transform: translateZ(0);   transform: translateZ(0);   box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .bnkeluar:before {   content: '';   position: absolute;   border: #21bbb8 solid 4px;   top: 0;   right: 0;   bottom: 0;   left: 0;   -webkit-transition-duration: 0.3s;   transition-duration: 0.3s;   -webkit-transition-property: top, right, bottom, left;   transition-property: top, right, bottom, left; } .bnkeluar:hover:before, .bnkeluar:focus:before, .bnkeluar:active:before {   top: -8px;   right: -8px;   bottom: -8px;   left: -8px; } 

 EFEK 2 :

.bndalam {   display: inline-block;   position: relative;   -webkit-transform: translateZ(0);   transform: translateZ(0);   box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .bndalam:before {   pointer-events: none;   content: '';   position: absolute;   border: #21bbb8 solid 4px;   top: -16px;   right: -16px;   bottom: -16px;   left: -16px;   opacity: 0;   -webkit-transition-duration: 0.3s;   transition-duration: 0.3s;   -webkit-transition-property: top, right, bottom, left;   transition-property: top, right, bottom, left; } .bndalam:hover:before, .bndalam:focus:before, .bndalam:active:before {   top: -8px;   right: -8px;   bottom: -8px;   left: -8px;   opacity: 1; }

Atau jika ingin keduanya tinggal copy semuanya ke atas ]]></b:skin>

PEMANGGILAN

Nah sekarang untuk pemanggilan tombolnya. Sobat tinggal menaruh kode dibawah

<a href="#" class="bntombol bnkeluar">Teks</a>

Ganti teks merah dengan bndalam jika sobat ingin merubah efek menjadi efek 2.

Merubah Warna

Mudah sekali sob, untuk mengganti warna border sobat tinggal cari #21bbb8 (di bnkeluar dan bndalam) dan ganti dengan warna yang sobat inginkan. Jika ingin merubah warna dalam sobat tinggal cari #31ace8 dan replace dengan warna kesukaan sobat.

Dan penjelasan diatas mengakhiri artikel saya ini. Jika ada yang tidak dimengerti sobat bisa bertanya di komentar.

http://ift.tt/16SN7zv

[dance-smile-happiness]

Animasi Loading Pada Link Yang Dihover

Posting baru, 

Yang saya maksud disini adalah suatu link yang jika kita hover suatu link maka akan muncul progress bar. Contoh sobat bisa lihat dibawah ini

Rishad Yang kita gunakan untuk membuat progress bar efek seperti diatas adalah CSS. Dan sebenarnya code CSS yang digunakan sangat simpel, saking simpelnya saya bisa membuatnya sembari membuat kopi :v Penasaran seperti apa CSS nya? seperti ini

 box-shadow:inset 50px 0 #31ace8;

Sangat simpel bukan? Penggunaannya pun sangat mudah. Jika sobat ingin semua link mendapatkan animasi. Sobat tinggal menaruh CSS diatas di selector "a" contoh

 a:hover {box-shadow:inset 50px 0 #31ace8;}

Taruh kode diatas keatas ]]></b:skin>. Maka semua link akan berubah.. Tapi jika sobat menginginkan animasinya hanya di tempat tertentu, sobat bisa meletakannya di selector2 contoh

Lanjut Membaca : http://beauty-ninja.blogspot.com/2014/12/animasi-loading-pada-link-yang-di-hover.html