BAKA HIME

Watch online Detective Conan Movie 18 – Ijigen no Sniper Subtitle Indonesia

 Watch Online Naruto Shippuden OVA – Sunny Side Battle Jump Festa Subtitle Indonesia

Credit Source:awsubs

Tusfiles | Solidfiles | Mirrorcreator | Acefile | Aisfile

Pagi ini, saya baru saja ditugaskan oleh atasan saya untuk memperbaiki browser Mozilla Firefox yang tidak bisa masuk ke alamat yang dituju di PC atasan saya yang lain. Saya pikir mungkin saja permasalahan proxy yang belum diatur. Tapi, setelah saya lihat di browser, ternyata pesan yang muncul adalah “This Connection is Untrusted”, seperti pada gambar di bawah ini.
Nah, bagaimana cara mengatasi permasalahan tersebut? Setidaknya ada dua cara yang saya ketahui bagaimana mengatasinya. Namun, sebelum itu, mungkin kita harus perlu tahu dahulu, kenapa bisa muncul pesan seperti gambar di atas.
Pesan tersebut akan muncul karena berjalan dengan menggunakan protokol HTTPS (Hypertext Transfer Protocol Secure), seperti situs seperti Facebook, Google Mail, Twitter, Yahoo Mail, dkk. HTTPS merupakan sebuah protokol transmisi data yang aman dimana protokol ini adalah gabungan dari HTTP dan SSL (Secure Socket Layer)/TLS (Transport Layer Security). Keduanya memberikan perlindungan yang memadai dari serangan eavesdroppers dan juga MITM (Man-in-the-middle attack).

Cara mengatasi pesan “This Connection is Untrusted”

Seperti yang saya sampaikan sebelumnya bahwa setidaknya ada dua cara mengatasi pesan tersebut, yaitu:

Cara Pertama

Pada pesan “This Connection is Untrusted”, pilih opsi “I Understand the Risks”. Kemudian, muncul tulisan yang diakhiri dengan tombol Add Exception…

Pilih tombol tersebut. Lalu muncul kembali dialog “Add Security Exception”. Pilih Get Certificate. Terakhir pilih Confirm Security Exception. Selanjutnya browser akan menuju ke halaman yang anda tuju.
Nah, dari beberapa percobaan yang saya lakukan, ternyata hasilnya tetap saja masih muncul pesan yang sama. Namun di bagian Technical Details muncul pesan seperti berikut.
Seperti pesan Technical Details bahwa ternyata certificate sudah kadaluarsa dikarenakan waktu kalender yang tidak cocok. Maka dari itu, cek kalender di PC/Laptop anda (seperti pada cara kedua).

Cara Kedua

Cek kalender pada PC/Laptop anda apakah tanggal kalender sudah cocok dengan tanggal hari ini.
Apabila kalender anda belum cocok, ya cocokkan dengan kalender sekarang. Setelah selesai pengaturan, coba lakukan browsing kembali.
Semoga bermanfaat.

Download monster hunter 2 for PC, merupakan sebuah game action yang dikembangkan dan diterbitkan oleh Capcom . Rakasa Hunter dirilis di Amerika Utara pada tanggal 21 September 2004. kemudian dibuat ulang dan diperluas di Rakasa Hunter G , yang dirilis di Jepang dan dibawa ke Amerika Utara dan Eropa sebagai Rakasa Hunter Freedom untuk PlayStation Portable . Meskipun banyak game yang bisa dimainkan melalui single-player offline, sebagian besar konten online pada permainan. Tidak semua monster ditemukan di single-player dan pemain penghargaan lebih kecil ketika mereka sedang offline. Tujuannya agar pemain online tidak untuk mengalahkan monster tapi untuk mencapai pemburu peringkat tertinggi , yang merupakan alur cerita yang dilakukan secara online oleh karakter NPC.

