Sabtu, 12 Agustus 2017

, ,

Sena How To: Trik Primitif Windows! Masalah CheckDisk Terus - Menerus Saat Startup


Mengalami CheckDisk terus - menerus dan malas install ulang? ~ Diantara kalian pasti pernah mengalaminya, terutama kalian yang menggunakan Windows (karena di linux ga ada). Ok, di kategori Sena How To kali ini, saya akan membahas bagaimana cara mengatasi Windows yang CheckDisk terus - menerus saat startup. Seperti yang kita tahu, hal ini biasanya jarang sekali terjadi. Nah, jika Windows kita mengalami CheckDisk terus - menerus saat startup, apa yang harus kita lakukan? Cara ini mungkin terdengar “primitif”, tapi cara ini terbukti berhasil untuk saya (haha). Cukup dengan mengetik perintah "CHKNTFS" pada CMD. Nah, berikut adalah caranya:

Pertama, kalian harus menjalankan CMD sebagai admin (untuk beberapa varian windows ini tidak perlu, tapi wajib dilakukan).


Lalu kalian ketik petintah “CHKNTFS /X” *tanpa petik, kemudian diikuti dengan drive/partisi yang ada pada PC/laptop kalian dan ditambah titik dua (:) seperti ini:
FYI: untuk mengecek jumlah partisi kalian, kalian dapat melihatnya pada My Computer kalian.


Setelah itu, tekan “Enter”. Jika berhasil, akan muncul tulisan seperti ini:


Selanjutnya untuk mengetahui trik “primitif” ini berhasil atau tidak (karena beberapa varian windows ada yang tidak bisa dengan cara ini), kalian bisa merestart PC/Laptop kalian untuk mengetahui hasilnya. Semoga berhasil, dan selamat mencoba :D

Nah, sekian dulu "Sena How To" kali ini. Terima kasih telah mengunjungi blog ini, mohon maaf bila ada kata yang kurang berkenan. Semoga bermanfaat, #chaoo

NOTE : Berdasarkan kisah nyata

Continue reading Sena How To: Trik Primitif Windows! Masalah CheckDisk Terus - Menerus Saat Startup

Jumat, 28 Juli 2017

,

Sena How To : Menambahkan Tool dari Luar Repository Pentestbox (GaRibet Versi Sena)

Sebelumnya kita sudah membahas tentang apa itu Pentestbox, nah sekarang mari kita bahas cara menambahkan tool ke dalam Pentestbox dari luar repository bawaanya. Dalam tutorial kali ini, saya akan menambahkan tool "Goldeneye" *FYI : goldeneye adalah HTTP DoS Test Tool, yang tau DDOS pasti paham.


Untuk yang ingin mengclone "Goldeneye", kalian bisa klik link ini untuk menuju laman githubnya.

Ok, langkah selanjutnya setelah kalian mengclone / mendownloadnya adalah mengekstrak dan memindahkannya ke folder "bin\customtools" pada direktori Pentestbox kalian. Disini saya memindahkan tool "Goldeneye" ke direktori F:\.


Setelah kalian pindahkan (atau kalian ekstrak > copy), kalian buka Pentestbox (run as admin..) dan ketik direktori tempat Pentestbox kalian. Disini saya menggunakan direktori F:  lalu enter, makan akan seperti berikut:


Akan secara otomatis masuk kedalam root dari Pentestbox (bila tidak secara otomatis masuk, kalian bisa mengetiknya manual "cd PentestBox" lalu enter). Lalu kalian ketik "cd bin/customtools/goldeneye/" lalu enter untuk masuk ke dalam root goldeneye:


Ketik "ls" untuk memastikan paket yang ada dalam folder sama seperti pada gambar, dan jangan lupa mengganti hak akses file goldeneye.py dengan perintah "chmod -c 777 goldeneye.py" lalu enter:


Untuk memastikan semua langkah yang kalian lakukan benar, kalian bisa langsung menjalankan toolnya dengan perintah "python goldeneye.py" atau "goldeneye.py". Jika berhasil, akan muncul tampilan seperti berikut:


Andai saja tool ini bisa menjalankan perintah "goldeneye.py www.nama-mantan.com", mungkin kita bisa mengembalikan masa - masa indah saat bersama dengannya dulu *buat yang paham.

