cara membuat blog

Sebelum kita memulai langkah-langkah membuat blog di blogger.com. tidak ada salahnya kita memikirkan tema utama yang kita akan angkat di blog yang akan kita buat nantinya. Seperti Tips-tips computer, dunia blogging atau juga tentang bisnis-bisnis online yang ada di internet, oh iya saya saran kan agar anda mengangkat dan hanya memilih tema yang setidaknya anda ketahui atau kuasai agar nantinya anda tidak kesulitan saat mengisi atau menulis di blog anda nantinya. Ok sekarang kita mulai

cara membuat blog

1. Sign in di blogger.com dengan akun gmail anda, jika belum punya, baut dulu di gmail.com untuk membuat akun gmail

2. Pilih buat blog, lalu isi judul, url dan template yang akan kalian gunakan

3. Blog yang kalian buat sudah jadi deh

 

Selamat Mencoba

Pasang Feed di Blog

Pasti kalian inginkan selalu update dengan blog yang kalian sering kunjungi tanpa kalian kunjungi satu-persatu

sehingga kamu bisa taruh artikel terbaru blog lain di blog kalian

ini dia trik feed pada blog

Pasang Feed di Blog

Secara default feed sebuah blog seperti ini :http://www.blooger.co.id/atom.xml. tulisan merah ganti dengan alamat blog yang kalian ingin lihat feednya

inin dia caranya

1. Sign in di blogger dengan id kalian

2. Klik menu layout

3. Klik menu Elemen Halaman

4. Klik tulisan Tambahkan sebuah Elemen Halaman

5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan Feed

Tulis alamat ini pada kotak di samping tulisan URL feed -->

6. Klik tombol SIMPAN PERUBAHAN

7. Pindahkan elemen yang baru saja di buat pada tempat yang kalian mau

8. Klik tombol SIMPAN

9. Klik tulisan Lihat Blog untuk melihat hasil penambahan elemen yang baru di buat

10. Selesai

Pasang Feed di Blog  

mudah kan. semoga berhasil

Pasang Skrip Alert Di Blog

Pernah kah kalian saat mengunjungi sebuah blog terkadang terdapat windows aler seperti gambardi bawah ini

Pasang Skrip Alert Di Blog

menurut saya penggunaan skrip ini memang sediki mengganggu pengunjung tetapi untuk anda yang hanya sekedar coba-coba skrip ini juga boleh untuk di terapkan

untuk kalian yang berminat menggunakannya ini triknya

<SCRIPT language='JavaScript'>alert("Selamat datang di blog deska_tire");</SCRIPT>

Tulisan yang berwarna merah adalah tulisan yang hendak anda tuliskan, tentunya ini sesuai dengan keinginan anda.

1. Login ke blogger.
2. Klik Tata Letak.
3. Klik tab Edit HTML
4. Jangan lupa backup template
5. Cari kode </head>.
6. Copy paste kode berikut di atas kode </head> (ganti tulisan yang berwarna merah dengan yang anda inginkan).
   

   <SCRIPT language='JavaScript'>alert("Selamat datang di blog deska_tire");</SCRIPT>

   
   
7. Klik tombol SIMPAN TEMPLATE. 
8. Selesai. Silahkan buka blog anda untuk melihat hasilnya.

Mudah kan?

Cara Mengganti Warna Dan Gambar Background Pada Blog

Scholovers Blogger | kali ini admin akan Share Tips And Trick yang Berjudul Cara Mengganti Warna Dan Gambar Background Pada Blog, langsung saja dilihat Tutorialnya:

