D!ckz Blog

Widget Social cantik Untuk Blogger

2013-01-14T04:00:00.001-08:00

Lihat yang di samping ini bagus juga ya kita langsung aja yok masuk ke permasalahannya

Masuk ke dalam dashboard blogger
lalu kelik add gadget
lalu klik html/javascript
lalu masukkan kode dibawah ini

<div class="btnt-chronicl-social"><ul><li><a class="rss" href="http://feeds.feedburner.com/dickz1978">Subscribe to the RSS Feed</a></li> <li><a class="twitter" href="https://twitter.com/tbloggertricks">Follow me on Twitter</a></li> <li><a class="facebook" href="https://www.facebook.com/dikynesazsoekaresmi336">Find me on Facebook</a></li> <li><a class="google" href="https://plus.google.com/your google code" rel="author">Join me on Google+</a></li> <li><a class="linkedin" href="http://in.linkedin.com/your url">Connect with me on LinkedIn</a></li> <li><a class="youtube" href="http://www.youtube.com/user/username">Watch me on YouTube</a></li>

</ul></div><style type="text/css">.btnt-chronicl-social { width: 100%; } .btnt-chronicl-social ul { border: 1px solid #CCCCCC; margin: 0; padding: 0; } .btnt-chronicl-social ul li { list-style:none; padding: 0; text-transform: none; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #FFFFFF; } .btnt-chronicl-social ul li:first-child { border-top: 0 none; } .btnt-chronicl-social ul li:last-child { border-bottom: 0 none; } .btnt-chronicl-social ul li a { background-color: #F2F2F2 !important; color: #404040; display:block; } .btnt-chronicl-social ul li a:hover { background-color: #fafafa !important; } .btnt-chronicl-social ul li .rss { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center #F87E12; padding: 17.5px 60px; } .btnt-chronicl-social ul li .twitter { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center #4CACEE; padding: 17.5px 60px;} .btnt-chronicl-social ul li .facebook { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center #3B5998; padding: 17.5px 60px; } .btnt-chronicl-social ul li .google { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center #D44937; padding: 17.5px 60px; } .btnt-chronicl-social ul li .linkedin { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 10px center #3692C3; padding: 17.5px 60px; } .btnt-chronicl-social ul li .youtube { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Youtube-1.png") no-repeat scroll 10px center #C6312B; padding: 17.5px 60px; } .social-about { display: none; }</style>

Setelah itu ada yang perlu di ganti
http://feeds.feedburner.com/dickz1978
https://www.facebook.com/dikynesazsoekaresmi336
https://plus.google.com/your google code
http://in.linkedin.com/your url
http://www.youtube.com/user/username

Terima Kasih Semoga Bermamfaat

Sign Up

2013-01-14T03:36:00.001-08:00

Isi Formulir di bawah ini

EmailMeForm

cara membuat form gratis

2013-01-14T03:31:00.001-08:00

Assalamualaikum Wr.Wb

Bagaimana kabarnya pada blogger . disini saya akan Membahas tentang cara membuat form gratis
di blogz
nah kalian langsung klik aja yang di bawah ini untuk membuat form

Google doc adalah salah satu fasilitas yang diberikan Google dengan menyediakan formulir online. Caranya anda hanya diminta Log in ke alamat docs.google.com kemudian klik New > Form Template > Forms. Kemudian anda diminta untuk membuat kolom yang diperlukan sampai anda mendapatkan kodenya, seperti pada gambar di-atas
FormSmarts merupakan bentuk layanan web ter-integrasi yang memungkinkan Anda membuat bentuk, mempublikasikan secara online, dan mendapatkan hasil bentuk. Tambah formulir web untuk situs atau blog, atau membiarkan pengunjung mengakses formulir Anda dari MySpace ®, Facebook ®, dan di-mana saja Anda dapat memposting link.
Kontactr adalah salah satu layanan penyedia form gratis yang dipercaya ampuh melawan spam yang dating kepada email anda. Lindungi email anda dengan menggunakan form dari Kontactr.
Woofo, Menggunakan Woofo sangat gampang dipasang pada blog anda, anda dapat menyesuaikan bentu form yang dibuat sesuai dengan bentuk template blogspot anda.
Zoho, memudahkan anda dalam membangun HTML form online salah satunya dengan drag-and-drop.
EmailMeForm, Pembuatan formulir online dengan EmailMeForm anda akan menemukan fitur-fitur pembuatan form yang lumayan sangat lengkap dan EmailMeForm juga menyediakan sample template form yang siap pakai. Dan kesempatan ini saya akan menjelaskan secara detail pembuatan nya:
- Masuk ke link berikut: http://www.emailmeform.com
- Pilih Sign up for free
- Isi data-data diri anda pada setiap kolom yang diminta oleh Emailmeform kemudian klik sign up.
- Check email anda untuk memverifikasi/mengaktifkan akun di emailMeForm yang anda buat tadi.
- Apabila akun pada EmailMeForm sudah aktif, anda sudah siap membuat sebuah formulir online.
- Pada sebelah kanan monitor silakan klik Create new form.
- Ikuti dan buat formulir sesuai dengan yang anda inginkan sampai anda mendapatkan kodenya dengan mengklik Get the HTML codes.
- Pasang kode HTML pada widget HTML/JAVASCRIPT anda.
- Selesai.

Cara Membuat Artikel Terkait Dengan Thumbnail / Gambar

2013-01-06T06:59:00.001-08:00

Terinspirasi oleh bawaan template ini sudah ada fiturArtikel Terkait dengan Thumbnail atau gambar saya coba otak atik untuk mencari script fitur artikel Terkait dengan Thumbnail , dan akhirnya setelah ngoprek beberapa jam di temukan juga script tersebut , saya coba pisahkan script JS dan di simpen di google code , maksudnya biar loading blog ga terlalu berat...heheh betul atau tidak saya jg blom terlalu tahu...soalnya yng saya tahu biar kode HTML pada halaman beranda ga terlalu banyak..

Cara Buat Artikel Terkait Dengan Image / Thumbnail

Berikut langkah-langkahnya yang saya lakukan dan di implementasikan jika Anda tertarik lanjutkan!

1. Masuk Blogger.com
2. Pilih icon "Go to post list" ->> Template
3. Back up template
4. Pilih Edit HTML ->> Proceed ->> Centang "Expand Widget Templates"
5. Tekan Ctrl+F untuk mencari cepat kode </head>
6. Letakkan kode berikut tepat di atas kode tersebut

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: #585858;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:#3f3f08;
}
#related-posts a:hover{
color:#000000;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://herlanlesmana.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>

7. Untuk kode yang di kasih blok coklat silahkan ganti sesuai selera sobat ,Lalu cari kode <div class="post-footer-line post-footer-line-1"> Kalo ga ada bisa cari kode <data:post.body/> letakkan kode berikut ini tepat di bawah kode tersebut, atau sesuaikan dengan template blog Anda

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=8;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>

8. Pratinjau, jika tidak ada error lanjutkan
9. Simpan template

Oke selamat mencoba semoga berhasil-->

Cara Memasang Twitter Di Blog

2013-01-05T16:51:00.001-08:00

Tanpa Basa Basi kita langsung Menuju ke permasalahannya Oke

Pertama tama masuk ke dalam blogger
Kedua Klik add gadget
ke tiga Cari html/ java script
Lalu masukan kode dibawah ini

<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTVYq-HpKQo7GaqzC1taJue13_xxE7hXJDcXN399zboy8jnHCpCVFloXpr4tCxGhz7AyU8u9S9dxk6h3n4TEpHJktdujpyqv-bE12ipFXC54wql53smjPNRw7Lg2CCVVBvOqd9A3eWI0U/s1600/bg_twitter.gif) no-repeat;padding-top:40px;padding-left:5px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 285,
height: 118,
theme: {
shell: {
background: 'transparent',
color: '#000000'
},
tweets: {
background: 'transparent',
color: '#000000',
links: '#B45F04'
}
},
features: {
scrollbar: true,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'default'
}
}).render().setUser('username twitter ').start();
</script></div>