Nah, sekian dulu "Sena How To" kali ini. Terima kasih telah mengunjungi blog ini, mohon maaf bila ada kata yang kurang berkenan. Semoga bermanfaat, #chaoo
Continue reading Sena How To : Menambahkan Tool dari Luar Repository Pentestbox (GaRibet Versi Sena)

Selasa, 25 Juli 2017

,

Sena How To : Pentestbox, Pentesting Tools for Windows? #bahassecurity

Bagi kalian pengguna Windows yang ingin belajar tentang sistem keamanan komputer atau jaringan dan kesulitan untuk menggunakan Linux (pentesting distro), kalian bisa mencoba Pentestbox untuk melakukan hal tersebut. Nah, apa itu Pentestbox? PentestBox adalah sebuah aplikasi pentesting yang terdiri dari berbagai macam tool untuk melakukan pengujian terhadap kerentanan sebuah sistem. Dan ini bisa kalian jalankan di Windows.



Didalam pentestbox, kalian akan disuguhkan dengan banyak tool yang bisa kalian gunakan sesuai dengan kebutuhan belajar kalian.
Berikut adalah beberapa daftar tool yang bisa kalian gunakan:
  • - sqlmap
  • - burpsuite
  • - commix
  • - dotdotpwn
  • - fimap
  • - golismero
  • - jSQL
  • - nikto
  • - padbuster
  • - vega
  • - wpscan
  • - joomscan
  • - vbscan
  • - dirbuster
  • - testsslserver
  • - wireshark
  • - hashcat-cli32
  • - hashcat-cli64
  • - hashcat-cliXOP
  • - johntheripper
  • - hydra
  • - androapkinfo
  • - androaxml
  • - androgui
  • - apktool
  • - airbase-ng
  • - aircrack-ng
  • - aircrack-ng-GUI
  • - airdecap-ng
  • - airdecloak-ng


Tentu beberapa dari kalian ada yang sudah tahu dan familiar dengan beberapa tool yang ada diatas.

Nah, cara installnya bagaimana? Untuk kalian yang belum memiliki Pentestbox, kalian bisa mendownload aplikasi ini di situs resminya : https://pentestbox.org/

Cara menginstall:
Setelah kalian download, klik kanan dan pilih "run as admin..". Akan muncul window seperti ini:
Pilih lokasi folder yang ingin kalian gunakan sebagai lokasi hasil ekstrak dari Pentestbox *disini saya menggunakan localdisk (F):



Tunggu hingga proses selesai:



Setelah selesai, masuk ke folder yang kalian pilih untuk hasil ekstrak Pentestbox tadi:



Jalankan dengan cara klik kanan "run as admin..":



Tampilan akan seperti berikut:



Lakukan update dengan mengetik perintah "update" *tanpa petik dan enter:



Pilih kategori tool yang ingin kalian update. Disini saya memilih 'all', jadi saya mengetik "update all" *tanpa petik:



Lalu tunggu hingga proses update selesai. *saat melakukan update, pastikan kalian terhubung ke internet:



*update selesai

Untuk menginstall tools, ketik "toolsmanager" *tanpa petik. Dan akan muncul menu seperti ini:



Karena saya suka dengan web, jadi saya memilik kategori nomor 10 maka akan muncul menu seperti ini: 



Pilih tool apa yang ingin kalian install. Disini saya ingin menginstall 'whatweb', dan perintahnya adalah "install whatweb" *tanpa petik:


*FYI: Tidak hanya menginstall, di 'toolsmanager' juga kalia dapan mengupdate dan menguninstall tool.

Tunggu sampai selesai:




Buka tab baru (ctrl+t) dan ketik 'whatweb', akan muncul info dan bantuan penggunaan tool seperti ini:



Untuk menguji tool ini bekerja dengan baik atau tidak, kalian bisa mencobanya dengan perintah sederhana ini "whatweb www.target.com" *tanpa petik, target bisa kalian sesuaikan:



Dan masih banyak lagi tool bertebaran di dalam Pentestbox ini, dan kalian bisa menambahkan tool kalian sendiri ke dalam repositori Pentestbox *info lebih lanjut https://docs.pentestbox.org/tools/include.html :

[wireshark]

[aircrack-ng]

[burpsuite]

[sqlmap]

[vega]

[nikto]