Monster hunter 2 Portabel  : untuk PSP . MHP2 menambahkan fitur baru dan termasuk beberapa perubahan pada game asli , seperti penghapusan beberapa elemen dari aliran waktu dan penghapusan Yama Tsukami gurita seperti rakasa . ( Kini tersedia dalam Rakasa Hunter Freedom Unite , Inggris Portabel 2nd G ).

Dengan jenis pertama dari Monster hunter , Monster hunter 2 berisi banyak monster baru , seperti angin logam Daora Kushal naga , kepala singa naga Teo Teskatoru ( bernama Teostra di Amerika Utara dan versi PAL dari rakasa Hunter Freedom 2 ) dan temannya nana Teskatory ( bernama Lunastra di Amerika Utara dan versi PAL dari MHF2 ) , primata dan Dodobrango Babakonga ( congalala dan Blangonga di MHF2 ) , atau monster seperti Rajang Banteng Minotaur , dan Chameleon naga Oonazuchi ( Chameleos di MHF2 ) . Dengan prospek monster baru dan senjata baru dan penggorengan dari baja.


Free Download Monster Hunter 2 Full Versi untuk PC

Ok, kali ini saya ingin mengetengahkan cara membuat widget profil sosial networking menarik dengan colored style.

Fitur

• Meliputi 7 jejaring social yang paling sering digunakan
• Efek hover dan desain yang elegan,
• Sangat rapi dan bersih
• Tidak ada JavaScript, No Jquery, murni dengan CSS

Cara menambahkan widget ini ke blog

Untuk menginstal widget ini ke blog sangat mudah, baik blog anda dengan flatfrom blogger, wordpress atau layanan blogging lainnya dimana style CSS dan HTML diterima pada widget atau template. Anda hanya perlu menambahkan kode gadget/widget pada bagian HTML/JavaScript.
Step by step for blogger

• Pada dasbor >> Masuk menu Tata Letak >> Tambah Gadget >> Pilih HTML/JavaScript
• Copy dan paste kode berikut pada kolom konten:

<div class='metro-social'>
<li><a class="fb" href=http://www.facebook.com/jrychristianty rel="nofollow"></a></li>
<li><a class="tw" href=http://twitter.com/jry.christianty></a></li>
<li><a class="gp" href="https://plus.google.com/u/0/+JryChristianty/posts"></a></li>
<li><a class="yt" href=https://www.youtube.com/channel/UCbaBWPflQFvH0KghZosWczw></a></li>
</div>
<style>
.metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}
.metro-social .gp{width:69px;height:70px;background:url(//goo.gl/oT0kF) no-repeat center center #da4a38}
.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}
.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}
.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}
.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
.metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}
.metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}
.metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}
.metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}
</style>

Kustomisasi: Ganti link profil saya dengan link profil milik anda.

• Simpan dan lihat hasilnya diblog anda.

Demikian tutorial kali ini, cara membuat social profile widget pada blog. Semoga bermanfaat.

ok,kali ini saya mau share tentang dasar - dasar tentang trik CSS3 yang sudah kita coba selama ini
,mungkin sebagian dari sobat hanya copy paste css ke template,tanpa mengerti arti kode tersebut dan fungsinya,dan mengalami kesulitan untuk mengatur sendiri css'a.
pertama kita harus tahu dulu apa itu CSS??


Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web untuk mengatur beberapa komponen atau elemen dalam sebuah web sehingga akan lebih terstruktur dan seragam dengan HTML/script.Untuk saat ini terdapat tiga versi CSS, yaitu CSS1,CSS2 dan saat ini yang sedang populer adalah CSS3 .CSS 1 dikembangkan berpusat pada pemformatan dokumen HTML,CSS 2 dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa ditampilkan di printer.
Selain itu CSS 2 mendukung penentuan posisi konten, downloadable, huruf (font), tampilan pada tabel (table layout) dan media tipe untuk printer.sedangkan CSS3 adalah gaya bahasa terbaru dan terbesar di cakrawala dari web, dan memiliki kemampuan design yang lebih baik daripada versi css sebelum'a