Mengganti Warna Background:
1. Login Ke Blogger
2. Masuk Ke Dasbor >>> Pilih Template
3. Edit HTML
4. Copy Semua kode HTML yang ada pada Edit HTML ke NotePad, Lalu Cari Kode yang berwarna Merah (gunakan CTRL+F agar pencarian lebih mudah) :
    body {
    background:#ffffff;
    margin:0;
    padding:40px 20px;
    font:x-small Georgia,Serif;
    text-align:center;
    color:#222222;

5. Ganti Kode Bewarna Biru Dengan Kode warna yang sobat Inginkan
6. Copy Dan Pastekan Semua Kode yang ada pada Notepad Ke Edit HTML
7. Save Template


Mengganti Gambar Background:
1. Login Ke Blogger
2. Masuk Ke Dasbor >>> Pilih Template
3. Edit HTML
4. Copy Semua kode HTML yang ada pada Edit HTML ke NotePad, Lalu Cari Kode yang berwarna Merah (gunakan CTRL+F agar pencarian lebih mudah) :
    body {
    background:#cccccc url(http://UrlGambarSobat.jpg)fixed repeat-y center top;

5. Ubah Url Bewarna Biru Dengan Url Gambar Sobat
6. Copy Dan Pastekan Semua Kode yang ada pada Notepad Ke Edit HTML 
7. Save Template

Mengganti Warna Background Ke Gambar Background:
1. Login Ke Blogger
2. Masuk Ke Dasbor >>> Pilih Template
3. Edit HTML
4. Copy Semua kode HTML yang ada pada Edit HTML ke NotePad, Lalu Cari Kode yang berwarna Merah (gunakan CTRL+F agar pencarian lebih mudah) :
    body {
    background:#ffffff;
    margin:0;
    padding:40px 20px;
    font:x-small Georgia,Serif;
    text-align:center;
    color:#222222;
    }

5. Ubah Kode yang bewarna biru Dengan kode Dibawah ini:
    #cccccc url(http://UrlGambarSobat.jpg)fixed repeat-y center top;

6. Ubah Kode yang Bewarna Biru dengan Kode Url gambar Sobat
7. Copy Dan Pastekan Semua Kode yang ada pada Notepad Ke Edit HTML
8. Save Template

Semoga Bermanfaat....

Bila Sobat Ingin MenCOPAS Postingan saya ini, diharapkan meletakkan sumbernya, TERIMAKASIH

Membuat link di blogger

Link jika di artikan dalam bahasa indonesia ialah tautan

Tautan adalah suatu rangkaian alamat sebuah website atau halaman tertentu yang bisa kita atur kegunaannya

cara otomatis membuat link, cukup klik link, lalu isi seuai kebutuhan.  untuk open this link in a new window artinya membuka link pada window baru, pilih no follow saja ya

Membuat link untuk berbagai keperluan

cara manual membuat link, ubah metode penulisan ke HTML 

Contoh : saya asumsikan seperti ini. Anda ingin membuat link yang menuju ke http:// www.blooger.co.id dengan kata yang dijadikan link trik blogspot

Seperti di bawah ini

trik blogspot

ini dia kode HTML nya

<a href='http:// www.blooger.co.id'>trik blogspot</a>

Sudah paham kah ?

Sekarang, Dimana anda meletakannya ?

Anda bisa meletakkannya di posting atau di widget yang akan bisa anda atur dengan mudah.

Pasang Pelacak IP Address

Pasang Pelacak IP Address - Untuk pecinta aksesoris blog, Ini dia sobat satu lagi aksesori blog yang menarik untuk di sematkan di blog kalian,

Pasang Pelacak IP Address

Tool ini berfungsi untuk melacak alamat IP (Internet Protocol) sang pengunjung blog kita. Selain itu, tool ini juga bisa menampilkan informasi berupabrowser serta Operating system apa yang dipakai oleh pengunjung blog kita

Untuk kalian yang tertarik, banyak sekali situs yang menyediakan tool ini di internet dan khusus buat kalian, akan saya sarankan satu situs yaitu

http://www.wieistmeineip.de/banner/

Ini dia kira-kira tampilannya dan nanti ya kalian bisa memilih berbagai pilihan lainnya sesuai dengan keinginan kalian di situs tersebut           

1. Seperti biasa anda harus sign in di akun blogger.com kalian

2. Pilih blog yang akan kalian terapkan trik ini

3. Pilih menu Tata Letak lalu Tambah Gadget 

4. Pilih dan klik HTML/Javascript 

5. Paste kode yang tadi kalian copy, jika sudah ya klik SIMPAN

Mudah kan ?

Widget Monyet Malu Di BLog

Scholovers Blogger | Hai Sobat Blogger...! kali ini admin ingin bagi-bagi widget nih... yaitu Widget Monyet Malu Di BLog.

Nah bagi sobat yang mau pasang widget ini di blognya bisa pasang kodenya sebagai berikut :

1. Login ke akun blogger anda

2. Klik Template » Edit HTML
3. Cari kode </body>, lalu letakan kode dibawah ini tepat diatas kode tadi

<div id='namanyayoyo' style='position:fixed;bottom:50px;left:0;z-index:1'><embed bgcolor='#FFFFFF' height='125' id='mymovie' name='mymovie' quality='high' src='http://www.cute-factor.com/animation/yoyocici/yoyoduo.swf' style='' type='application/x-shockwave-flash' width='50' wmode='transparent'/></div>

nah... kayak gini jadinya:

coba sobat sorot kursornya ke arah monyetnya, dia pasti terkejut dan langsung ngumpet...
hehehe...
lucu bukan?

semoga bermanfaat...

fungsi Scroll untuk Berbagai Keperluan

Fungsi Scroll untuk berbagai keperluan, anda hanya membuat kode seperti ini :

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

Isi

</div>

Contoh : 

Cara Agar Blog Bisa diakses Via Handphone
Cara Buat Spoiler di Blog
Cara Melindungi Artikel Dari Copy Paste (Disable Highlight)
Cara Membuat Teks Berjalan di Menu Bar
Cara Menampilkan Status Y M
Cara kontrol akses blog blogger anda (Control permissions)
Cara mudah Ganti Favicon Di Blogspot
Custom permalink pada blogger
Daftar google sitemap
Fungsi Scroll untuk Berbagai Keperluan
Hanya Menampilkan Judul Posting Pada Halaman Awal Blog
Kotak Komentar Di bawah Posting
Memasang AddThis Pada Blogger
Memasang Efek Salju di Blog Model Baru
Memasang Protektor Anti Copas Di Blogspot
Memasang gambar ber-link pada blog
Mematikan Klik Kanan
Membackup Widget Blogger
Membuat Blog di Blogger
Membuat Daftar Isi Berdasarkan Label
Membuat Fungsi Refresh Otomatis pada Blog
Membuat Kotak Pencarian/Search Engine
Membuat Link dalam Postingan Blogger
Membuat Link di Sidebar atau Widget
Membuat Marquee( Text berjalan )
Membuat Readmore pada Posting ( Manual )
Membuat Recent Comment atau Komentar Terbaru
Membuat Text Area
Membuat iframe di Blog
Mengembalikan Tulisan Home
Mengganti Gambar Kursor di Blog
Mengganti Template Blog
Menghapus Tulisan Menampilkan Entri Terbaru dengan Label
Menghilangkan Garis Bawah pada Link
Menghilangkan Garis atau Bingkai Pada Gambar di posting
Menghilangkan Icon Obeng dan Tang / Quick edit Blogger
Menghilangkan Navbar blogger (Navigation Bar)
Menghilangkan Tulisan Beranda/Home
Menghilangkan Tulisan Posting Baru/Newer Post
Menghilangkan Tulisan Posting Lama atau Older Post
Menghilangkan Tulisan di Poskan Oleh
Menghilangkan bingkai gambar pada blog
Menghilangkan tulisan Beranda/Home
Mengurutkan judul posting berdasarkan ABJAD
Menyingkat komentar post dengan scrolling
Merubah Title Blog dengan Title Postingan
Pasang Buku Tamu di Sidebar
Pasang Feed di Blog
Pasang Flash di Blog
Pasang Jam di Blog
Pasang Meta Tag Blogger
Pasang Pelacak IP Address
Pasang Skrip Alert Di Blog
Pasang Statis Pagerank Blog Anda
Posting Kode HTML di Blog
Posting Via Email
SEO Blog Versi Deska_tire
Setting Custom Domain Blogspot
Shortcut atau Jalan pintas pada blogger
Tips Mengedit HTML Blogspot
Tips SEO untuk blogger pemula
Tips memilih domain
Tips memilih template blog yang SEO friendly
Tips pada template blogger
Tips sederhana mengelola blog
Tips sederhana mengelola blog
Tips sederhana menjadi seorang Blogger sejati

 keterangan :

width:300px; = Untuk mengatur lebar bidang scroll, sesuaikan dengan lebar yang kalian inginkan. Dengan mengubah nilai 300 sesuai kebutuhan

Fungsi Scroll untuk Berbagai Keperluan

height:200px; = Untuk mengatur tinggi bidang scroll, sesuaikan dengan lebar yang kalian inginkan. Dengan mengubah nilai 200 sesuai kebutuhan

border:1px solid #eee  = di gunakan untuk menampilkan garis, sehingga menghasilkan effect kotak, ubah nilainya menjadi 0px jika kalian tak ingin menampilkan garis nya

 overflow:auto; = kode penghasil scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.

padding:10px; = digunakan untuk membuat jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan. Seperti 5px

Fungsi Scroll untuk Berbagai Keperluan

itu lah kira-kira kodestandartnya, kalian bisa juga menambahkan variasi lainya di fasilitas ini seperti : merubah backroundnya dengan gambar atau merubahnya dengan warna keinginan anda

selain bisa di isi dengan link dan teks, fungsi scroll juga bisa di isi dengan gambar, iklan atau apa saja sesuai keinginan anda

untuk meletakkannya , seperti biasa anda menambahkan elemen halaman, pilih html/javascript lalu geser sesuai letak yang kalian inginkan

menghilangkan Icon Obeng dan Tang / Quick edit Blogger

Ada seorang blogger yang bertanya kepada saya via google+, sebagai orang yang baik, di tanya ya di jawab. Hehehe

Masih binggung dengan judul trik nya ? kok obeng dan tang ?

Pernahkah tersadar jika kalian sedang mengedit blog anda, jika kalian lakukan kunjungan ke blog yang sedang anda edit maka akan ada icon tersebut . Seperti di bawah ini

Menghilangkan Icon Obeng dan Tang / Quick edit Blogger

 

Icon tersebut di namakan quick edit blogger, salah satu fasilitas pengeditan cepat ala blogger, jika kalian merasa terganggu, anda bisa kok menghilangkannya Ini dia trik Begini nih kira-kira

1. Seperti biasa anda harus sign in di akun blogger.com kalian

2. Pilih blog yang akan kalian terapkan trik ini

3. Pilih menu Template lalu Edit HTML;

4. Carilah kode yang kurang lebih seperti berikut ini ( gunakan ctrl+F untuk mempermudah pencarian):   

]]></b:skin>