Nah, bagaimana? Tertarik untuk menggunakannya? Sekian artikel kali ini, terima kasih sudah mengunjungi blog ini. Mohon maaf apabila ada kata yang kurang berkenan. Jika ada tambahan, kalian bisa tinggalkan komentar atau langsung DM saya di twitter.
Semoga bermanfaat, #chaoo
Continue reading Sena How To : Pentestbox, Pentesting Tools for Windows? #bahassecurity

Sabtu, 22 Juli 2017

,

Sena How To : Membuat Bacotan Menjadi Sebuah Program Text2Speech Sederhana

Text to speech, atau kata lainnya teks menjadi suara adalah kemampuan bawaan yang dimiliki oleh sejumlah OS seperti Windows atau Linux. Kemampuan ini akan membuat PC kita dapat berbicara layaknya AI seperti pada film IronMan, namun sesuai dengan apa yang kita tuliskan di dalam sebuah script. Untuk membuat PC kita dapat berbicara layaknya AI, kita harus membuat atau menyiapkan sejumlah script atau hal pendukung lainnya. Untuk tutorial kali ini, saya menggunakan Windows dan fitur VBS Speech bawaan yang ada pada sistemnya. So, check this out guys!





Apa saja yang perlu kita siapkan?

  • Speaker (Wajib untuk PC)
  • Teks editor (Di sini saya menggunakan Sumblime Text)
  • Cemilan (Tidak wajib, tapi saya rasa ini perlu) *lol
  • Niat (Wajib)
Nah, what will we do now? Setelah semua siap, buka text editor yang kalian miliki. Lalu copas script bat dibawa ini kedalam text editor kalian:


Note: Tombol copynya gak guna.
@echo off
@mode con cols=55 lines=10
title Sena How To : Bacot
color A
:st
echo Type what you would like the program to say
set /p command=
cls
cd "%userprofile%\desk*"
if exist Talk_.vbs del Talk_.vbs
copy NUL Talk_.vbs
cls
ping localhost -n 2 > nul
echo strText = ("%command%")> "Talk_.vbs"
echo Set objvoice = CreateObject("SAPI.SpVoice")>> "Talk_.vbs"
echo ObjVoice.Speak strText>> "Talk_.vbs"
cls
echo Analyzing text input 
echo please wait
ping localhost -n 1 > nul
echo.
echo ²                        ² 0%%
ping localhost -n 1 > nul
cls
echo Analyzing text input 
echo please wait
echo.
echo ²Û                       ² 4%%
ping localhost -n 1 > nul
cls
echo Analyzing text input 
echo please wait
echo.
echo ²ÛÛ                      ² 9%%
ping localhost -n 1 > nul
cls
echo Analyzing text input 
echo please wait
echo.
echo ²ÛÛÛ                     ² 13%%
ping localhost -n 1 > nul
cls
echo Analyzing text input 
echo please wait
echo.
echo ²ÛÛÛÛ                    ² 18%%
ping localhost -n 2 > nul
cls
echo Analyzing text input 
echo please wait
echo.
echo ²ÛÛÛÛÛ                   ² 22%%
ping localhost -n 1 > nul
cls
echo Analyzing text input 
echo please wait
echo.
echo ²ÛÛÛÛÛÛ                  ² 27%%
ping localhost -n 1 > nul
cls
echo Analyzing text input 
echo please wait
echo.
echo ²ÛÛÛÛÛÛÛ                 ² 31%%
ping localhost -n 2 > nul
cls
echo Analyzing text input 
echo please wait
echo.
echo ²ÛÛÛÛÛÛÛÛ                ² 36%%
ping localhost -n 1 > nul
cls
echo Analyzing text input 
echo please wait
echo.
echo ²ÛÛÛÛÛÛÛÛÛ               ² 40%%
ping localhost -n 1 > nul
cls
echo Analyzing text input 
echo please wait
echo.
echo ²ÛÛÛÛÛÛÛÛÛÛ              ² 45%%
ping localhost -n 1 > nul
cls
echo Analyzing text input 
echo please wait
echo.
echo ²ÛÛÛÛÛÛÛÛÛÛÛ             ² 49%%
ping localhost -n 1 > nul
cls
echo Analyzing text input 
echo please wait
echo.
echo ²ÛÛÛÛÛÛÛÛÛÛÛÛ            ² 54%%
ping localhost -n 1 > nul
cls
echo Analyzing text input 
echo please wait
echo.
echo ²ÛÛÛÛÛÛÛÛÛÛÛÛÛ           ² 58%%
ping localhost -n 1 > nul
cls
echo Analyzing text input 
echo please wait
echo.
echo ²ÛÛÛÛÛÛÛÛÛÛÛÛÛÛ          ² 63%%
ping localhost -n 1 > nul
cls
echo Analyzing text input 
echo please wait
echo.
echo ²ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ         ² 67%%
ping localhost -n 1 > nul
cls
echo Analyzing text input 
echo please wait
echo.
echo ²ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ        ² 72%%
ping localhost -n 1 > nul
cls
echo Analyzing text input 
echo please wait
echo.
echo ²ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ       ² 76%%
ping localhost -n 1 > nul
cls
echo Analyzing text input 
echo please wait
echo.
echo ²ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ      ² 81%%
ping localhost -n 1 > nul
cls
echo Analyzing text input 
echo please wait
echo.
echo ²ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ     ² 85%%
ping localhost -n 1 > nul
cls
echo Analyzing text input 
echo please wait
echo.
echo ²ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ    ² 87%%
ping localhost -n 2 > nul
cls
echo Analyzing text input 
echo please wait
echo.
echo ²ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ   ² 91%%
ping localhost -n 1 > nul
cls
echo Analyzing text input 
echo please wait
echo.
echo ²ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ  ² 93%%
ping localhost -n 1 > nul
cls
echo Analyzing text input 
echo please wait
echo.
echo ²ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ ² 97%%
ping localhost -n 1 > nul
cls
echo Analyzing text input 
echo please wait
echo.
echo ²ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ² 100%%
ping localhost -n 5 > nul
cls
cd "%userprofile%\desk*"
start Talk_.vbs
ping localhost -n 3 > nul
del Talk_.vbs
cd..
cls
goto st
*feel free to edit the code.