terakhir simpan dan selesai deh

Selamat Mencoba

12 Game Terbaik Android Versi google

2013-01-05T16:43:00.001-08:00

Bagi gamers lagi nunggu game apa lagi nih?... admin mau berbagi info

Tanpa panjang Lebar kita langsung bahas permasalahannya

- The Bard’s Tale dikembangkan oleh Inxile Entertainment

- Nun Attack dikembangkan oleh Frima Studio, Inc. (gratis)

- Granny Smith dikembangkan oleh Mediocre

- Zookeeper Battle dikembangkan oleh Kiteretsu, Inc. (gratis)

- Devil’s Attorney dikembangkan oleh Senri Ab

- Strikefleet Omega dikembangkan oleh 6Waves (gratis)

- Funky Smugglers dikembangkan oleh 11 Bit Studios

- Shadowgun: Deadzone dikembangkan oleh Madfinger Games
(gratis)

- Need For Speed: Most Wanted dikembangkan oleh EA (Saat ini
sedang diskon 86% dari harga
normal)

- Hamlet dikembangkan oleh Alawar Entertainment, Inc. (gratis)

- Subway Surfers dikembangkan oleh Kiloo Games (gratis)

- Naught dikembangkan oleh Blue Shadow Games S.L.

Selamat Mencobanya Untuk gamers

Bisnis Warnet & Perhitungan Untung Rugi

2013-01-04T17:52:00.002-08:00

Bisnis Warnet & Perhitungan Untung Rugi

Sekaligus menjawab beberapa pertanyaan yang diajukan sehubungan dg iklan warnet saya, yang mau ngintip bisnis warnet bisa membaca ini. Mohon koreksi kalau salah.

Jenis Warnet :

1. Warnet Game Online, hanya menerima sewa untuk bermain game online.
2. Warnet Standar, dengan jasa layanan browsing, email, chatting, dll tanpa game.
3. Warnet Amphibi, Bisa game online & Internet (sebaiknya ruang terpisah).

1. Warnet Game Online
Untuk Game Online diperlukan spesifikasi komputer yang cukup tinggi mengikuti perkembangan game yang cepat berubah. Saat ini bisa menggunakan spesifikasi sbb:
· Intel Pentium IV, 2.8 Gh, atau AMD Sempron (beda merk beda harga).
· DDR (memory) minimal 512 MB
· VGA Card minimal 128 MB (dianjurkan 256 MB).
· Harddisk 80 GB.
· Monitor 17”
· Speaker Aktif dangan Sub Woofer.
· CD ROM & FDD optional
· Perkiraan harga per PC saat ini 4 Jt. Jadi 10 unit x 4.000.000 = 40.000.000

Jenis permainan games online yang sedang ngetrend
· Ragnarok Online, Gunbound, Seal Online, Pangya, CS, Tantra, Stargate, Dota, dll.

Keunggulan Warnet Game Online
· Cepat kembali modal, apalagi buka 24 jam. Itulah Game….. siapa yang nggak mau.

Kelemahan
· Modal beli komputer gede juga (spesikasi gila2 an)
· Berisik (yang main kebanyakan ABG sih, banyak canda dan suara speaker bikin pusing).
· Kalau buka 24 jam banyak yg nginep, perlu ruangan buat gelar tikar bagi yng nginep.
· Ada cerita, nginepnya bukan Cuma 1 hari tapi sampai berbulan2, uang habis tinggal telp ortu,
dianterin sama pembantunya. Sekolah jadi ancur2an. Nggak naik kelas deh akhirnya.
· Setiap minggu ada update file game, jadi harus rajin download, artinya komputer kalau diproteksi
jadi sering dibuka2. Bisa lupa nutup proteksinya, akhirnya kena virus lagi.
· Anak ABG pinter2, harus sering diawasi, bisa2 main tanpa masuk billing. Rugi deh Bandar.
· Berlaku hukum rimba, siapa yang kuat modal, dia yang menang (ihhh...ngeri banget istilahnya…!).
Maksudnya kalau modal gede bisa beli komputer banyak, tarip sewa jadi makin murah meriah.
Warnet kecil jadi gulung tikar. Kacian deh lu…

2. Warnet Standar

Enaknya :
Spesifikasi komputer bisa diakalin biar murah meriah, misalnya pakai pentium II atau Pentium 3 saja cukup. Yang penting bisa untuk USB Flash Disk (soalnya sekarang sudah menjamur tuh, soalnya disket cepet rusak jadi pada bawa Flash Disk).

Harga Per PC lengkap dg monitor 15’ paling sekitar 1 – 1, 5 Jt. (Kondisi bekas banyak tinggal pilih di Harco Mangga 2). Jadi hitungannya 1.500.000 x 10 unit = 15.000.000

Jenis Layanan Warnet

1. Game Online
2. Internet (Browsing, email, chatting)
3. Jasa tambahan seperti :- Scanning Foto & dokumen,
- Print,
- Cari data,
- Download MP3,
- Copy CD.
- Pengetikan Dokumen
4. Bisa juga jualan :
- Disket,
- CD Kosong,
- Flash Disk,
- ATK,
- Soft Drink,
- Snack,
5. Jasa lain yang memungkinkan :
- Jasa kirim dan terima FAX
- kursus komputer & internet,
- Pembuatan website
- Kerja sama Indojob dan Forex Trading.

