Catatan Aisha

Tutorial Navbar Cute Style #1

Assalamu'alaikum readers! Kak Ann request cara bikin navbar kayak punya Aisha. Navbar ini kodenya Aisha dapat dari blogskin yang waktu itu pernah Aisha pakai, tapi lupa skins yang mana.

before:

after:

Log in akun blog
Dashboard >> Tata Letak >> Add Gadget di bawah header
Copas kode di bawah ini:

<br /><br /><style>
.koko {
display:inline-block;
-webkit-transition:All 0.8s ease ;
-moz-transition:All 0.84s ease ;
-o-transition:All 0.8s ease ;
padding-right:5px;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
width:60px;
text-decoration:none;
font-family:tahoma;
font-size:10px;
text-transform:uppercase;
color: #fff;
background: #F5E7E8;
text-align:center;
cursor:vertical-text;
opacity: 0.4;
}
.koko:hover{
background: #ccc;
letter-spacing: 3px;
background-position:50% 30%;
background-size:80px;
letter-spacing:2px;
color: #fff;
border-bottom:0px;
-webkit-transition:All 1.5s ease;
-moz-transition:All 1.5s ease;
-o-transition:All 1.5s ease;
box-shadow:inset 0 50px 8px #FF7676;
}
</style>
<center>
<a class="koko" href="URL">REFRESH</a>
<a class="koko" href="URL">AUTHOR</a>
<a class="koko" href="URL">TUTO</a>
<a class="koko" href="URL">BIES</a>
<a class="koko" href="URL">RANDOM</a>
<a class="koko" href="URL">THEMES</a>
<a class="koko" href="URL">LINK</a></center>
<br /><br />

Save

Hai, Assalamu'alaikum, readers! Udah lama owner ~~cantik~~ ini nggak on di blog ya? Kenapa? Soalnya Aisha sedang males blogging dan nggak tahu mau posting apa. Dan aisha sedang aktif-aktifnya membaca di wattpad, tidak peduli itu cerita amburadul atau cerita rangking teratas :)

Oke, kali ini Aisha post ini aja deh, walaupun mungkin menurut kalian tidak berfaedah tapi aisha sedang sangat tertarik dengan Sorata Akizuki. Maksudnya gambarnya. Selain itu aisha juga kagum banget sama mangaka ini karena tangannya itu bisa hebat menggambar manga yang cantik n ganteng dan wajah manga-manganya tuh bisa beda-beda (soalnya aisha kalau gambar manga mukanya, rambutnya ya gitu-gitu aja. #masihpemula).

Inilah salah satu penampakan gambarnya:

Cool nggak? Cool nggak?

Aisha awalnya nggak kenal Sorata Akizuki sebelum nanya sama mbah google 😁. Awalnya aisha mengenal Sorata Akizuki dari manganya yang berubah wujud menjadi anime (apaan sih), namanya Zen Wistalia.

Yang ngenalin pertamakali itu Kakak Fia yang entah tahu dari mana, pas aisha lagi suka-sukanya niruin gambar manga orang lain yang udah terkenal. Dulu aisha sukanya niruin gambar manga yang namanya Kirigaya Kazuto tapi jadi beralih ke sini.

Tadinya aisha tuh niruinnya animenya. Tapi aisha penasaran kalau anime ini ada manganya. Jadi aisha searching di mbah google dan akhirnya... ketemu deh. Dan ternyatah manganya itu lebih keren daripada animenya >< wowowow

Sekarang aisha tengah berjuang menghabiskan isi pensil mekanik aisha untuk menggambar, pingin banget jadi mangaka yang gambarnya sekeren gambarnya Sorata Akizuki.

Yah, owner blog ini mungkin aneh udah ngefans sebelum baca komiknya langsung. Tapi udah langsung suka berkat mbah google yang rela bagi-bagi gambarnya.

Oke udah segitu aja (segitu doang?) Sekalian recomend buat kamu yang mau latihan menggambar manga, manga ini good. Jangan menyerah walaupun niru gambar tapi kelihatannya gambarnya masih tetep jelek-jelek aja. Aisha juga gitu kok :)

Tutorial Menambahkan Border pada Body Blog

Assalamu'alaikum. Hi, readers! Aisha mau kembali lagi dengan menyuguhkan tutorial buat kalian, berhubung udah lama Aisha nggak posting tutorial, juga karena memang Aisha kepingin menuhin postingan blog.

Sudah tahu border kan? Yang betuknya ada solid (menyatu), dashed (putus-putus) dan dotted (titik-titik). Selain ketika bentuk itu, border itu ada juga yang bentuknya lain, tapi yang umum dipakai ya tiga jenis border itu. Kalau masih belum ngerti juga, klik disini.

Kalau border itu dipakai untuk body blog, jadi seperti ini:

Ikuti step by step dibawah untuk menambahkan border pada body blog ya...

Log in blog
Dashboard >> Template >> edit HTML
Cari code:

.main-outer {

Hapus kode .main-outer { sampai } yang pertama. Lalu ganti dengan kode ini:

.main-outer {
border-top: 2px solid #F9CFCF;
border-bottom: 2px solid #F9CFCF;
border-left: 2px solid #F9CFCF;
border-right: 2px solid #F9CFCF;
border-radius: 0px;
margin: 0 auto;
padding: 0 0 15px;
text-align: left;
background: #fff;
}