Setelah itu simpan dengan format *.bat:


Simpan dimana saja, asalkan kalian ingat tempatnya. Saya menyimpannya di desktop, karena sering lupa. *lol

Filenya akan berupa icon gear dengan ekstensi .bat. Jika dibuka, tampilannya akan menjadi seperti ini:


Tulis apa yang ingin program kalian katakan lalu tekan "Enter", contoh:



Tunggu sampai loading selesai (note: loading ini bisa ditiadakan).



Setelah loading selesai, PC kalian akan mengeluarkan suara layaknya manusia atau AI namun sesuai dengan apa yang kalian perintahkan.

NOTE:
  • Suara tergantung pengaturan atau OS yang kalian gunakan. Windows 7 akan mengeluarkan suara perempuan, Windows 8 akan mengeluarkan suara laki - laki. Dan kembali lagi pada pengaturan kalian, karena setiap individu memiliki pengaturan yang berbeda.
  • Feel free to edit the code, kalian bebas memodifikasi kode ini sesuai dengan keinginan kalian.
  • Untuk bisa mengubahnya menjadi aplikasi (standalone like *.exe), kalian bisa menggunakan software pihak ketiga seperti bat2exe. Dan kalian bisa mendownloadnya disini atau disini.

Nah, bagaimana? Kereeeen kaaannn! xD Ok, cukup sekian tutorial kali ini. Semoga bermanfaat, dan sampai jumpa di tutorial Sena How to selanjutnya.



Terima kasih sudah mengunjungi blog ini, jika ada kritik, saran, dan masukan, kalian bisa tinggalkan pesan di komentar atau langsung DM di twitter saya. #chaoo
Continue reading Sena How To : Membuat Bacotan Menjadi Sebuah Program Text2Speech Sederhana

Kamis, 13 Juli 2017

, ,

Sena How To : Cara Customize Scrollbar di Blog Gimana kk?


Customize Scrollbar di Blog ~ Bicara soal kustomisasi, tentu kita sudah banyak tahu tentang hal ini. Kustomisasi sendiri adalah suatu kegiatan yang kita lakukan untuk memodifikasi atau mempercantik tampilan atau fungsi suatu media, entah itu media yang bisa kita pegang maupun berupa media digital agar lebih menarik dan lebih indah jika dilihat. Dengan kata lain, sudah tidak default lagi. Hal ini juga bisa kita lakukan pada blog atau website, dengan mengedit atau menambahkan beberapa sentuhan yang kita inginkan.
Dan kali ini kembali lagi di Sena How To, untuk membahas bagaimana cara mengkustomisasi scrollbar pada blog. So, check this out guys!

