A - K - L - I

Cara Menambahkan Animasi Pada Navbar

aklil | 23.41 | Tips and Trick Blog

Hello Sobat Blogger, kali ini Saya akan memberikan Tips yaitu "Cara Menambahkan Animasi Pada Navbar". Seperti yang Kalian lihat pada gambar di atas, atau pada Blog ini, Navbarnya berisikan Animasi. Bagaimana, Kalian tertarik...? kalau tertarik, silahkan ikuti langkah-langkah di bawah.

[1]. Pertama, pastinya Login dulu ke Blog Kalian.

[2]. Dari Dasbor, cari Rancangan -- > Edit HTML.

[3]. Kalau sudah, cari Code body {.

[4]. Kemudian Copy dan Paste-kan Code di bawah ini tepat di ATAS Code body {.

A. Untuk Navbar Yang Normal.

#navbar-iframe {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7IH0QcUGrEOvkPgEYYfRGAcogLXdFbwgf50vPevlFJVVVmc8SurWt5kDne1qMuczt2espb9p97sigwZmV6ERr6E4-tl93nyzC2qrHSIYcK8Wn7aAAh4UGJK9QwhLTJA_MLHPQrbz9cik/s1600/1b.gif) center repeat;}

B. Untuk Navbar Yang Show Hide.

#navbar-iframe{opacity:0;-moz-opacity:0;filter:alpha(Opacity=0);background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7IH0QcUGrEOvkPgEYYfRGAcogLXdFbwgf50vPevlFJVVVmc8SurWt5kDne1qMuczt2espb9p97sigwZmV6ERr6E4-tl93nyzC2qrHSIYcK8Wn7aAAh4UGJK9QwhLTJA_MLHPQrbz9cik/s1600/1b.gif) center repeat;}
#navbar-iframe:hover{opacity:0.4;-moz-opacity:0.4;filter:alpha(Opacity=40);}
/* General
*/

KETERANGAN :

* Tulisan yang berwarna Biru, adalah URL Gambar Animasinya. Kalian bisa menggantinya dengan Gambar Animasi yang Kalian suka.

* Dan jika di atas Code body { ada Code yang seperti di atas, hapus saja Codenya dan ganti dengan Code di atas.

[5]. Terakhir, tinggal di SAVE dan lihat hasilnya.

Semoga Berhasil...!!!

Cara Menambahkan Icon Di Depan Judul Postingan Blog

aklil | 00.30 | Tips and Trick Blog

Berhubung Saya masih sempat untuk membuat Postingan, sekalian juga Saya memberikan Tips berikut, yaitu [Cara Menambahkan Icon Di Depan Judul Postingan Blog]. Seperti yang Kalian lihat pada Gambar di atas, atau pada Blog ini, pada bagian depan Judul Postingan, kan ada Icon Gambarnya. Kalau Kalian tertarik, silahkan ikuti langkah-langkah di bawah.

[1]. Login dulu ke Blog Kalian.
[2]. Dari Dasbor -- cari Rancangan --> Edit HTML.
[3]. Centang kotak "Expand Template Widget".
[4]. Cari Code <b:if cond='data:post.url'>. Kira-kira Codenya seperti di bawah.

<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>

[5]. Kemudian, tambahkan Code di bawah ini di antara Code <a expr:href='data:post.url'> dan Code <data:post.title/>.

<img src='http://dc254.4shared.com/img/PQeI8-UP/s3/up-emotion.gif'/>

[6]. Hinggal menjadi seperti Code di bawah.

<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><img src='http://dc254.4shared.com/img/PQeI8-UP/s3/up-emotion.gif'/><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>

KETERANGAN :
* Tulisan yang berwarna Hijau, ganti dengan URL Icon Gambar Kalian.

[7]. Terakhir, tinggal di SAVE dan lihat hasilnya.

Semoga Bermanfaat...!!!

Cara Membuat Blog Nge-Reload Dan Nge-Refresh secara Otomatis

aklil | 00.25 | Tips and Trick Blog

Heloo Sobat Blogger, kembali Saya menyapa Sobat2 Blogger semua. Saya kembali Update Tips Blogger, dan kali ini Saya akan memberikan Tips Blogger yaitu "Cara Membuat Blog Nge-Reload Dan Nge-Refresh secara Otomatis". Seperti pada judul kali ini, Blog kita akan Nge-Reload atau Nge-Refresh dengan sendirinya, dengan waktu yang kita tentukan. Tips ini juga bermanfaat untuk menyegarkan Blog kita. Bagaimana, Kalian tertarik...? Kalau tertarik, silahkan ikuti langkah-kangkah di bawah ini.

[1]. Pertama, pastinya Login dulu ke Blog Kalian masing2.

[2]. Dari Dasbor, cari Rancangan --> Edit HTML.

[3]. Ketiga, cari Code <head>. [Gunakan CTRL + F atau F3 pada Keyboard untuk mempermudah pencarian].

[4]. Kalau sudah ketemu, sekarang Copy dan Paste-kan Code di bawah ini, tepat di BAWAH Code <head>.

<meta http-equiv="refresh" content="300"/>

KETERANGAN :

* Angka yang berwarna Merah, menunjukan lama waktu Blog kita akan me Refresh. 300 artinya 300 detik atau 5 menit. Kalian bisa menyesuaikannya dengan keinginan Kalian.

[5]. Terakhir, tinggal di SAVE. Dan coba Kalian lihat hasilnya.

Semoga Bermanfaat Ya...!!!

Cara Membuat Effect Kedap-Kedip Pada Postingan

aklil | 00.23 | Tips and Trick Blog

Hello sobat Blogger, bagaimana kabar Kalian hari ini,,? semoga sehat2 saja ya. Kali ini Saya akan berbagi Tips Bloger yaitu "Cara Membuat Effect Kedap-Kedip Pada Postingan Atau Judul Postingan Blog". Sebenarnya sudah lama Saya ingin SHARE Tips ini, tapi baru hari ini Saya bisa SHARE. Sebagi contoh, pada Judul Postingan Blog ini atau pada salah satu Postingan Blog ini, Kalian bisa lihat ada Tulisan yang berkedap-kedip terus-menerus. Bagaimana, Kalian tertarik...? kalau Kalian tertarik, silahkan ikuti langkah-langkah di bawah.

[1]. Login dulu ke Blog Kalian.

[2]. Kedian dari Dasbor, buat sebuah ENTRI baru.

[3]. Selanjutnya, Copas atau Ketik Code di bawah.

<blink>Postingan Kalian atau Judul Postingan Kalian</blink>

KETERANGAN :
* Untuk menaruh Codenya, pastikan di dalam Mode Edit HTML pada Postingan.

* Ganti tulisan yang berwarna Biru, dengan Postingan Kalian.

* Sedangan untuk Judul Blog, lihat Gambar di bawah.

[4]. Terakhir, tinggal di SAVE, dan lihat hasilnya.

Semoga Bermanfaat.

Cara Membuat Scroll Pada Postingan Blog

aklil | 23.46 | Tips and Trick Blog

Scroll pada Postingan, hemm mungkin Kalian sudah tau tentang judul Postingan kali ini. Seperti pada Blog ini, pada Postingan, pasti terlihat ada Scroll-nya. Scroll berfungsi sebagai "Penghemat Ukuran Postingan". Dari Postingan yang Panjang menjadi Pendek. Bagaimana, Kalian tertarik...? kalau tertarik silahkan ikuti langkah-langkah di bawah ini.

[1]. Pertama, Login dulu ke Blog Kalian.

[2]. Dari Dasbor, cari Postingan.

[3]. Buat sebuah Entri Baru.

[4]. Kemudian, pada Mode Edit HTML pada Postingan, masukan Code di bawah ini, ke dalamnya.