myblog

Cara merubah atau mengganti read more dengan image agar tampilannya lebih menarik. Yang pertama harus disiapkan tentu adalah sebuah icon image seperti di bawah ini: kemudian upload image tersebut ke situs tempat penyimpanan image seperti photobucket, dll. Setelah proses upload...

Duka kembali menghinggapi keluarga besar Arema Indonesia, khususnya Aremania. Galih, menderita patah tulang tengkorak setelah terjatuh ke parit stadion kanjuruhan setelah laga Gresik vs Arema Indonesia. Doa ku, doa kami, untukmu sam. Lekas sembuh, dan kita bernyanyi lagi di...

Trik yang satu ini mudah untuk dibuat, jika anda ingin menambah efek pada posting atau widget. Efek link nudging adalah efek yang membuat objek bergeser ketika mouse over (cursor diatasnya). Efek ini bisa diterapkan di gambar ataupun tulisan. Ada juga yang menerapkan efek ini...

Capek posting tutorial, boleh dong sesekali nyegerin mata :) Nih ane kasih cewek-cewek cantik yang pastinya bikin cowok ngiler,, hehe Cekidooott.... Laga Portugal kontra Spanyol tak hanya menjadi panggung aksi-aksi menawan Cristiano Ronaldo maupun Iker Casillas saja, kehadiran...

Berikut tutorial membuat featured posts slider: 1. Setelah sig in pada account blogger sobat>>> pada dasbor>>> Klik Tata Letak>>> Edit HTML 2. Tambahkan Script JQuery berikut sebelum tag atau kode </head> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'...

Dalam desain web site atau blog banyak cara untuk membuat tampilan featured content atau post nampak profesional dan cantik dengan bantuan JQuery. Sehingga menambah jumlah ragam fetured content slider atau slide show dalam dunia desain. Tertarik? Ikuti langkah-langkah berikut: 1....

JQuery link nudging adalah effect animasi pada link hasil dari penambahan padding kiri, effect ini akan nampak saat kita menyentuhkan pointer/mouse pada link, link akan bergerak kekanan atau bergoyang. 1. Setelah sig in pada account blogger sobat- pada dasbor- Klik Rancangan-...

Ingin mengganti background pada judul atau titel sidebar seperti contoh dibawah ini? 1. Loggin ke Blogger - Layout - Edit HTML dan cari kode dibawah. .sidebar h2 { 2. Tambah kode berikut dibawah kode tadi background:url(alamat image anda disini)repeat-x; 3. Isi tulisan...

Berkunjung ke beberapa blog terkadang kita melihat daftar komentator suatu postingan dan mendapatkan komentar admin atau pemilik blog tampak berbeda dengan komentar pengunjung. Sebagian template telah menyediakan fitur ini sedangkan lainnya harus dimodifikasi lagi. Nah bagi anda...

-moz-border-radius-bottomright: 50px;border-bottom-right-radius: 50px; -moz-border-radius-bottomright: 50px 25px;border-bottom-right-radius: 50px 25px; -moz-border-radius: 1em 4em 1em 4em;border-radius: 1em 4em 1em 4em; -moz-border-radius: 25px 10px / 10px 25px;border-radius:...

Caranya: 1) Sign in akun blogger 2) Dashboard >> Design >> Page Element >> Add A Gadget >> Html / Javascript 3) Copy dan paste kod di bawah pada ruang Html / Javascript tadi: <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>...

1) Pergi ke Google Friend Connect 2) Klik setting >> masukkan nama dan url blog >> kemudian klik save your settings 3) Klik Gadgets >> Pilih Members 4) Adjust width, Atur warna dengan keinginan kamu 5) Klik Generate kode dan copy kode yang tertera. - Selesai...

Caranya: 1) Sign in akaun blogger 2) Dashboard >> Design >> Page Element >> Add A Gadget >> Html / Javascript 3) Copy paste kode di bawah pada ruang Html / Javascript tadi <div style="background: #FFC8E3 repeat; repeat; padding: 5px; border:2px dashed...

Penasaran? Copy kode dibawah ini.. <a href="Target link" target="_blank"><img onmouseout="this.src='URL gambar pertama'" onmouseover="this.src='URL gambar kedua'" src="URL gambar pertama" /></a> Ket: URL gambar pertama: ganti dengan url gambar pertama anda URL...

Ikuti langkah-langkah dibawah ini: Caranya: 1) Sign in akaun blogger 2) Dashboard > Design > Add A Gadget > Html / Javascript 3) Copy paste kod di bawah pada ruang Html / Javascript tadi <div style="width:426px;height:100px;overflow:auto; "> Letakkan kod widget anda di sini </div> 426 : width - Lebar scroll box 100 - Tinggi...

Caranya: 1) Sign in akaun blogger 2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates" 3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kode: a:hover 4) Kemudian copy paste kod di bawah selepas kode a:hover tadi: color:#FF6699;...

Scrolling images adalah gambar bergerak yang pergerakannya ditentukan oleh kita sendiri. Scrolling image ini boleh diletakkan pada bagian mana pun dalam blog, header, footer, sidebar ataupun ruang post.. Anda berminat? Ikuti langkah berikut: - Berikut adalah kode untuk scrolling...

1) Sign in akaun blogger 2) Dashboard > Design > Page Element > Add A Gadget > Html / Javascript 3) Copy paste kode di bawah pada ruang Html / Javascript tadi <div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=ID...

Efek kotak bayang-bayang akan muncul apabila cursor menyentuh Blockquote. Penasaran? Ikuti langkah-langkah dibawah ini: 1) Sign in akaun blogger 2) Dashboard > Design > Edit HTML 3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kode .post blockquote { atau blockquote:hover { 4) Copy kode di bawah ini dibawah kode pada nomor...

1) Sign in akun blogger 2) Dashboard >> Design >> Page Element >> Add A Gadget >> Html / Javascript 3) Copy dan paste kode di bawah pada ruang Html / Javascript tadi: <script type="text/javascript"> // <![CDATA[ var speed=33; // lower number for faster var warp=3; // from 1 to 10 var stars=100; // number of stars var...

1) Sign in akaun blogger 2) Dashboard > Design > Edit HTML > Centang kotak "Expand Widget Templates" 3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kode a:hover { 4) Kemudian copy kode dibawah ini dibawah kode a:hover { transform: rotate(7deg); -moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform:...

1) Log in akaun blogger anda 2) Dashboard > Design > Add A Gadget > HTML / Javascript 3) Pada ruang HTML / Javascript, copy paste kode di bawah <script type="text/javascript" src="https://sites.google.com/site/jombinabelogcursorbuih/bubble%20cursor.js"></script><script type="text/javascript"> // <![CDATA[ var colours=new...

Kali ini ita akan belajar tutorial bagaimana membuat pop up selamat datang pada blog. Pop up atau jendela munculan akan nampak apabila anda berkunjung ke blog. Anda bisa memodifikasi pop up ini dengan gambar, pesan untuk subscribe, dan lain sebagainya. Pop up ini dibuat oleh wierd...