Seperti biasa, pertama kalian harus memiliki blog. Untuk kalian yang belum memiliki blog, kalian bisa mengunjungi laman Blogger untuk membuat blog yang kalian inginkan (krn saya pengguna blogger, jadi tutor ini saya buat di blogger :'D).

Sudah punya blog? Yuk, lanjut!
Masuk ke blogger kalian, pilih blog yang ingin kalian pasang fitur ini, lalu pilih Theme dan pilih Edit HTML yang ada di sebelah kanan menu ini.


Perlu diingat! Sebelum mengubah atau mengedit coding dari template, ada baiknya kalian menbackup terlebih dahulu tema dari blog kalian.
Cari tag ]]></b:skin> lalu copy dan paste kode ini sebelum tag tersebut (diatas tag ]]></b:skin>):
body::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 background-color: #F5F5F5;
}
body::-webkit-scrollbar {
 width: 12px;
 background-color: #F5F5F5;
}
body::-webkit-scrollbar-thumb {
 border-radius: 0px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 background-color: #575596;

}


Seperti ini:

Lalu, jangan lupa disimpan.
Dan hasil akhirnya akan menjadi seperti ini:

[sebelum]

[sesudah]

Nah, bagaimana? Kereeeen kaaannn! xD Ok, cukup sekian tutorial kali ini. Semoga bermanfaat, dan sampai jumpa di tutorial Sena How to selanjutnya.


Terima kasih sudah mengunjungi blog ini, jika ada kritik, saran, dan masukan, kalian bisa tinggalkan pesan di komentar atau langsung DM di twitter saya. #chaoo

Oh ia! Hampir lupa...
Ada sedikit info tambahan untuk mengedit warna dan beberapa sentuhan lainnya agar tampilannya sesuai dengan keinginan kalian. Check this guys!

Custom Style:
Kalian bisa mengkustomisasinya lagi setelah memasang kode tadi kedalam template blogger kalian.

Color of scroll bar:
Untuk mengganti warna pada scrollbar, kalian bisa mengubah value #575596; pada background-color: #575596; (namun jika kalian suka warna ungu, biarkan saja. Krn ini kode warna ungu).

Edges of Scroll bar:
Untuk menggantinya, kalian hanya harus mencari border-radius: 0px; dan menggantinya dengan value yang kalian inginkan.

Background color of scrollbar:
Untuk mengganti warna dari latar belakang pada scrollbar, kalian hanya harus mencari background-color: #F5F5F5; dan menggantinya dengan value yang kalian inginkan.

Ok, cukup sekian. Semoga bermanfaat. #chaoo
Continue reading Sena How To : Cara Customize Scrollbar di Blog Gimana kk?
, ,

Sena How To : Pure CSS Pop Up Email Subscription Box


Sebelumnya dari kategori ini adalah bagaimana cara menginstall mod 2B dari game Nier: Automata untuk DOA 5 Last Round, yang bisa kalian lihat tutorialnya disini. Dan untuk kali ini, saya akan memberikan tutorial singkat lagi mengenai bagaimana cara membuat dan menambahkan pop up email subscription box pada Blogger. Biasanya, pop up ini akan secara otomatis tambil ketika kita mengunjungi suatu blog. Namun kali ini saya akan buat berupa tombol layaknya form registrasi. Fungsinya sendiri sama dengan tombol subscribe atau berlangganan pada Youtube. Dengan kata lain, jika kita subscribe dengan memasukkan alamat email aktif kita pada subscribe tersebut, maka jika admin telah memposting atau mempublish artikel dari blog tersebut maka kita akan mendapatkan sebuah email masuk yang terdapat sebuah tautan yang mengarah pada posting terbaru, dan seterusnya. Kita pun tidak akan ketinggalan berita dari blog yang kita anggap bermanfaat.

Nah bagaimana cara membuat dan menambahkannya? Check this out guys!

Pertama, kalian harus memiliki blog. Dan saya yakin semua di antara kalian sudah pernah membuat blog dan memiliki blog.
Masuk ke blogger kalian, pilih blog yang ingin kalian pasang fitur ini, lalu pilih Theme dan pilih Edit HTML yang ada di sebelah kanan menu ini.


