Apa yang dimaksud dengan screenshot .. ?? Screenshot adalah gambar yang diambil dari tampilan pada layar komputer. Jika masih belum paham, silahkan sobat lihat contoh gambar dibawah ini : Gambar diatas adalah sebuah contoh gambar sceenshot yang saya ambil dari halaman depan blogger/blogspot. Screenshotshot sendiri banyak...
Read More >>

Cara Membuat Recen Post (Postingan Terakhir) Dengan Fungsi Scrool Otomatis Dan Thumbnails : 1. Login di blogger, masuk pada halaman Admin 2. Klik pada Tata Letak 3. Klik Add a Gadget  >> Pilih HTML/Javascript 4. Copy semua kode dibawah ini kemudian paste kedalam HTML/Javascript. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <style type="text/css"...
Read More >>

Favicon (Favorite Icon) , adalah ikon kecil yang terkait dengan sebuah situs tertentu atau webpage , yang ditunjukkan berikutnya untuk situs nama di url pada menu bar, yang paling umum untuk favicons adalah ukuran : 16x16 , 32x32 , 48x48 , 64x64 , 128x128 . Favicon default dari blogger adalah seperti ini : Anda bisa download berbagai...
Read More >>

Cara Mengganti Warna Dasar Background Blog Dengan Gambar : 1. Login di blogger 2. Edit Template >> Edit HTML 3. Cari kode body { , gunakan Ctrl+F untuk memudahkan pencarian kode 4. Perhatikan kode dibawah ini : body {   background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEismhBfe8NsOJT2r6EwjYyw9-NP8BVwY0WMLaw0dUXYcb9HvS2gWqEs1JC4zqCmvYkFReo9ouB89Mzny-icXxJH9pZXjGC9A3ub50hRpxsTQUrOdFaare2ODp7k6YyK6T3vvbinC4t7miw/s0/bg-banner-pattern.gif);  ...
Read More >>

Cara Membuat Link Miring Saat Disorot Mouse : 1. Login di blogger 2. Edit Template >> Edit HTML 3. Cari kode a:hover { 4. Tambahkan kode dibawah ini setelah kode a:hover {     font-style:italic; 5. Sehingga akan menjadi seperti ini :    a:hover { font-style:italic; 6. Simpan Templ...
Read More >>

Teks area dimaksudkan untuk mempermudah pembaca meng-copy (ex.kode HTML) seluruh teks didalamnya.. Biasanya kalimat yang dibuat kedalam teks area memiliki ukuran panjang. Cara Membuat Teks Area Dengan Fungsi Highligh All : Kode CSS-nya adalah sebagai berikut : <div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight...
Read More >>

Cara membuat komentar Admin berbeda dengan pengunjung. Secara default komentar Admin dengan komentar  pengunjung memanglah sama atau tidak ada perbedaan sama sekali, sampai-sampai pengunjung bingung kemudian bertanya dalam hati "nih mana Adminnya ya .. ??". hehe.. , Kalau anda tidak mau terjadi seperti hal diatas maka buatlah komentar Admin blog anda berbeda dengan komentar pengunjung. Anda bisa mencoba cara dibawah ini :...
Read More >>

Cara Menghilangkan Label/Kategori Di Bawah Postingan : 1. Login di blogger 2. Edit Template >> Edit HTML 3. Centang pada Expand Template Widget 4. Cari kode yang seperti ini :   <span class='post-labels'>         <b:if cond='data:post.labels'>         <data:postLabelsLabel/>         <b:loop...
Read More >>

Apakah yang dimaksud blog Nofollow dan Dofollow ?? Blog Nofollow adalah istilah dalam dunia blogging, yang jika kita memberikan komentar pada blog/.web lain serta kita menuliskan link kita bersama komentar tadi, maka link tersebut tidaklah dianggap sebagai backlink oleh mesin pencari atau dalam istilah lain link yang tadi kita pasang tidak dapat di klik. Blog Dofollow adalah link yang mempunyai attribut follow, jadi apabila kita...
Read More >>

Apa yang dimaksud dengan meta tag ?? Meta tag yang digunakan umumnya ada 2 jenis, yaitu meta tag description dan meta tag keyword (kata kunci). Meta tag description digunakan untuk menyampaikan informasi descripsi dari suatu blog atau web. Meta tag keyword digunakan untuk menyampaikan informasi mengenai kata kunci apa saja yang berhubungan dengan isi konten dari suatu blog atau website. Fungsi dari memasang meta tag pada blog...
Read More >>

Membuat Efek Zoom Gambar Pada Blog : 1. Login di blogger  2. Edit Template >> Edit HTML 3. Centang pada Expand Template Widget 4. Temukan kode ]]></b:skin> kemudian letakkan script dibawah ini diatas kode ]]></b:skin> .post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition:...
Read More >>

