Navigation 2

Live Preview

Ini navigasi style yang ke-2, saya dapat hasil dari stalk blog orang lah, ekeke..

Langsung saja nih kodenya :

<style>a.roka{background:#ff7070;width:45px;padding-bottom:4px;padding-top:10;display:inline-block;
-webkit-border-bottom-right-radius: 15px;-webkit-border-bottom-left-radius: 15px;-moz-border-radius-bottomright: 15px;-moz-border-radius-bottomleft: 15px;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;
-webkit-transition: 0.4s; -moz-transition: 0.4s;text-align:center;
color:#fff;border-bottom:0px solid #fff;}
a.roka:hover{-webkit-transition: 0.4s; -moz-transition: 0.4s;background:#ff7070;color:#808080;border-bottom:30px solid #ff7070;}
}</style><roka>item 1 </roka><roka>item 2 </roka><roka>item 3 </roka>  

*Nb : use ctrl+c for copy paste

Read More

Navigation 1

Live Preview

Sudah belajarnya~~ sekarang saya ingin bagi-bagi pengetahuan untuk mencantikkan blog ehehe.. 

Kali ini yang ingin saya bagikan adalah kode HTML untuk membuat navigasi..

Kalau di dalam dunia perblog'an ? Navigasi ini berfungsi sebagai hiasan.. Banyak blog-blog orang (bukan Indonesia) yang memakai navigasi.. 

Langsung saja nih kodenya :

<style>a.roka{display:table-cell;vertical-align: middle;height:55px;margin:-1px;border-left:1px solid #ffffff;padding:4px 6px 5px 5px;color: #ffffff;background: #BDEDFF;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;transition: all 0.9s ease;}
a.roka:hover{border-left:3px solid #ffffff;color: #000000;background: #FFCFCD;-moz-border-radius: 0px 0px 70px 70px;-webkit-border-radius: 0px 0px 70px 70px;border-radius: 0px 0px 70px 70px;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;transition: all 0.9s ease;}</style><a class="roka" href="URL" >item 1 </a><a class="roka" href="URL" >item 2 </a><a class="roka" href="URL" >item 3 </a>

*Nb : use ctrl+c for copy paste

Read More

PAI

Yaa, kali ini saya ingin main blog sambil belajar. Pelajarannya adalah Agama Islam... Kenapa? Soalnya saat UAS pertama kemarin pada mapel PAI, saya merasa kesulitan, padahal saya sudah belajar begadang sampe mata item kaya panda -,-  Dan ternyata pelajarannya yang muncul di soal itu yang kaya beginian, what the? saya gak baca subbab yang ini lagi issshh...

Tapi syukurnya saya tidak remed, walaupun karna KKM nya diturunin sih nyahaha... Semoga bermanfaat !!!

Sifat Nafsiyyah, Salbiyah, Ma’ani, dan Ma’nawiyah

PEMBAGIAN SIFAT-SIFAT ALLAH :

Sifat dibagi menjadi 4 bagian :

 Sifat Nafsiyyah

 Sifat Salbiyyah

 Sifat Ma'ani

 Sifat Ma'nawiyah

 Sifat Nafsiyyah (Sifat Kepribadian)

Maksudnya sifat untuk menentukan adanya Allah, di mana Allah menjadi tidak mungkin ada tanpa adanya sifat tersebut. Adapun yang tergolong sifat ini hanya satu yaitu sifat wujud.

Read More

Blockquote Unyu

Live Preview

Nah, hari ini saya ingin berbagi kode blockquote untuk blog yang unyuuu~~ . Ini dia stepnya :

1.Login ke Blogspot, klik design/ layout > Edit HTML 

2. Setelah itu, cari code di bawah ini.. gunakan Ctrl+F untuk memudahkan pencarian

.post blockquote {

3. Copy code di bawah dan paste kan di BAWAH code .post blockquote { seperti yang kamu cari tadi

background:url(http://i53.tinypic.com/ieqypf.gif);
padding:10px;
border: 2px solid #ffcccc;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
box-shadow:inset 0px 0px 0px #Ffcccc,inset 0px 0px 0px #bce8f6;
text-decoration:none;
}
.post blockquote:hover {
border: 2px solid #faafbe;
border-radius: 8px;
box-shadow:inset 0px 50px 0px #ffcccc,inset 0px -50px 0px #bce8f6;
}

4. Code yang berwarna MERAH, boleh ditukar sesuai keinginan masing-masing.

5. URL GAMBAR BACKGROUND BLOCKQOUTE boleh direplace dengan URL yang kamu mau.

6. Preview, No Error, Save! =D

Sumber : Yaya Hatsumi

*Nb : use ctrl+c for copy paste

Read More

School File 1

Hari ini saya mau meng-upload data sekolah saya yang kelas X semester 1 ke blog ini, cuma buat jaga-jaga aja sih....
Kalau mau download silahkan saja :) tapi downloadnya kemungkinan akan lama karena isinya terlalu banyak, harap sabar hehe...

Read More