5. Copy paste kode ini, letakkan persis di atasnya

 .quickedit{
display:none;
}

6.   Klik tombol Simpan template. 

7. Selesai.

Mudah kan ?

Cara memasang salju di blog model baru

Kadang dalam merubah tampilan blog kita harus menambahkan sesuatu yang baru lain sperti biasanya, semoga tutorial yang satu ini bisa membantu kalian yang ingin blog nya seperti di jatuhi banyak salju

1. Seperti biasa anda harus sign in di akun blogger.com kalian

2. Pilih blog yang akan kalian terapkan trik ini

3. Pilih menu Tata Letak » tambah elemen halaman;

4. Tambah widget pilih html lalu copy paste kode di bawah ini.

4.. Copy kode dibawah dan letakkan diatas  

<script src='http://hbhost.googlecode.com/files/snow.js' type='text/javascript'> </script>

 Cara memasang salju di blog model baru

5.  Lalu save deh 

Menghilangkan tulisan Beranda/Home

Menghilangkan tulisan Beranda/Home

anda pernah melihat tulisan seperti gambar di bawah ini ?
 

 

Jika kalian terganggu dengan tulisan ini, kalian bisa kok menghapusnya

 Begini nih kira-kira

1. Seperti biasa anda harus sign in di akun blogger.com kalian

