Cara membuat Popular Post animasi 3D di Blog:
1.Login ke blog anda - Design - kemudian Add gadged baru pada elemen, jangan lupa pilih HTML / Javascript ( bebas dimana saja, karena hanya untuk penempatan Css dan koda javascript saja )
2.Copy kode...
Rabu, 29 Februari 2012
Cara Membuat Popular Post Animasi 3D Di Blog
Cara Membuat Widget Subscribe Mashable Style Pada Blog
Cara membuat widget Subscribe ala Mashable:
1. Langkah pertama silahkan login blog anda kemudian ke halaman edit Design
2. Selanjutnya silahkan add gadged baru dan pilih HTML / Javascript
3. Kalau sudah silahkan paste kode barikut ke dalam widget...
Cara Membuat Popular Post Dengan Animasi Gambar Berputar
Cara membuat Popular Post dengan Animasi gambar berputar tahap 1
1.Login ke Blog anda - Design - Pada page lemen silahkan add gadget
2.Beri judul widget tersebut "Popular Posts" ( tenang saja nanti bisa anda ganti, untuk langkah awal agar mempermudah...
Sabtu, 25 Februari 2012
Efek Animasi Dengan Css
Trik Pertama
CSS dibawah ini (Taruh di atas ]]></b:skin> )
#infotips-muter{
width:140px;
height:80px;
border:1px solid #999;
box-shadow: 5px 3px 5px #aaa;
margin:5px auto;
padding:5px;
background:#9bbddd;
font-size:12px;
font-weight:bold;
background-color:...
Cara Membuat Efek Bunga Sakura Berjatuhan Di Blog
1. Login ke akun blogger2. Masuk ke Rancangan dan tambahkan widget HTML/JavaScript3. Copy kode hujan bunga sakura berikut:<script type="text/javascript" src="http://naughtyric.googlecode.com/files/SakuraRain.js"></script>4. Simpan dan selamat...
Cara Membuat Hujan Bintang J-rock Berjatuhan Di Blog
Cara Mudah Membuat Hujan Bintang J-Rocks di Blog:1. Login ke akun blogger2. Masuk ke Rancangan dan tambahkan widget HTML/JavaScript3. Copy kode hujan bintang J-rocks berikut<script type="text/javascript" src="http://naughtyric.googlecode.com/files/jrRain.js"></script>4....
Cara Membuat Menu Horizontal Di Blog
1.Login ke Blogger
2. Klik "Page Element" & Klik "Edit HTML"
3. Centangkan "Expand Widget Templates"
4. Cari kode ]]></b:skin> dan letakkan Kode dibawah ini tepat diatas kode ]]></b:skin>
.glossymenu{
position: relative;
padding:...
Cara Mengganti Background Blog Otomatis
function bgChange(bg) { document.body.style.background=bg; } Silahkan Pilih Warna Latar Blog ini Sesuai Dengan kenyamanan Yang Anda Suka
Bagaimana menurut Anda manarik bukan? Oke untuk menginstal widget ini caranya...
Kamis, 23 Februari 2012
Cara Memasang Widget Headline News
Tertarik? Ikuti langkah-langkah berikut:
1. Login pada blog sobat
2. Tata Letak
3. Tambah Gadget
4. HTML/Javascript
5. copy kode di bawah ini:
<script type="text/javascript">
var hn_url_blog = "http://alamatblogsobat.blogspot.com";
var hn_jumlah_post...
Cara Memasang Widget Feedjit
Feedjit adalah situs penyedia widget live traffic otomatis dengan tidak dipungut biaya alias gratis!! Pasti sobat langsung masang kalau ada hal gratis wkwkwk...
Caranya mudah kok ikuti saja langkah - langkah di bawah ini:
1. Kunjungi situs Feedjit
2....
Cara Memasang Meta Tag Di Setiap Halaman Blog
Sobat tertarik? Ikuti langkah - langkah di bawah ini:
1. Login pada blog sobat
2. Rancangan
3. Edit HTML
4. Cari kode <title><data:blog.pageTitle/></title>
5. Ganti kode tersebut dengan kode di bawah ini:
<b:if cond='data:blog.pageType...
Cara Membuat Text Area
Text area itu apa sih? text area adalah sejenis kotak untuk memyimpan text / kode HTML agar bisa di copy secara langsung. Text area bisa di jadikan widget untuk menampilkan link exchange dan bisa juga di pasang di postingan. caranya gampang. copy saja...
Rabu, 22 Februari 2012
Cara Membuat Efek Turun Salju Pada Blog
1. Login Blogger
2. Klik rancangan -- edit HTML -- centang pada Expand Template Widget
3. Cari kode <head>
4. Lalu masukkan kode dibawa ini ke atas kode <head>
<script src='https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/vikry-Snow.js'...
Cara Membuat Efek Bintang Berjatuhan Dari Cursor
Mungkin efek ini sudah tidak asing lagi bagi kita, tapi kalau sobat-sobat tertarik untuk lebih mempercantik blog kita, mungkin tips ini patut unutk dicoba.
Ok langsung pada langkahnya :
1. login blog
2. Rancangan -- Edit HTML -- cari kode ]]></b:skin>
lalu...
Cara Memasang Permalink Di Bawah Postingan
1. Login pada blog sobat
2. Rancangan
3. Edit HTML
4. Expand template widget
5. Cari kode ]]></b:skin>
6. Copy kode di bawah ini dan paste di atas kode pada no 5
.permalink {border: 1px dotted #EFF0F1; padding: 5px; background: #ffffff;-moz-border-radius:5px;}...
Cara Memasang Read More Otomatis
Sedikit penjelasan, Read More adalah istilah lain 'Jump Break' yang berfungsi menyingkat post kita pada halaman Home Page agar tidak terlalu panjang. Cara masang Read More otomatis ikuti langkah - langkah di bawah ini..
1. Login pada blog anda
2....
Cara Memasang Headline News Di Blog
Menambah Headline News di blogspot itu topik kita hari ini. sesuai dengan namanya widget headline news, ini adalah widget dengan bantuan javascript untuk menampilkan judul serta link artikel-artike terbaru dari update blog anda.
Nah untuk membuat nya...
Selasa, 21 Februari 2012
Cara Memasang Tombol Back To Top
Tombol ini memiliki fungsi sebagai alternatif agar pengunjung blog tidak capek menggeser scroll ke atas.
Untuk memasangnya:
1. Login pada blog sobat
2. Rancangan
3. Edit HTML
4. Kemudian cari kode </body> dan pasang kode di bawah ini di atas kode...
Cara Membuat Kotak Iklan (Banner Ads)
Pemasangan kotak iklan ini bermanfaat jika ada orang yang ingin memasang iklan di blog sobat. Si Advertiser itu akan mengklik iklan ini dan akan dialihkan ke halaman detail tentang pemasangan iklan di blog sobat. Oke deh, cara memasangnya sederhana...
Cara Memasang Widget Google Translate Bendera
Cara Memasang Widget Google Translate Bendera.
1. Login ke blog anda
2. Rancangan
3. Tambah gadget (letak widgetnya terserah anda)
4. HTML/javascript
5. Copy pastekan kode dibawah ini:
<style>
.google_translate img {
filter:alpha(opacity=100);...
Cara Membuat Scroll Box Pada Blog
kali ini kita akan membahas tentang bagaimna cara membuat scroll box pada blog. Scroll box ini bisa dipakai untuk menyimpan kode HTML, gambar, link dll. Caranyapun mudah sekali, copy saja kode di bawah ini untuk di pasang pada widget HTML/Javasript...
Cara Membuat Related Post Di Bawah Post
Related post ini dilengkapi dengan fitur Scrolling. Fungsi dari widget ini adalah agar pengunjung dapat melihat artikel lainnya dari blog sobat. Berikut langkah-langkah memasang related post di bawah post:
1. login pada blog sobat
2. Rancangan
3. Edit...
Cara Membuat 3 Kolom Di Atas Footer
Cara membuat 3 kolom di atas footer. Mungkin pemasangan widget di sidebar sobat sudah penuh. Nah, alangkah baiknya untuk memasang 3 kolom di atas footer ini, yaitu seperti saya. Jadi sobat bisa memasang widget di 3 kolom ini. Cara memasangnya cukup...
Cara Membuat Breadcrumb SEO Friendly Di Blog
Berikut contoh Navigasi Breadcrumb:
Perhatikan tulisan Earn Free Money dan Tips Blog dipisahkan dengan tanda koma, itu karena Postinga Blog memiliki dua Kategori atau label. Sebanyak apa pun label dalam satu artikel selalu akan dipisahkan dengan...
Cara Membuat Efek Zoom Pada Gambar Di Blog
Sulitkah Membuat Efek Zoom pada Gambar di blog? Tidak. Justru sangat mudah. Semudah memasang kancing baju loh. wkwk
Penting : Untuk berjaga-jaga blog anda akan kacau ketika menerapkan tips Membuat Efek Zoom pada Gambar di blog ini maka saya mewajibkan...
Cara Merubah Tampilan Kursor Pada Blog
Tips ini ternyata bisa juga diterapkan ke blogspot atau ke blog WordPress. Yang jelas tidak akan memberatkan blog anda kok. Cara meletakkannyapun mudah. Bisa di side bar kanan, kiri atau footer. Yang tayang nanti tidak di side bar tersebut. Oke langsung...
Memasang Widget Sexy Sosial Bookmarks
Cara memasang widget sosial sharing bookmarks, sebagai aksesoris bisa juga sebagai tool untuk mempermudah dalam berbagi artikel di jejaring sosial..
Untuk cara membuatnya ikuti langkah-langkah berikut :
1.Login blogger
2.Rancangan, Edit Html
3.Centang...
Magic Line Navigation Menu
Cara membuatnya :
1.Login blogger
2.Rancangan, Edit Html, Cari kode ]]></b:skin>
3.Dan Simpan kode berikut diatas kode nomor 2 :
/*----------------
Magic line navigation
--------------------------*/
.nav-wrapline{
background:-moz-linear-gradient(top,...
Sabtu, 18 Februari 2012
Mempercantik Blockquote
Blockquote adalah kutipan dari artikel yang dianggap penting atau memiliki arti khusus. Namun pada prakteknya, ada juga yang menggunakan blockquote untuk menuliskan tag HTML, kode CSS atau script pada artikel-artikel tips blogging. Membuat blockquote...
Cara Mempercantik Komentar Blogger
Silahkan lihat beberapa contoh berikut:
Menggunakan background warna:
Menggunakan background image/ gambar:
Nah jika tertarik mencoba memodifikasi formulir komentar seperti beberapa contoh diatas silahkan ikuti tutorial berikut:
1....
Langganan:
Postingan (Atom)