Cara Membuat Link Membesar Dan Berubah Warna Saat Disorot Mouse : 1. Login di blogger >> Template >> Edit HTML 2. Temukan kode a:link { dan a:hover { , gunakan tombol Ctrl+F untuk memudahkan pencarian kode. 3. Perhatikan contoh kode berikut : a:link {   color:#FF0000;   font-size:10px;   text-decoration:none;   cursor:default;   } a:hover {   color:#0000FF;   font-size:18px;  ...
Read More >>

Cara Mengganti Warna Dasar Background Blog : 1. Login di blogger 2. Edit Template  >> Edit HTML 3. Temukan kode body {  , perhatikan contoh kode berikut :   body {   background: #2E2E2E;   margin:0;   color:$textcolor;   font:x-small Georgia Serif;   font-size/* */:/**/small;   font-size: /**/small;   text-align: center;   } 4. Yang perlu Anda rubah adalah tulisan...
Read More >>

Cara Menghilangkan Atribut "Powered By Blogger" 1. Login di blogger 2. Edit Template >> Edit HTML  3. Beri tanda centang pada Expand Template Widget. 3. Cari kode ]]></b:skin> , gunakan Ctrl+F untuk memudahkan pencarian. 4. Letakkan kode berikut diatas kode ]]></b:skin> #Attribution1 { height:0px; visibility:hidden; display:none } 5. Simpan Template &nb...
Read More >>

1. Kunjungi www.google.com/addUrl 2.  Isikan URL Blog anda >> Isi kotak Comment dengan kategory blog anda (ex. general blog) 3. Isi Kode Captcha yang ditampilkan 4. Terakhir klik Submit Request Setelah anda melakukan registrasi seperti diatas tadi, blog anda baru aktif sekitar 3-4 minggu. Lakukan pengecekan setelah...
Read More >>

Hai sobat blogger .., masih semangat untuk mendesain blog anda ? Yup beberapa efek-efek keren dibawah ini mungkin akan menambah cantik tampilan dari blog anda. Tutorial ini saya dapatkan dari muter-muter blog to blog, jadi script yang terdapat pada tutorial yang saya tulis ini juga bukan milik sendiri, gak tau deh punya siapa, he.  Tapi gpp lah, saya yakin kalau yang punya script juga pasti seneng kalau script miliknya bisa...
Read More >>

1. Login di blogger >> Template 2. Klik pada icon setting template sellular, lihat gambar : 3. Akan muncul pertanyaan di window baru : Di perangkat seluler, menampilkan versi seluler template Anda saat ini. Ya. Tampilkan template seluler di perangkat seluler. Tidak. Tampilkan template seluler di perangkat...
Read More >>

1. Login di blogger - Pilih Tata Letak 2. Kemudian klik Tambah Gadget  >> Pilih HTML/Javascript, untuk penempatannya silahkan sobat tentukan sendiri. 3. Copy (Ctrl+C) kode script dibawah ini kemudian Paste (Ctrl+F) kedalam kotak konten. <script src="http://www.geocities.com/uddin_81/recent-post.js"></script> <script>var numposts = 7; var showpostdate = false; var showpostsummary = false; var...
Read More >>

Border yaitu garis tepi dari sebuah komponen (bisa berupa gambar atau tulisan). Fungsi dari border sendiri adalah sebagai garis pembatas yang memisahkan komponen tersebut dari komponen-komponen lainnya. Terdapat berbagai jenis border menurut fungsinya. Beberapa Jenis Border Dan Cara Membuatnya : 1. Border Jenis Solid <div style="border:...
Read More >>

Cara Membuat Link

8:30 PM 20 January 2012

Istilah link dalam bahasa Indonesia berarti tautan, sebuah tautan yang apabila di klik akan membawa kita pada  URL tertentu yang terdapat di dalam link tersebut. Contoh link : tulisan ini adalah link Cara Membuat Link : 1. Link membuka pada halaman yang sama, saat link di klik maka halaman link akan membuka di tab yang sama. <a...
Read More >>

Cara Memasang Kode Warna Pada Laman Blog : 1. Login pada blogger - Template - Edit HTML 2. Temukan kode </head>, gunakan Ctrl+F untuk memdahakan pencarian kode. 3. Copy kode dibawah ini kemudian letakkan sebelum kode </head> <script language='javascript'> function Barva(koda) { document.getElementById("vzorec").bgColor=koda; document.hcc.barva.value=koda.toUpperCase(); document.hcc.barva.select(); } function...
Read More >>

Apa yang dimaksud dengan Menu Bar .. ?? Menu Bar blog/web yaitu garis horizontal yang terletak pada bagian atas blog/web. Untuk mempermudah pemahaman kepada Menu Bar silahkan Anda lihat gambar dibawah ini: Pada gambar diatas tanda lingkaran merah adalah menu bar dari sebuah blog/web. Cara membuat teks berjalan pada menu bar : 1....
Read More >>

Anda dapat menemukan berbagai macam template cantik dari berbagai situs free blogger template, tinggal Anda cari di google dengan kata kunci Free Blogger Template Yang pertama harus anda lakukan adalah meng-extract template yang sudah anda download tadi, ini dikarenakan file tersebut formatnya masih berupa Winrar.Zip dan harus di ekstract...
Read More >>

Sebelum membuat blog di blogger/blogspot, terlebih bdahulu anda harus mempunyai Email dari Google (Gmail). Email inilah yang nantinya akan  Anda gunakan untuk membuat akun baru di blogger/blogspot. Cara Membuat Blog Di Blogger/Blogspot : 1. Kunjungi situs blogger di www.blogger.com, kemudian isikan email dan pasword gmail yang sudah...
Read More >>