Perlu diingat! Sebelum mengubah atau mengedit coding dari template, ada baiknya kalian menbackup terlebih dahulu tema dari blog kalian.

Cari HTML tag </body> dan masukan kode ini sebelum tag tersebut (diatas </body>):

<div class='modalDialog' id='signup'>
<div><a class='close' href='#close' title='Close'><i class='fa fa-times'/></a>
<div class='signup-container'>
<div class='newsletter-sm'>
<i class='fa fa-envelope-o enve'/>
<h3>Subscribe to Newsletter</h3>
<p style='text-align:center'>Sign up with your email address to receive news and updates straight in your inbox.</p>
<form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=Hentainojo&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<div class='newsletter-sm-bot'>
<input class='newsletter-input-sm' name='email' placeholder='Enter Your Email' type='text'/>
<button class='newsletter-button-sm' type='submit'>Subscribe</button></div>
<input name='uri' type='hidden' value='Hentainojo'/>
</form></div></div></div></div>
*Ganti value "Hentainojo" dengan feedburner kalian.

Agar kode ini berfungsi, kalian harus menambahkan link tombol. Disini saya menambahkan link untuk tombol "signup":


*didalam menu navigasi
<a href='#signup'>Signup</a>


Nah, untuk mempercantik tampilannya. Kalian hanya perlu menambahkan hiasan CSS seperti ini:

Cari tag ]]></b:skin>, copy dan paste code berikut sebelum tag tersebut (diatas tag ]]></b:skin>):


.enve{background:#00aa9f;color:#fff;width:50px;height:50px;display:block!important;line-height:50px!important;text-align:center;font-size:24px!important;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;margin:0 auto}.newsletter-sm{background:#fff;width:100%;margin:0;padding:20px;box-sizing: border-box;}.newsletter-sm h3,.newsletter-sm p{color:#555;font-family:"Maven Pro",sans-serif}.newsletter-sm h3{font-weight:400;text-align:center;margin-bottom:10px;font-size:24px}.newsletter-sm p{font-size:14px;line-height:20px}.newsletter-sm .newsletter-input-sm{border:0;box-sizing: border-box;padding:5px 10px;width:360px;float:left;height:40px;color:#555;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.newsletter-sm .newsletter-sm-bot{background:#00aa9f url(https://4.bp.blogspot.com/-0mBblowuHEI/VKnxGxyRmUI/AAAAAAAAHiU/ewwqQBE8VE0/s1600/bg.png) no-repeat;box-sizing: border-box;padding:20px;margin:0 -20px -20px;height:80px}.newsletter-sm .newsletter-button-sm{float:right;height:40px;display:inline-block;font-size:14px;box-sizing: border-box;padding:5px 10px;position:relative;color:#fff;text-align:center;background:#00aa9f;border:1px solid #fff;cursor:pointer;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.modalDialog{position:fixed;font-family:Arial,Helvetica,sans-serif;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);z-index:99999;opacity:0;-webkit-transition:opacity 200ms ease-in;-moz-transition:opacity 200ms ease-in;transition:opacity 200ms ease-in;pointer-events:none}.modalDialog:target{opacity:1;pointer-events:auto}.modalDialog:target>div{margin:8% auto}.modalDialog>div{-webkit-transition:all 100ms ease-in;-moz-transition:all 100ms ease-in;transition:all 100ms ease-in;width:500px;position:relative;margin:5% auto;background:#fff;min-height:200px}h2.signup{background:#00aa9f;border-bottom:1px solid #008d84;font-weight:400;text-align:center;box-sizing: border-box;padding:10px;color:#fff;font-size:18px}.close{color:#888;position:absolute;top:1px;right:1px;width:30px;height:30px;line-height:30px;text-align:center;font-size:16px}.close:hover{text-decoration:none;color:#555}

Lalu jangan lupa disimpan.

Tampilannya akan menjadi seperti ini:



Nah, bagaimana? Kereeeen kaaannn! xD Ok, cukup sekian tutorial kali ini. Semoga bermanfaat, dan sampai jumpa di tutorial Sena How to selanjutnya.

Terima kasih sudah mengunjungi blog ini, jika ada kritik, saran, dan masukan, kalian bisa tinggalkan pesan di komentar atau langsung DM di twitter saya. #chaoo
Continue reading Sena How To : Pure CSS Pop Up Email Subscription Box