Saluran Akses Internet
1. Line Telpon (Dial Up) – Kayaknya sudah gak ada yg pake buat warnet
2. Line Telpon ADSL – Banyak yang pakai untuk warnet dg kapasitas lebih dari 10 PC
3. Kabel Internet via Kabelvision / Telkomvision (Tidak semua lokasi tersedia jaringannya).
4. VSAT (biaya gede harus yg modal besar dg jmlah >30 PC
5. Wireless – belum tahu apa ada yang murah meriah.

Modal Bikin Warnet

Nah ini dia yang dari tadi ditunggu2.
Modal berapa untung berapa? Gitu kan maunya? Dasar otak bisnis. Heheheeh,.

Mari kita hitung
Asumsi :
Jumlah PC yang disewakan 10 unit.
Saluran Akses Internet : Kabelvision paket SOHO 128 Kbps
Jam Buka 9.00 – 12.00 (15 jam)
Tarip perjam Rp.4.000
Jenis Warnet : Standar
Target tercapai 70%

10 Unit PC untuk sewa @1.500.000 ------------- Rp 15.000.000
1 Unit PC untuk Billing ---------------------------Rp. 2.000.000
Software Billing Explorer ---------------------- Rp. 750.000
Cable Modem & Router --------------------------Rp. 1.500.000
Peralatan LAN (Switch, kabel) ------------------- Rp. 1.500.000
Printer Laser Black HP1020 --------------------- Rp. 1.400.000
Printer Warna HP3535 --------------------------- Rp 500.000
Printer Billing (kalau perlu print bill) LX300 -------- Rp 700.000
Meja Komputer @150.000 x 10 ------------------ Rp. 1.500.000
(ada juga yg harga @ 60.000)
Kursi Lipat Chitose @130.000 x 15 pcs -----------Rp. 1.950.000
Kursi plastik (buat berdua) @ 25.000 x 10 --------Rp. 250.000
Meja Kasir & Kursi Rp. 500.000

Registrasi Internet & Bayar 1 bln ----------------- Rp. 1.750.000
Jasa Instalasi Warnet & Training Operator -------- Rp. 1.500.000
--------------------
Rp. 30.800.000

Yang belum dihitung :
· Sewa Ruangan minimal 4 x 8 M.
· AC
· Kulkas (Showcase untuk Softdrink)
· Etalase kaca (kalau mau jualan).
· Partisi tiap meja komputer (kalau perlu)

Contoh perhitungan Biaya Bulanan

- Internet (Kabelvision & ISP)---------1.520.000 (kalau pake ADSL Rp.4.300.000)
- Listrik (pake AC kan?) -------------- 750.000
- Pegawai (min 2 orang) ------------ 1.500.000
- Telp Kantor, air -------- ---------- 500.000
- Sewa ruang (dihitung per bln) ------ 1.000.000
- Maintenance PC & AC --------- --- 500.000
- Penyusutan komputer ------------- 500.000
- Biaya lain2 (keamanan, sampah)-- -- 200.000
-------------------
jumlah 7.470.000

- Pendapatan Maksimal Perhari Rp.4.000 x 10 pc x 15 jam = Rp. 600.000
- Pendapatan per bulan Rp. 600.000 x 30 hr = 18.000.000 x 70% = 12.600.000(misalnya dihitung hanya mencapai target 70% )

Jadi …

- Pendapatan Warnet 70% ----------------------------------- 12.600.000
- Biaya bulanan ---------------------------------------------- 7.470.000
-------------------
Sisa ------------- 5.130.000
(Mau diapain neh sisanya segene?)

Potensi yang belum dihitung
· Pendapatan lain seperti jual SoftDrink, disket, dll.
· Bagaimana kalau buka 24 jam?
· Bagaimana kalau mencapai target 80 – 90 %?
· Bagaimana kalau punya lebih dari 1 warnet?

Kalau modal cekak, bisa dilimit lagi kali ya…..
Ayooo buruan nanya biar inget apa lagi yang meski saya jelasin…..
Syukur kalau langsung eksen, kan dapat kerjaan… ehmmm

Sumber : WarnetPlus Alianet

Cara membuat ScroolBar Pda Postingan Blog

2012-12-21T03:30:00.002-08:00

Assalamualaikum Wr.Wb

Selamat sore , di sini saya akan membuat cara tentang mambuat scroolbar padablog
nah berikut ini penjelasannya

kalian membuat posringan terlebih dahulu
lalu klik html
lalu sisipkan kode di bawah ini

<div style="overflow:auto;width:450px;height:200px;padding:10px;border:1px solid #eee">
LETAKKAN TULISAN SOBAT / KODE HTML DISINI
</div>

Cara Membuat Scrool Bar Widget Pada Blog

2012-12-20T02:45:00.000-08:00

AssalaMualaikum Wr.Wb

Selamat sore menjelang maghrib semua , di sini saya akan mengajarkan anda tentang
membuat scroolbar widget pada blog
pertama-tama

Masuk ke blogger Dengan Akun Anda
lalu masuk ke halaman dashbord
lalu klik tata letak
Html/ java script
lalu letakkan kode di bawah ini

<div style="overflow:auto;width:450px;height:200px;padding:10px;border:1px solid #eee">

LETAKKAN TULISAN , GAMBAR ATAU APAPUN DISINI

</div>

6. nah lalu selesai

semoga bermamfaat untuk blogger pemula

Cara Daftar dan Memasang Iklan di SITTI

2012-12-19T18:11:00.002-08:00

Salah satu cara untuk mendapatkan penghasilan dari blog adalah memasang iklan, salah satu penyedia jasa periklanan online adalah SITTI singkatan dari (sistem iklan teknologi teks Indonesia) merupakan jaringan pemasangan iklan online terbesar di Indonesia. SITTI mempunyai ambisi yang sangat besar untuk menyaingi google adsense dalam bidang periklanannya. Jaringan SITTI mencakup lebih dari ribuan situs dan blog berbahasa Indonesia memudahkan para pemasang iklan untuk menjangkau sasaran pasar dalam jaringan internet yang dituju.

Dalam hal ini akan dibahas bagaimana cara mendaftar dan memasang iklan dari SITTI diblog atau situs anda :

Mendaftarkan ke SITTI klik di sini https://sittizen.sitti.co.id/daftar.php
Kemudian tuliskan email, paswoard, nama situs, pilih jenis situs, pilih aplikasi yang digunakan dan jumlah pengunjung kemudian tuliskan kode verifikasinya, kemudian klik kirim ke SITTI

Setelah mendaftar akan muncul Terima kasih sudah mendaftarkan diri untuk menjadi anggota jaringan penyedia konten SITTIZEN
Masuk ke akun SITTI anda tuliskan email anda, kata sandi dan kode verifikasinya kemudian klik masuk
.

Kemudian akan muncul tampilan seperti dibawah ini kemudian pilih Buatlah Slot Iklan Baru.

Kemudian tuliskan alamat situs/blog anda, kemudian setting tampilan iklan, jenis huruf, warna-warnanya, ukurannya sesuai dengan blog anda sehingga cocok dengan blog anda.
Kemudian klik SELESAI DAN TAMPILKAN KODE HTML

Copy KODE HTML IKLAN ANDA dan paste di blog anda.

Masuk ke blog anda pilih rancangan tambah gadge, pilih HTML/JavaScript

Kemudian paste KODE HTML IKLAN disini kemudian simpan.

Terimakasih semoga bermanfaat, jika ada pertanyaan silahkan berikan komenar.................!!!!

Cara Menambahkan Emoticon Yahoo Pada Komentar Blog

2012-12-19T04:41:00.003-08:00

Salam Blogger, kali ini saya sedikit mengulas trik lama yaitu tentang pemasangan emoticon yahoo pada komentar blog, namun tidak semua template bisa berhasil menggunakan cara ini. Kebanyakan cara ini berhasil pada template standar

trik ini berhasilsil saya terapkan pada template standar, pada demo tadi terlihat emoticon di bawah kotak komentar dan pada komentar. Kalau untuk template saya mungkin masih butuh banyak belajar lagi untuk otak-atik scriptnya, [ sok pinter,, heheheeeee,,].

Baiklah, bagi sobat blogger yang ingin mencoba ataupun berminat untuk memasang emoticon yahoo pada komentar Silakan ikuti langkah-langkah berikut ini:

Ada tiga langkah, untuk menambahkan emoticon yahoo pada komentar blog :

Penambahan kode CSS
Penambahan kode HTML
Penambahan JavaScript

Menambahkan kode CSS:

1. Masuk ke Dasbor ---> Rancangan ---> Edit HTML
2. Backup template (menjaga kegagalan proses)
3. Tandai Expand Template Widget
4. Cari kode ]]></b:skin> dan tambahkan kode berikut tepat di atasnya.

Menambahkan kode HTML:

1. Cari kode ini :

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='threaded-comment-form'/>

2. Tambahkan kode di bawah ini, diantara kedua kode tadi.

Menambahkan JavaScript:

1. Cari kode </body> dan tambahkan kode ini di atas </body>

2. Save / simpan template.

Selesai. Demikianlah Cara Menambahkan Emoticon Yahoo Pada Komentar Blog, semoga bermanfaat ya sobat.

Cara membuat navbar berjalan

2012-12-15T23:31:00.000-08:00

1. Login ke Blog anda.
2. Pada Dasbor, anda klik Rancangan, klik Edit HTML
3. Copy dahulu kode script di bawah ini :

<SCRIPT language='JavaScript'>
var txt="Selamat datang di dickzblog.blogspot.com .. ['_'] .. Terima kasih atas kunjungannya .. ['_'] .. ";
var speed=140;var refresh=null;function move() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresh=setTimeout("move()",speed);}move();
</SCRIPT>
<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>

   4. Cari kode ]]></b:skin>
   5. Letakkan kode yang anda copy tadi
    dibawah kode ]]></b:skin> ini.
   6. Silahkan anda pratinjau, setelah itu simpan.

   CATATAN :

   • Ganti kalimat yang berwana biru pada kode di atas
dengan kalimat anda sendiri.
   • Atur kecepatan tampilan teks (speed) nya. Di bawah