apa saja yang bisa dilakukan CSS3?
ini dia daftar Kemampuan CSS3:

-Text shadow pada tulisan and box shadows pada background dan kotak = efek bayangan
-Sudut bulat atau biasa disebut rounded corners
-Gradient atau gradasi warna pada text dan background
-Animasi dan transisi
-Berbagai macam css font seperti google font api
-Multi background images
-rgba color
-border style
-multi colums count(untuk menentukan jumlah kolom)
-column gap (untuk menentukan jarak antar kolom)
-column rule (untuk menambahkan sebuah garis antar kolom)
-content hover effect(hover efect*ituloh,bila kita arahkan kursor ke onject,akan muncul animasi'a)
-kaleborasi CSS3 dengan jquery,mootools,yui,dan javascript.
-photo slider,accordation,tabslider,dan masih banyak lagi yang akan dikembangkan.

sobat sudah taukan apa saja yg bisa dilakukan css3?
sekarang saya akan sharing beberapa tutorial css3 .
pertama,kita belajar text shadow dulu ya ^^


TEXT SHADOW
Bayangan teks disusun dalam urutan sebagai berikut: x-offset, y-offset, kabur, dan warna
berdasarkan keterangan gambar diatas,
-syntax Text-shadow adalah perintah untuk menampilkan text shadow.
-angka 2px(pixel) arah x-offset/horizontal maka posisi bayangan akan  ke kanan. sedangkan bila kita masukan nilai kurang dari -1,maka arah bayangan akan ke kiri.
-angka 3px arah y-offset/vertikal maka posisi bayangan akan keatas,sedangkan bila kita masukan nilai kurang dari -1,maka arah bayangan akan ke bawah.
-nilai ketiga 2px,adalah efek blur/bayangan/atau tingkat kekaburan.bila kita mempertinggi nilai blur tersebut,maka tingkat kekaburan'a akan meluas.
-untuk kode warna,sperti yang sobat tahu menggunakan kode warna hexadecimal.

pada inti'a,prinsip kerja text shadow sama dengan tabel grafik seperti gambar diatas.

sama hal'a dengan trik 3DText.
Contoh:


pada prinsip 3Dtext,kita hanya mengubah posisi bayangan berdasarkan arah pada nilai yang kita tentukan.
untuk shadow biasa kita hanya memasukan  text-shadow: 0px 1px 0 #000.
tetapi untuk 3d text,kita tambahkan koma"," untuk memanjangkan shadow'a
menjadi seperti ini

 text-shadow: 0px 1px 0 #152794,text-shadow: 0px 2px 0 #05a0aa;

mengapa shadow pertama 1px sedangkan shadow kedua 2px?
karena prisip kerja 3D text menggunakan layer shadow.untuk layer pertama dibuat posisi'a ke atas 1 px,shadow ke 2 diubah ke posisi yg lebih tinggi daripada shadow pertama.tingkat kekaburan pada text diberi nilai "0" agar lebih realistic efek 3Dnya...



BORDER - RADIUS -CORNER


Singkat'a untuk border radius mirip dengan properti padding dan margin (misalnya border-radius: 20px). Dalam rangka untuk browser untuk membuat jari-jari border radius, tambahkan "-webkit-" dalam font nama properti untuk browser webkit"google chrome,safari" dan "-moz-" untuk Firefox,dan O untuk browser Opera.

Contoh:
-webkit-border-radius: 8px;
-moz-border-radius: 8px;

kode diatas yang bernilai 8 px,artinya tingkat kebundaran pada bagian kiri dan kanan bernilai 8 px,bila kita naikan nilai'a,akan semakin bulat.

untuk lebih specify css'a lihat Kotak 2 pada gambar diatas dan css dibawah ini:

-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;

disini,saya hanya memasukan nilai radius untuk bagian atas,sebelah kiri dan bawah sebelah kanan,maka akan membulat di sudut tertentu saja.
kenapa efek bundar hanya terlihat di bagian atas,kiri dan kanan,bawah?
karena kita tidak memasukan nilai'a,otomatis menjadi "0".

CSS3 ANIMATION KEY FRAME




mungkin sudah pernah mencoba Efek animasi yang menggunakan -moz-transform yang sudah digunakan pada contoh yang sudah saya share sebelum'a di artikel 30 Trik menarik CSS3. Jika sebuah class menggunakan -moz-transform dan ditambah dengan -webkit-transition maka efek animasinya akan terlihat.dan yang terpenting,kita menggunakan -webkit-transition: all 0.6s ease-in-out dimana 0.6s adalah waktu gerak dan ease-in-out adalah tipe efek yang digunakan.

Beda'a dengan CSS3 animation,kita bisa menentukan sendiri efek animasi'a di tiap frame/atau proses animasi itu berlangsung.contoh css3 animation ada di
yang "infinity Bounce effect"besar/kecil terus menerus bila kita arahkan kursor ke objek" ,"Fade effect" , "Bounce effect" dan "multi animasi".

ok deh,pertama saya jelaskan dari infinity Bounce effect.

infinity Bounce effect

Perhatikan CSS dibawah ini

.kotak14animasi {
background:#00C4FD;
width: 100px;
height: 100px;
line-height: 50px;
text-align: center;
-webkit-transition: all 0.6s ease-in-out;
}
.kotak14animasi:hover {
-webkit-animation-name: scale;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes scale {
from{
-webkit-transform: scale(1);
}
50%{
-webkit-transform: scale(0.85);
animation-timing-function: ease-out;
}
to{
-webkit-transform: scale(1);
animation-timing-function: ease-out;
}
}

pada .kotak14animasi adalah kode tetap untuk css style pada object,dengan warna,lebar dan tinggi yang sudah ditentukan,dengan -webkit-transition.
lalu pada .kotak14animasi:hover,kita menambahkan

-webkit-animation-name: scale;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count: infinite;

-yang pertama,-webkit-animation-name: scale; adalah nama keyframes yag sudah terikat dengan @-webkit-keyframes scale ,bila nama'a berbeda,css tidak akan bekerja.
-yang kedua -webkit-animation-duration: 0.5s; adalah durasi animasi itu sendiri dan..
-yang ketiga -webkit-animation-iteration-count: infinite; adalah css yang terpenting agar animasi berjalan tak terbatas.


Selanjutnya..

@-webkit-keyframes scale {
from{
-webkit-transform: scale(1);
}
50%{
-webkit-transform: scale(0.85);
animation-timing-function: ease-out;
}
to{
-webkit-transform: scale(1);
animation-timing-function: ease-out;
}
}

pertama,coba sobat perhatikan css ini

-webkit-keyframes scale adalah nama keyframenya.
-webkit-transform adalah efek animasinya.

{ from{-webkit-transform: scale(1);}
kode di atas ini adalah posisi awal,dengan Scale (1) besarnya 100 % dengan objek aslinya.
lalu pada css:
50%{
-webkit-transform: scale(0.85);
animation-timing-function: ease-out;
}

adalah tengah prosesanimasi itu berlangsung dengan scale 0.85 = 85% object itu mengecil

lalu membesar lagi ke posisi awal menjadi scale(1)
to{
-webkit-transform: scale(1);
animation-timing-function: ease-out;

itulah mengapa cara kerja infinity Bounce effect bisa tidak terbatas.


selanjutnya...

Fade effect
sama dengan infinity Bounce effect,menggunakan -webkit-transition,hover dan keyframes.
disini bedanya kita menggunakan effect yag berbeda.Fade effect adalah efek transparant,tapi aka kembali lagi menjadi timbul.
fade efect menggunakan css opacity,yang membuat effect transparant pada object.

perhatian css dibawah ini

0% {
opacity: 1.0;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1.0;
}
}

0% adalah posisi awal object tersebut,opacity 1.0= 100%,lalu..
50 % posisi tengah animasi =0.5 =50% efek transparant..
dan terakir pada posisi 100%,akan timbul kembali object tersebut.


Bounce effect

untuk Bounce effect,hanya beda di keyframesnya saja.

@-webkit-keyframes bounce {
from {
margin-left: 0px;
}
to {
margin-left: 250px;

margin-left: 0px; adalah posisi/letak awal object.
margin-left: 250px; akan berpindah posisi 250px dari letak awal object tersebut.

dan yang terakhir...


Link/background warna-warni

@-webkit-keyframes pulsate {
0% { background-color:#DEDEDE;color:#797979;}
5% { background-color:#109F9D;color:#9EA9AF;}
10% { background-color:#B19FD9;color:#797979;}
15% { background-color:#D600AF;color:#EAEAEA;}
20% { background-color:#E9E32E;color:#797979;}
40% { background-color:#38374A;color:#9EA9AF;}
45% { background-color:#711943;color:#797979;}
50% { background-color:#3FFFF5;color:#EAEAEA;}
55% { background-color:#1F67C5;color:#797979;}
60% { background-color:#6541B3;color:#9EA9AF;}
80% { background-color:#45002D;color:#797979;}
90% { background-color:#109F9D;color:#EAEAEA;}
100% { background-color:#DEDEDE;color:#797979;}
}
}

untuk trik css3 warna warni,efek animasinya lebih banyak..
tiap proses,efeknya hanya berganti warna di tiap framenya...
sobat tinggal mengganti warna background yang sobat inginkan dengan pilihan warna yang bisa sobat pilih sendiri.

Sekian penjelasan trik animasi dari saya,semoga sampai disini sobat bisa mengerti css3,dan dapat membuat kreasi sobat sendiri untuk menciptakan berbagai ide kreatif yang bisa kita kembangkan.terima kasih dan jangan lupa tinggalkan komentarnya ^^

Favicon merupakan ikon/gambar yang muncul di pojok kiri address bar yang disertakan pada hampir semua situs web atau blog sekaligus merupakan logo dari blog tersebut. Seperti contoh dibawah ini :

Ukuran gambar yang dipakai usahakan tidak lebih dari 100KB atau Anda bisa meng-upload gambar terlebih dahulu di FavIcon from Pics, berikut cara meng-uploadnya :

1. Kunjungi situs http://www.html-kit.com/favicon/ 
2. Pada Create a Favicon from any picture, klik 'Browse'.
   
3. Kemudian klik 'Generate FavIcon.ico'
4. Setelah itu jika Anda menginginkan favicon animasi, download dalam format gif dan simpan gambar.
   
5. Kemudian upload gambar pada free image hosting dan ambil link gambarnya, atau bisa Anda lihat caranya disini.

Selanjutnya kita akan memasang favicon pada blog, berikut langkah-langkahnya :

Cara pertama :

1. Login akun blogger Anda. 
2. Pilih 'Tata Letak' pada menu dropdown. 
3. Klik 'Edit' di bagian Favicon, lihat gambar!
   
4. Klik 'Browse', kalau sudah di upload klik 'Simpan'.
   

Cara kedua :

1. Login akun blogger Anda. 
2. Klik Template ---> Edit HTML ---> beri tanda centang pada kotak Expand Widget Template. 
3. Tambahkan kode dibawah ini tepat diatas </head>
   <link href='URL ICON' rel='icon' type='image/gif'/>
   Keterangan:
   Ganti 'URL ICON' dengan URL atau link gambar yang Anda upload tadi. 
4. Simpan template.

Nah, sekian postingan cara mengganti favicon pada blog dan semoga bermanfaat. Jika Anda masih mengalami masalah silahkan hubungi kami melalui contac.