2. Pilih blog yang akan kalian terapkan trik ini

3. Pilih menu Template lalu Edit HTML;

4. Carilah kode yang kurang lebih seperti berikut ini ( gunakan ctrl+F untuk mempermudah pencarian):  

<data:homeMsg/>

5. Hapus kode tersebut lalu simpan deh template nya 

Coba di lihat hasilnya Semoga berhasil Jika terdapat 2 kode, maka hapus lah yang letak nya paling terakhir 

Bisa kasih komentar untuk konsultasi masalah trik ini ya

Cara mudah Ganti Favicon Di Blogspot

Coba deh liat favicon address blog trikaja.  

Kalian ingin mengubahnya dengan icon yang di buat sendiri ?

Jika kalian ingin, segeralah membuat gambar ber ukuran persegi sekita

16x16 pixel, jika sudah lalu hosting di akun hosting anda, jika kalian tidak punya alternatifnya anda bisa upload icon yang tadi anda buat di picasa web album, lalu copy deh url image nya

Cara mudah Ganti Favicon Di Blogspot 

Kalau sudah siap, lakukan lah langkah-langkah ini

1. Seperti biasa anda harus sign in di akun blogger.com kalian
2. Pilih blog yang akan kalian terapkan trik ini 
3. Pilih menu Template » Edit HTML;
4. Carilah kode yang kurang lebih seperti berikut ini ( gnakan ctrl+F untuk mempermudah pencarian) :

<!--[CDATA[/*

      5. Paste kan kode di bawah ini tepat diatas nya ya,  jangan lupa ganti url dengan url favicon yang 

           anda mau

<link href='url img dari icon Anda' rel='icon' type='image/gif'/>

Gimana ? mudahkan ?

Jika favicon anda masih belum berubah, untuk tanya tanya bisa langsung via kotak omentar di bawah yaa