angka 140, teks akan semakin cepat pergantiannya.

cara membuat pilihan bahasa

2012-12-11T05:04:00.000-08:00

Tujuan dari kita membuat sebuah blog adalah untuk dikunjungi dan dilihat orang banyak, agar informasi yang kita tulis dapat dibaca orang-orang. Kalau tidak, percuma saja kita memeras otak untuk menuliskan informasi untuk dimasukan ke blog susah-susah.

Tidak menutup kemungkinan orang yang membaca blog kita adalah orang asing yang tidak mengerti bahasa kita. untuk itu diperlukan pilihan bahasa agar orang asing pun dapat membacanya. Nah untuk blogger pemula (seperti saya) yang belum memiliki pilihan bahasa di blognya, silahkan baca dan copy script nya sampai habis.

Untuk membuat pilihan bahasa di blog tidaklah sulit, anda tinggal meng copy script yang tersedia di kotak ke blog anda, ga usah bertele-tele lagi, nih kodenya,

<style>

.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>

<div>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheASTgS-PIyPXfLRxVS_bH-6LyoSGMVrQK2HDv8Sbww1WTFtrMQrSB6wMOYyPJiVyUAqBqqhEmHZkZZrBbdHmI70SEdNeeMeLjK3YnKKEzCdjSmqHnQiupwl6s9HvFAKgJnwNJCKHnong/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU_BOnMeNQgyFOXEUmVtpfIzmV2TrvSBgl7GYfOl5njv7KcHaYDx3iLfXTiTFW617WtMu0r0BkNsjnUhmJI-SJ8mTJdWR9lKyUvBtRAXcGk6mLqcHep0m0r8YIWNZwfIp9c_246bSusl0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2LC2UXTOqct1PQTeXG38oTubW0QdKiW6z_I8HKlPQgdj8HFYjv69WbHzjAyxB-uTjgHswWVESM2gP9EVhMjjZmiRoRQSYgTItUewjpnc-a2mQTgDWPmNPf5wXK07vo21NjNLJhHZwOEW/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3P6mTJ6sSfF36M7ZAtNurFdOS13Bp8LzQaSol0MkWnNOZ7Rc5D4xAy-VKN8z3Vg-dt5IUwFolNlIOWWO_UuYIiDHGk0rx0fQqn9hjuu7o2zXkrJtXoPNKYpwv9sLJKBOdmnkQgqSu1_P0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdLgakR_O8_JhyRSll_nfO8pjMdDSC4dQsSzsshL8xPsozfcg-q99T70AHYYSMuMQQ-rD_rncWsPzVXUpWW6q9BVSJwyD5HIZo8ecRBZQr4H1v-BJuNK_dUtJgQUcBNGU3d3xENs2aQTc/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTNCnvsjnJlD2THJFVJ0HsJIItSydzs2vUHzCjRUbzvHohHi15p2yT_vZxGaxezGZYTjzCJB1pMitZpSBfpAPO4urPG8lkw4znG2FJRlFToocKD4QT-mFGFR7C01oaXC1GC1G9Y4GaKOo/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<br /><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyyolB9KGWoo0dAeBMI3zffsPYLm1i1egd4mrSRtPaMoNp-W5gmM5VMd54rQqbJcZZDQ2y0xCmGERkSb0Vq8GEh4OawmY35vC2P9RPAQZS8AGldLt7WEMYyq1gfShYoZszcJb1dYUQras/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY_OKUpviwjY9KgA7KGimU8bLSsrk5ggcAw-SyuW7TJ707OOYt6O9kGSdAXrYMHdX1FvW4SXurXomUeEGBqaAlid7woJg3Gr38M2YoXpW3GL3hHoL1KR9sM_N7bg7XZODibkw_wHOphIM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif9ct4lB94SRwlI5vrA89PBFe6-xYABMK7mwewlAcQJxT0Zcs7eOgKRC3yQ467ev3l_fmluy6VbilesK80vY2NGmGhCnCcaea6siZkHSQVLqRb6Ug7KaJTqq0yVeQEUksLtU7tOR9n8sg3/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpnYjB5BsLQPjHQIydq6NViPsqauMWTTBMepT44590YIfE3sZau9zzm0KfeFd_W_cawvU8_6OsAFUEIgxlQF72TaWs8791882drhpLXv467VMoQfdp4zY58jaV0y2maob5gepLwPQwkO8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9gl9ce6MFEQwTSY_NHuI8NEXKNgjs1weRrlko37JEtSrP4hSxErUFgGWqZr6cmVERlRRwN2o7JN3tCrWylceTGRvY8nmZgTVJ3vMxRUtxBlOF10O6BmdrHxhI5xfVVIpySccXZO4zQso/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgquTQBp60Ll2P9Ub7e40rBNeI9AUKmN20F8XFClelB-7OBxo9LL8p-JJJCPuoUoaxr-M-WZa-VCcVY3iMRjDhTzeJY_n3rernAlYuKa7tqrt_MSiNpz1tJEAv1y2ha_zdzeua5_JddTKw/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

</div> <div style=”font-size:10px;margin:8px 0px 3px 0px”>

</div>

Nah, kalo udah di copy semuanya sekarang tinggal dipasang di blog.
Bagi yang belum tau caranya nih langak-langkahnya:

1. buka a href=”http://blogger.com”>blogger dan log in dengan id blog anda
2. pada halaman dasbor klik “tata letak”
3. klik “tambah gadget” pada sidebar dan pilih “HTML/JavaScript”

4. pada kotak yang tesedia, letakan kode tadi dengan klik paste atau Ctrl+V dan simpan

Cara Lengkap Memasang Buku Tamu / CBOX Di Blog: Kiri, Kanan, Bawah, Atas

2012-12-11T03:49:00.001-08:00

Cbox atau lebih dikenal sebagai buku tamu merupakan hal yang tidak asing lagi di dunia blogger, sudah banyak tutorial-tutorial yang membahas tentang cara pemasangan Cbox, baik dengan cara standar maupun dengan cara pengubahan kode CSS.

Kali ini saya akan memposting cara memasang Cbox auto hiden dari segala arah, segala arah maksudnya yaitu Cbox dapat ditempatkan atau muncul dari bagian sebelah kiri blog, kanan blog, bawah blog, dan atas blog, dan disertakan juga animasi gambar gif sebagai background.

Saya kira cukup sekian bla bla bla penerangan saya, dan mari kita menuju kepokok pembahasan.

Berikut ini adalah Cara Lengkap Memasang Buku Tamu / CBOX Di Blog: Kiri, Kanan, Bawah, Atas:

Seperti biasa sobat harus Login dulu di akun blog sobat
Pilih Tata Letak
Tambah Gadget HTML/Java Script
Selanjutnya copy paste kode script di bawah ini dan masukan ke dalam Gadget HTML/Java Script.

Klik show untuk melihat

Klik save / simpan.

Keterangan:

Kode warna merah adalah warna gambar, silakan sobat sesuaikan sendiri sesuai selera bila ingin mengganti gambarnya
Kode warna kuning adalah penepatan dimana cbox akan muncul, bila sobat ingin cbox muncul dari atas ganti kode tersebut menjadi TOP, dari sebelah kiri LEFT, dari sebelah kanan RIGHT .
Kode warna putih adalah jarak cbox dari sebelah kanan. Silakan sobat sesuaikan sendiri.
Texts berwarna hijau adala tempat untuk menaruh strip kode cbox sobat (atur cbox sobat agar backgroudnya transparant untuk hasil yang lebih sempurna).

Selanjutnya adalah cara membuat tombol cbox (tombol untuk menampilkan cbox)

Tetap login di akun blog sobat
Masukan script berikut bersamaan dengan script di atas dalam gadget HTML / Java Script

Keterangan:

Kode berwarna merah adalah gambar tombol, bisa sobat ubah sesuai selera.
Kode warna kuning adalah dimana tombol akan ditempatkan, TOP untuk menempatkan tombol di atas, BOTTOM untuk menempatkan tombol di bawah, LEFT untuk menempatkan tombol di sebelah kanan.
Kode warna biru anda sesuaikan jarak tombol TOP dari atas blog, BOTOM dari bawah blog.

Demikianlah Cara Lengkap Memasang Buku Tamu / CBOX Di Blog: Kiri, Kanan, Bawah, Atas. Semoga bermanfaat bagi sobat semua.

serial number dan keygen adobephotoshop cs5

2012-12-10T05:32:00.003-08:00

Kebetulan sewaktu saya sedang belajar memakai software adobe photoshop cs5 maka membeli softwarenya, sayang tidak ada serial number+keygen photoshop CS5 64bit dan 32bit. Dari berbagai website akhirnya saya temukan juga serial number photoshop dan saya kumpulin aja menjadi satu. Silahkan download linknya dibawah ini:

Download Serial number+keygen adobe photoshop cs5

Oh ... ya siapa tahu para netters sekalian juga memerlukan serial number ini. Berikut kumpulan serial number photoshop extended CS5 64bit dan 32bit hasil searching saya :

1330-1270-2109-5153-8837-9231
1330-1953-8438-8500-7117-3533
1330-1158-3088-0438-6574-0867
1330-1361-6670-4304-7886-6688
1330-1241-0674-5648-4729-1904
1330-1397-1014-7571-2817-1355
1330-1250-9206-4495-3796-9368
1330-1331-8999-1502-9478-2917
1330-1281-8916-6015-7348-5124
1325-1558-5864-4422-1094-1126
1325-1958-5864-4422-1094-1178
1330-1615-1663-0498-6205-1791
1330-1953-8438-8500-7117-3533
1330-1158-3088-0438-6574-0867
1330-1229-6975-5285-6957-5367
1330-1979-8805-1771-3236-6920
1330-1412-8335-5009-5945-5806
1330-1273-0645-3090-0296-3987
1330-1707-7604-4076-3330-1320
1330-1126-8389-5347-7026-1516
1330-1438-4657-0503-2409-9339
1330-1178-1469-1838-5933-3301
1330-1892-3397-6011-5572-9542
1330-1839-2965-7190-2921-7032
1330-1634-5298-7483-7429-2348
1330-1182-4704-3825-8468-6637
1330-1239-8564-2010-9537-5618
1330-1327-3782-7399-1623-8098
1330-1517-3781-6362-7596-5660
1330-1784-8793-4389-9013-7031
1330-1634-1083-3217-5769-6738
1330-1230-2480-2284-9907-7831
1330-1985-9548-0538-9132-8266
1330-1860-3020-5244-9087-9860
1330-1303-4803-9383-5764-1887
1330-1917-9737-6056-2348-8338
1330-1529-0181-7064-0812-5708
1330-1490-3607-6017-1703-3666
1330-1952-3599-5063-6930-4999
1330-1118-2169-5554-5043-0261
1330-1110-9105-9055-3111-7284
1330-1685-9773-7697-3445-2035
1330-1533-0435-5877-8941-4272
1330-1999-4537-9060-0531-0793
1330-1034-4141-3047-8214-8252
1330-1929-6463-4119-2326-8897
1330-1476-0242-7221-7595-5287
1330-1741-0512-0515-6113-5177
1330-1908-9073-0059-2540-9960
1330-1747-1837-0235-2132-9526
1330-1797-0253-1334-7490-5663
1330-1733-4174-7963-6070-7017
1330-1956-5317-2294-1430-2819
1330-1429-9724-3330-8740-0962
1330-1033-6147-5059-6457-1125
1330-1222-8963-3991-7297-3163
1330-1171-1752-4071-7174-4921
1330-1675-2224-7908-0483-9470
1330-1751-3954-5932-4027-8369
1330-1902-1155-7486-5392-4937
1330-1884-7103-9750-5288-0745
1330-1564-6857-1825-4424-2580
1330-1181-2251-2391-0598-2720
1330-1811-7312-5925-0349-7885
1330-1175-1961-4193-2939-0377
1330-1639-2041-5770-5896-9616
1330-1639-2041-5770-5896-9616
1330-1369-9780-1730-5273-9901
1330-1477-8408-3494-0279-4881
1330-1628-4937-8926-0449-2395
1330-1231-4414-2502-0307-1737
1330-1650-4225-6586-8325-4296
1330-1936-0520-3608-5098-5953
1330-1749-9032-1249-1547-3573
1330-1598-6199-6204-1393-2297
1330-1017-4973-5979-4456-4318
1330-1449-8820-3304-4167-0326
1330-1449-5075-1278-6653-6706
1330-1721-2295-7818-1196-1795
1330-1686-9521-5292-4314-5234
1330-1577-6717-2644-0201-3452
1330-1812-9976-7376-3619-7788
1330-1693-6681-7992-6154-5305
1330-1330-9487-6863-3141-6995
1330-1855-5829-6260-5297-4791
1330-1398-9844-0655-1090-2029
1330-1766-1287-0374-6297-2066
1330-1487-3773-0966-8339-7892
1330-1435-2737-2654-1875-7391
1330-1712-3408-0762-3460-2988
1330-1965-3225-8133-6047-5198
1330-1231-8830-5523-9790-0894
1330-1976-5963-7054-5338-8058
1330-1191-8126-4409-3346-4556
1330-1473-1826-6761-9764-1274
1330-1999-1456-2136-0749-8980
1330-1808-5440-8189-7186-4422
1330-1660-6373-6657-7631-9650
1330-1585-7221-6639-0492-8474
1330-1698-1239-6948-3264-2220
1330-1339-8374-0034-0256-6069
1330-1215-4162-9040-0011-8986
1330-1834-9396-1592-0882-7648
1330-1498-9381-3923-2016-9256
1330-1432-2271-6065-1690-5810
1330-1275-2391-3950-5956-7695
1330-1735-0312-6215-8838-2642
1330-1005-0079-4254-1804-5011
1330-1564-3223-7938-1850-0010
1330-1037-5865-0090-5296-1619
1330-1865-7345-2740-3060-9465
1330-1790-6746-1637-9165-0104
1330-1467-6416-2434-4440-8899
1330-1592-0336-6692-2665-3687
1330-1938-2798-9581-5411-7269

free fast SEO friendly blogspot template

2012-12-09T21:22:00.001-08:00

99.9% CSS Styling
More Than 5 Web Save Fonts
Heading Optimazed
SEO Breadcrumbs Snippets
Related Posts
Popular Posts By lifebeyondlimits.info
Threaded Comments Ready
Hightlight Author In Threaded Comments
Back To Top Button

Screenshot:

DEMO | DOWNLOAD

setting SEO di blogspot

2012-12-09T21:15:00.001-08:00

Masuklah ke dashboard Blogger - Setelan - Preferensi Penelusuran - Klik Deskripsi - Aktifkan - Isi dengan Deskripsi Blog.

Cara Setting SEO Blogspot Dengan Meta Description Post dan Page

Buatlah sebuah Entri Baru - Pada sebelah kanan Writing Text Area isilah Deskripsi Penelusuran dengan kata kunci yang menjelaskan tentang konten artikel yang akan diterbitkan.

Cara Setting SEO Blogspot Dengan SEO Robots.txt

Masuklah ke dashboard Blogger - Setelan - Preferensi Penelusuran - Klik Edit pada Robots.txt - Aktifkan - Isi dengan:

User-agent:  *
Allow: /
Disallow: /*?*
Disallow: /search

User-agent: Mediapartners-Google
Disallow:

Sitemap: http://alamat-blog-kamu.blogspot.com/feeds/posts/default

Masuklah ke dashboard Blogger - Setelan - Preferensi Penelusuran - Klik Edit pada Tag Header Robot Khusus - Aktifkan - Isi dengan:

Beranda: All dan Noarchive
Laman Arsip Dan Penelusuran: Noarchive, Noindex dan Nosnippet
Default Untuk Post Dan Laman: All

Cara Setting SEO Blogspot Dengan SEO Heading Tags

Langkah 1

Masuk ke Dashboard Blogger - pilih Template - pilih Edit Html - Expand Template Widget

Langkah 2

Temukan dengan Ctrl+f kode:

<div class='titlewrapper' style='background: transparent'>
       <h1 class='title' style='background: transparent; border-width: 0px'>
              <b:include name='title'/>
       </h1>
</div>

dan kode:

<div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
</div>

ganti kode diatas dengan kode:

<!--start h1 for homepage & h3 for posts page-->
         <div class='titlewrapper' style='background: transparent'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <h1 class='title' style='background: transparent; border-width: 0px'><b:include name='title'/></h1>
    <b:else/>
   <h3 class='title' style='background: transparent; border-width: 0px'><b:include name='title'/></h3>
  </b:if>
 </div>
<!--end h1 for homepage & h3 for posts page-->

Langkah 3

Temukan dengan Ctrl+f kode:

<a expr:name='data:post.id'/>

dan gantilah seluruh kode:

<b:if cond='data:post.title'>
            <h3 class='post-title entry-title' itemprop='name'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>
              <b:else/>
                <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>
                <b:else/>
                  <data:post.title/>
                </b:if>
              </b:if>
            </h3>
</b:if>

dengan kode berikut:

<!--start h3 for homepage & h1 for posts page-->
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <b:if cond='data:post.title'>
   <span itemprop='itemreviewed'><span itemprop='description'>
    <h3 class='post-title entry-title' itemprop='name'>
   <b:if cond='data:post.link'>
   <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
    <b:else/>
   <b:if cond='data:post.url'>
   <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
    <b:else/>
   <data:post.title/>
   </b:if>
   </b:if>
    </h3>
   </span></span>
   </b:if>
 <b:else/>
   <span itemprop='itemreviewed'><span itemprop='description'>
    <h1 class='post-title entry-title' itemprop='name'>
   <b:if cond='data:post.link'>
   <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
 <b:else/>
   <b:if cond='data:post.url'>
   <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
 <b:else/>
  <data:post.title/>
   </b:if>
   </b:if>
    </h1>
   </span></span>
  </b:if>
<!--end h3 for homepage & h1 for posts page-->

Langkah 4

Atur CSS dari title tersebut, caranya:

Masuk ke Dashboard Blogger - pilih Template - pilih Edit Html - Expand Template Widget dan temukan dengan Ctrl+f kode:

]]></b:skin>

Letakkan diatasnya:

.Header h1, .Header h3{
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
color: #000;
text-shadow: 0 1px 0 #888;
}
.Header h1 a, .Header h3 a {
color: #f90;
}
h1.post-title,h3.post-title {
font-family: 'Big Caslon', 'Book Antiqua', 'Palatino Linotype', Georgia, serif;
margin: .75em 0 0;
}

cara memasang widget translate google

2012-12-08T06:56:00.001-08:00

Kita tahu, bahwa pengungjung blog tidak semuanya berasal dari negeri kita sendiri. Otomatis, pengunjung blog yang berasal dari luar (selain orang Indonesia) kadang malas mengunjungi blog kita. Itu dikarenakan bahasa yang di dalam blog kita tidak dimengerti oleh pengunjung tadi. Makanya, kita selaku blogger berusaha untuk membuat pengunjung dari Mancanegara paham betul apa yang kita posting di dalam blog kita. Kali ini dickzblog akan memposting bagaimana Cara Memasang Widget Translate Google di Blog. Yah... widget ini pun bisa dikatakan salah satu Tips Mempercantik Blog.

Translate Ala Google

Google saat ini benar-benar memberikan fitur-fitur yang sangat bagus. Salah satunya adalah fasilitas Traslate / Terjemahan bahasa. Walau sebenarnya bahasanya tidak sempurna sekali, yang penting para browser (pencari situs) atau pengunjung bisa terbantukan dalam mengartikan bahasa yang ada di dalam situs yang dikunjungi. Demikian halnya dalam blog, bahwa google pun menyediakan widget terjemahan untuk kita pasang di dalam Blog kita. Pengunjung blog pun tidak capek-capek untuk membuka kamus atau situs translate lagi. Pengunjung pun jadinya betah berlama-lama untuk menjelajahi blog kita.

Okaylah kawan, langsung saja yah... mohon maaf intro di atas terlalu banyak. Hehehehe. Beginalah Cara Memasang Widget Translate Google di Blog.

1. Seperti biasa, Bukalah akun blog Kawan (jangan akun orang lain loh... hehehehe)
2. Masuklah pada Rancangan / Design pada blog kawan.
3. Pilihlah fitur Tambah Gadget / Add Widget
4. Pilihlah atau tambahkan HTML/JavaScript
5. Copy / salinlah Script di bawah ini

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
multilanguagePage: true,
gaTrack: true
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

6. Simpanlah, dan lihat hasilnya.

cara membuat blog lebih expressive

2012-12-08T06:39:00.002-08:00

Postingan/Content Blog Agar Lebih Expressive. Maksudnya apaan tuh?
Gini lho, kalo di layanan Blog lain semisal Wordpress, setiap kita mengetikkan tanda ini :) maka yang muncul adalah gambar ini :) , kalo tanda ini :p maka yang muncul gambar

ini :p dan lain-lain . Nha kalo gitu kan akan membuat blog kita menjadi lebih expressive tuh. Sayangnya bagi kita yang memakai layanan di Blogger tidak mendapat fasilitas tersebut. Tapi tenang aja bung, dalam dickz blog kali ini kita akan mencoba membahas bagaimana supaya bagi kita yang memakai layanan Blogger bisa seperti yang ada di Wordpress. Langkahnya cukup mudah, gini lho.....

1. Login ke blogger trus pilih Layout -->> Edit HTML
2. Beri tanda centang pada jawaban yang benar, eh, maksudnya pada Expand Widget Templates
3. Cari kode ini ]]></b:skin> (letaknya kira2 di bagian tengah posisi kiri)
4. Masukkan script di bawah ini persis dibawah kode ]]></b:skin>

<script src='http://kendhin.890m.com/smile/smile.js' type='text/javascript'/>

Jangan lupa disimpan, trus coba deh kamu posting dengan memakai kode-kode tersebut, Insya4JJI berhasil. kalo gagal coba lagi, kalo masih gagal ya coba sekali lagi, kalo masih gagal lagi ya mengkin servernya lagi down atau itu emang karena kamu kurang beruntung. :D

Berikut ini adalah beberapa standar kode smile yang bisa digunakan :

:) --> :)
:D --> :D
:$ --> :$
:( --> :(
:p --> :p
;) --> ;)
:k --> :k
:@ --> :@
:# --> :#
:x --> :x
:o --> :o
:L --> :L
:O --> :O
:r --> :r
:y --> :y
:t --> :t
:s --> :s
:~ --> :~
:v --> :v
:f --> :f
:d --> :d
:c --> :c
:z --> :z

Sebelum mengetikkan kodenya, harus di spasi dulu.
untuk sementera itu dulu, icon-smile selanjutnya masih dalam penelitian di laboratorium :D

highlight pada script/kode di postingan

2012-12-08T06:36:00.001-08:00

Memberikan Highlight untuk script atau kode pada postingan akan lebih memperjelas pembaca. Contohnya bisa kamu lihat pada blogku ini. Setiap kali ada script/kode maka akan selalu ada highlight (kotak) yg akan membedakan dengan tulisan yg lain. Nha kamu mau tahu cara pembuatamnya?

Gini nih caranya :
1. Login ke blogger lalu pilih Layout-->Edit HTML
2. Kemudian copy kode dibawah ini lalu pasang di Script CSS kamu atau pasang sebelum kode ]]></b:skin>

.alert { background: #DDE4FF;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}

Kode yang berwarna merah (#DDE4FF) adalah warna background kotak highlight, kamu bisa menggantinya dengan kode warna yang lain yang cocok dengan background blog kamu. Untuk kode-kode warna bisa dilihat DISINI

3. Kalau sudah kemudian Simpan.

Cara Posting
Supaya kode/scriptnya nanti bisa ada kotak highlight-nya maka untuk memposting harus pake cara2 tersendiri. Yaitu dengan menambahkan kode ini <p class="alert"> sebelum kode/script yg akan diberi highlight. kemudian ditambahkan kode </p> diakhir script/Kode.

Dah gitu aja, gampang kan

tips mengedit html blog

2012-12-08T06:34:00.002-08:00

Jika kita mengotak-atik atau mengedit HTML blog kadang2 akan mengalami kesulitan, apalagi bagi yang masih agak pemula. Entah itu gak bisa nemu kode yang mau diedit lah, gak bisa disimpan karena error lah, Ada pesen error yang gak jelas lah, dan lah-lah yang lain, ya to...??? Nha dickz blog kali ini akan mencoba gimana cara untuk mengatasi atau setidaknya mengurangi masalah "lah-lah" yang kadang2 atau sering terjadi tersebut.

Berikut ini beberapa tips untuk edit HTML bogger:

1. Backup Template

Membackup template ini penting karena jika terjadi hal-hal yang tidak dinginkan, misalnya blog jadi rusak maka kita bisa membuatnya seperti sediakala (sebelum rusak) jika kita sebelumnya sudah membackup template. Cara membackup template ini mudah. Cukup klik pada link "Download Full Template" lalu simpan file template di komputer kita. Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload aja file template tersebut.

2. Memberi Tanda Centang pada Kotak "Expand Widget Template"

Ini yang kadang2 dilupakan para "editor". Kalau kotak "Expand Widget Templates" tidak dicentang maka kode2 yang dicari kemungkinan tidak ditemukan. Tapi kadang2 hal ini tidak perlu dilakukan tergantung dari petunjuk tutorialnya. Makanya perhatikan baik2 tutorialnya kalo mau Edit HTML blog.

3. Tips Mempermudah Pencarian

Untuk mempermudah pencarian kode yaitu dengan meng-copy dulu kode yang mau dicari kemudian tekan "Ctrl+f" lalu masukkan kode yang dicopy tadi kedalam kotak yg muncul. Kalo misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian dari kode tersebut. Misal mau mencari kode <p><data:post.body/></p> jika tidak ketemu maka cb carilah sebagiannya atau seperti ini data:post.body kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode lain yang sama untuk memastikan kode yang dikehendaki. Tapi tips ini sepertinya sulit dilakakukan jika menggunakan browser "Chrome" paling mudah jika menggunakan "Mozilla Firefox".

4. Tips Menghadapi Error Yang Muncul

Jika saat menyimpan hasil editan kemudian muncul pesan error, misal seperti ini:
We were unable to save your template

Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure.....
Maka hal yang harus kita lakukan adalah berusaha memahami pesan error tersebut. Kemudian kita cek kembali tutorial yang kita baca apakah langkah-langkah yang sudah kita lakukan bener2 sesuai dengan tutorialnya. kalau tidak yakin maka kita bisa mengulangi lagi tutorialnya dari awal dengan mengklik tombol "Clear Edit" terlebih dahulu.

Mungkin untuk masalah mengahadapi berbagai pesan error ini akan kita bahas lebih lanjut diepisode yang lainnya yang lebih spesifik.

Yak mungkin itu aja dulu tips dan trik dari dickz blog dalam pembahasan kali ini. Kita jumpa lagi di tips-tips berkutnya.

Trik And Tips Untuk Meningkatkan Google PageRank

2012-12-07T03:52:00.001-08:00

setiap blogger tentunya sangat menginginkan ranking blognya tinggi, sehingga banyak pemasang iklan yang bersedia memasang banner produknya. Setelah artikel saya sebelumnya mengenai google page rank dan manfaatnya. Maka pada kesempatan ini saya akan berbagi sedikit tips yang saya gunakan untuk meningkatkan google page rank. Untuk menaikkan page rank kita harus mencari backlink sebanyak-banyaknya. Berikut ada enam tips yang bisa anda manfaatkan untuk mengumpulkan backlink untuk meningkatkan page rank blog.

1. Tulis artikel yang bagus dan bermanfaat

Setiap pengunjung yang datang ke blog anda adalah untuk membaca isi artikel anda. Jika artikel anda bagus dan bermanfaat bagi mereka. Mereka akan membookmark atau mengelink blog anda. Dengan demikian anda akan mendapat backlink dari mereka. Oleh sebab itu, tulislah artikel yang bagus dan bermanfaat bagi pengunjung anda.

2. Perbanyak jumlah halaman pada blog

Page rank tidak hanya dipengaruhi oleh halaman index tetapi juga dipengaruhi oleh jumlah halaman pada blog. Setiap penambahan artikel pada blog anda akan menambah inbound link (link masuk) bagi blog anda. Oleh sebab itu, aktifklah dalam memposting artikel. Tetapi jangan karena ingin memposting artikel yang banyak kemudian anda mencopas artikel orang lain. Karena selain melanggar etika blogger, artikel copas atau duplicate content juga dibenci dan tidak akan dicrawl oleh mesin pencari. Jadi buatlah artikel original dengan kata-kata anda sendiri. Selain tidak melanggar etika blogger. Cara ini juga dapat meningkatkan posisi blog anda di halaman search engine.

3. Saling mentautkan artikel yang relevan

Cara ini hampir sama dengan poin ke2 yaitu bertujuan untuk menambah inbound link ke blog anda. Jika anda perhatikan pada beberapa artikel saya. Anda akan melihat ada link-link yang mengarah ke artikel lama saya. Itu bertujuan untuk memberikan backlink ke halaman blog.

4. Link exchange

Ini merupakan cara yang paling sering dan paling banyak dilakukan oleh para blogger untuk meningkatkan page ranknya. Karena paling mudah dilakukan yaitu I link You, You Link Me. Meskipun mudah tapi cara ini sangat membuang waktu karena kita harus selalu memantau blog yang kita ajak link exchange. Jika blog anda masih baru maka ini merupakan cara terbaik untuk mendapatkan backlink.

5. Komentar di blog dofollow

Di internet ada banyak sekali blog yang sudah menganut sistem dofollow. Yang dimaksud dengan blog Dofollow adalah blog yang sudah menghilangkan atribut "nofollow" dari comment formnya. Jadi setiap kali anda meninggalkan komentar di blog tersebut. Anda akan mendapat backlink dengan syarat anda harus berkomentar menggunakan nama dan alamat blog bukan profile blogger. Untuk mengetahui blog apa saja yang sudah menganut sistem dofollow. Silahkan tanya ke om google.

6. Daftar blog ke blog direktori

Cara lain untuk mendapatkan backlink adalah dengan mendaftarkan blog ke blog direktori. Selain bisa mendapatkan backlink. Cara ini juga bisa meningkatkan trafik blog. Contoh-contoh blog direktori itu seperti Mybloglog, Blogcatalog, dan lain-lain. Untuk mengetahui blog direktori lainnya. Silahkan search di Google atau download listnya disini (file PDF).

Demikian tadi tips singkat untuk menaikkan Google Page Rank, jika teman-teman merasa blognya tidak kunjung naik peringkatnya, cobalah tips-tips diatas. Semoga bermanfaat.

cara membuat logo/favicon dengan cepat praktis dan mudah

2012-12-07T03:51:00.000-08:00

Cara Membuat Favicon Blog dengan Mudah dan Praktis. Baiklah kali ini saya akan share cara mengganti sekaligus berubah logo favicon blog dengan sangat mudah dan praktis. tidak memerlukan waktu yang lama, dan tidak perlu repot-repot mengedit kode html. Dengan logo favicon kreasi sendiri pastinya akan terlihat lebih menarik dan puas karna (made in binafsi) hehehe. Kita hanya perlu mengunjungi Favicon.ico Generator untuk membuatnya. Langsung saja kita menuju TKP untuk mengkreasikan ide2 yang akan dituangkan kedalam sebuah logo.

1. Pertama kunjungi www.favicon.cc

2. Selanjutnya Memilih beberapa warna yang akan kita gunakan untuk logo favicon, setelah itu kita klik setiap kotak yang ada dan mulailah menggambar. hehehe

3. Jika sudah langsung download favicon yang telah dibuat. sebelumnya kita lihat previewnya :

4. Proses selanjutnya yaitu Upload logo favicon yang telah didownload pada blog.

5. Seperti biasa Login akun blognya > kemudian Klik Layout > Tata Letak > edit favicon > Lalu choose file > tunggu proses uploadnya > dan terakhir save.

6. Selesai. logonya telah berhasil dipasang. biasanya akan langsung muncul dan ada juga yang membutuhkan waktu beberapa menit.

Cara Memodifikasi Post Untuk Template Galleri

2012-12-07T03:48:00.002-08:00

Saya akan mengulas satu persatu fitur yang ada pada template demo sebelum nanti saya bagikan, sehingga diharapkan Anda dapat menciptakan atau membuat template sendiri dengan modifikasi widget default yang yang sudah disediakan oleh blogger. Widget dari blogger yang saya modifikasi kali ini adalah Popular Post, sebuah widget yang berfungsi untuk menampilkan postingan atau artikel mana yang paling banyak diminati para pengunjung. Secara default widget Popular Post ini sudah menarik karena sudah ada fitur thumbnail dan summary. Tapi menurut saya sih kondisional, widget itu bisa langsung dipasang pada blog yang lebih banyak menggunakan artikel daripada gambar, jika widget default itu dipasang pada blog yang bertipe gallery sepertinya kurang cocok.

DEMO

Nah, kali ini saya mencoba untuk memodifikasi widget tersebut agar cocok dipasang pada blog yang mempunyai konten gallery. Gambarnya seperti diatas, hanya menampilkan thumbnail dan judul dengan posisi horisontal. Jika anda tertarik, berikut ini cara membuatnya :

Login ke Blogger dengan akun Anda
Setelah itu masuk ke template >> klik Edit HTML jangan lupa centang Expand Widget Templates.
Lalu masukkan kode berikut ini diatas ]]></b:skin> :

.PopularPosts .widget-content ul li {background:none repeat scroll 0 0 transparent;float:left;list-style:none outside none;margin:0 !important;padding: 0 !important;border-bottom:none}

.PopularPosts ul{padding:5px 0}

.PopularPosts .item-thumbnail img{width:110px;height:110px;padding:11px;margin:0}

.PopularPosts .item-content{position:relative;float:left;margin:0}

.PopularPosts .item-title a{font-size:11px;color:#fff;display:block;padding:0 5px;float:left;width:122px}

.PopularPosts .item-title:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}

.PopularPosts .item-thumbnail{float:left;margin:3px 1px 7px 10px;border:1px solid #ccc;overflow: hidden}

.PopularPosts .item-title{background:#000;position:absolute;bottom:8px;right:2px;opacity:.6;-moz-opacity:.6;filter:alpha(opacity=6)}

Kode warna merah diatas adalah panjang dan lebar gambar thumbnail, Anda bisa ganti dan sesuaikan dengan lebar sidebar pada template, seperti yang terlihat pada sidebar blog ini.
Kemudian masuk ke layout >> add a gadget pilih Popular Post pada baris kelima.
Setelah muncul halaman Popular Post, setting seperti pada gambar dibawah ini :

Yang perlu diperhatikan adalah centang hanya thumbnail, biarkan kotak snippet kosong tidak perlu dicentang. Judul dan jumlah post yang ingin ditampilkan terserah Anda.
Setelah langkah diatas, masuk lagi ke Edit HTML (centang Expand Widget Templates), cari kode berikut :

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'> <b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>

<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>

<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>

<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div> </b:includable> </b:widget>
Setelah ketemu, ganti dengan kode berikut ini :

<b:widget id='PopularPosts1' locked='false' title='Most Product View' type='PopularPosts'> <b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>

<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>

<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>

<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div> </b:includable> </b:widget>
Terakhir, save templates lihat hasilnya.

Modifikasi widget Popular Post dari blogger ini tidak hanya untuk blog gallery saja, Anda juga bisa memakainya pada blog yang bukan gallery seperti yang terlihat di sidebar pada blog ini. Demikian tadi tutorial memodifikasi tampilan Popular Post untuk template Gallery jika masih ada yang kurang paham silahkan tinggalkan pesan di kotak komentar maaf kalau sudah ada tutorial seperti ini sebelumnya, selamat mencoba dan semoga bermanfaat\

Cara Membuat Menu Horizontal Ber-Animasi Keren Di Blog

2012-12-07T03:46:00.002-08:00

Hy sobat blogger kali ini saya akan melanjutkan cara memodifikasi menu navigasi horisontal. Saat ini saya memang lagi seneng mengutak-atik template untuk memodifikasi menu horisontal yang ada di blog saya. Tampilan blog yang menarik dan dinamis akan membuat pengunjung lebih betah. Di samping itu kita punya kepuasan sendiri, dari tampilan blog sederhana menjadi tampilan yang kita inginkan. Kali ini saya akan berbagi mengenai cara membuat menu horisontal animasi, silahkan anda menuju kesini untuk melihat contohnya (menu navigasi baris kedua).

Saya tidak akan berpanjang lebar karena sudah ngantuk banget nih, langsung saja perhatikan langkah-langkahnya di bawah ini :

Login ke blogger dengan akun anda
Kemudian pada dasbor klik Rancangan >> Edit HTML
Tambahkan kode CSS berikut diatas tag ]]></b:skin>:

.animatedtabs{
border-bottom: 1px solid gray;
overflow: hidden;
width: 100%;
font-size: 14px; /*font of menu text*/
}
.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}
.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}
.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0whyphenhyphenur2_tG0SW76uYTKJ6CXeHKSYrU-9kgOwYkvXU_692-2bgCWSjY7UbG_T_xiOXHbu_-VPyEkisrOEhcAX-2ktebnZOiaIjxZZ3G1vJy8JDDB-Bf_7sVpUKgPSsEj_ulGpZ28j_A18/s320/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;
}
.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX79oVXTqz05SjCCUbAy3OcCU_voFMJwlPpTkjH4PFUZxd_3iJVM5_ycpHyoIDTrTOHXgtBATSuuOp-jsePNMbQowgJLn0mSloBccLroXk1dArHLhWLabvovsyIvYvmk3Dfj8aCGqcWpI/s320/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */
.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}
.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}
.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}
.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}
Tambahkan kode HTML berikut diatas atau dibawah <div id='header-wrapper'> atau bisa juga anda tambahkan pada bagian elemen halaman sebagai widget

<div class='animatedtabs'>

<ul>

<li><a href='http://creatingwebsite-maskolis.blogspot.com' title='Home'><span>Home</span></a></li>

<li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/tutorial blog' title='tutorial blog'><span>Tutorial Blog</span></a></li>

<li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/SEO' title='SEO'><span>SEO</span></a></li>

<li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/wordpress' title='wordpress'><span>Wordpress</span></a></li>

<li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/affiliate' title='affiliate'><span>Affiliate</span></a></li>

<li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/hosting' title='hosting'><span>Hosting</span></a></li>

</ul>
</div>
Simpan template dan lihat hasilnya.