Tampilkan postingan dengan label Info Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Info Blogger. Tampilkan semua postingan

Kamis, 04 November 2010

Cara Mendaftarkan Blog Anda ke Yahoo

Salah satu cara untuk meningkatkan Search Engine Optimation, maka anda perlu mendaftarkan blog atau website anda ke search engine yang terkenal diantaranya google, yahoo, altavista dan msn.

Umumnya tools yang berfungsi untuk menghitung peringkat suatu website menggunakan traffic dari empat search engine tersebut, selebihnya dari gabungan search engine yang lain. Jadi suatu kewajiban untuk mendaftarkan url website kita ke search engine tsb, agar website kita dapat dikenali dan diindex oleh Search engine .

Keuntungan yang kita peroleh pada saat add url ke yahoo maka secara tidak langsung kita juga sudah mendaftar ke altavista, karena altavista mengacu kepada search engine yahoo.

Untuk mendaftar url website ke yahoo,

Cara Agar Blog Terbaca Oleh Google

Salah satu cara untuk meningkatkan Search Engine Optimization, maka anda perlu mendaftarkan blog atau website anda ke search engine yang terkenal diantaranya google, yahoo, altavista dan msn.

Umumnya tools yang berfungsi untuk menghitung peringkat suatu website menggunakan traffic dari empat search engine tersebut, selebihnya dari gabungan search engine yang lain. Jadi suatu kewajiban untuk mendaftarkan url website kita ke search engine tsb, agar website kita dapat dikenali dan diindex oleh Search engine .

Untuk mendaftar url website ke google,

Senin, 01 November 2010

Cara Membuat Refresh Otomatis

Fungsi refresh di gunakan untuk membuat “penyegaran” kembali halaman blog ataupun website. Fungsi refresh ini sama dengan fungsi refresh yang ada pada browser internet, perbedaannya yaitu fungsi ini di buat bekerja secara otomatis, yakni pengguna tidak perlu menekan tombol refresh yang ada pada tool bar.    

Caranya :
1. Masuk ke account blogger anda.
2. Pilih tata letak/layout
3. Klik menu Edit HTML dan jangan lupa untuk mencentang Expand Template Widget
4. Kemudian cari kode  <head> atau </head>
5.
biar cepat gunakan ctrl F,kalau sudah ketemu letakkan script ini tepat dibawahnya:

Membuat Efek Warna-warni pada Link

Ada dua script yang aq dapat untuk membuat efek pelangi pada blog,sangat mudah juga ternyata,sejak melihat blog seorang temen yang diberi efek pelangi pada blognya saya pengen juga memasangnya untuk blogku yang lain.silankahkan saja jk sobat pengen memasangnya juga caranya sbb:

1. Masuk ke account blogger anda.
2. Pilih tata letak/layout
3. Klik menu Edit HTML dan jangan lupa untuk mencentang Expand Template Widget
4. Kemudian cari kode  </head> 
5.
biar cepat gunakan ctrl F,kalau sudah ketemu letakkan script ini tepat dibawahnya:

Cara Mengganti Kursor Panah

Bosan dengan kursormu yang standar?
terus gimana cara gantinya?
gampang!!
Kursor itu "Tanda Panah" yang ada di layar monitor mu.
coba kamu gerakkan Mouse-mu (semoga semuanya udah tau apa itu mouse. bukan tikus lho).
Nah, setiap kamu menggerakkan mouse-mu apa yang kamu liat?
pasti tanda panahkan?
Nah, tanda panah itulah yang dinamakan "Kursor".

Cara Memasang Terjemahan dari Google pada Blog

Apakah Anda sering berjelajah atau berselancar di dunia internet, dari berbagai web dan website?kalau ya, Pernahkah anda merasa tidak nyaman karena yang dikunjungi berasal dari Negara lain atau berbahasa Inggris, mungkin jika suatu blog menggunakan bahasa Inggris masih lumayan mudah menterjemahkan blog yang berbahasa Inggris walaupun kadang memerlukan waktu lama untuk mengartikan blog berbahasa Inggris tersebut karena bahasa Inggris merupakan bahasa Internasional. Tetapi yang menjadi masalah, Bagaimana bila bahasa yang digunakan pada blog adalah bahasa Spanyol atau bahasa Cina misalnya? Tentu untuk menterjemahkan bahasa-bahasa asing tersebut sangat sulit padahal kita sangat memerlukan informasi penting yang ada di blog tersebut.

Sabtu, 30 Oktober 2010

Cara Memasang Scroll pada Label

Label/Kategori mempunyai peranan yang sangat penting dalam sebuah Blog karena akan memudahkan pengunjung Blog sobat dalam mencari sesuatu yang mereka inginkan dan sebuah Blog semakin lama akan mempunyai Label/Kategori yang banyak dan panjang sehingga akan memakan tempat yang banyak pula.
Untuk mengatasi hal tersebut sobat bisa menggunakan Fungsi Scroll sehingga bisa menghemat tempat.
Buat sobat Blogger yang ingin memasang Scroll pada Label
Caranya sebagai berikut :

Login ke Blogger
Klik RancanganEdit HTML
Klik tulisan Download Template Lengkap

Cara Menampilkan IP Address Pengunjung di Blogger

Menampilkan Informasi tentang IP pengunjung bisa jadi sangat perlu untuk membuat pengunjung mengetahui mereka sedang berada di IP berapa. Untuk menampilkan IP pengunjung anda bisa Copy Paste kode berikut :

<a href="http://www.123myip.co.uk/cometo/?en"><img src="http://www.123myip.co.uk/ip-address/?size=125x125" border="0" width="125" height="125" alt="IP" /></a>

caranya :
1. Login keblog anda
2. masuk ke menu rancangan --> elemen halaman
3. pilih menu tambah gatget --> HTML/java script
4. simpan 

Selesai, selamat mencoba semoga berhasil Catatan : Angka Berwarna Biru bisa anda ganti sesuai keinginan anda

Kamis, 28 Oktober 2010

Mengakali Blog yang Dipasangi Anti Copy Paste

Tips bagaimana mengakali Blog yang telah dipasangi ramuan Anti Copy Paste. Udah tau kan maksudnya???
Ya betul.. Ramuan script mujarab untuk menghindari Klik Kanan/Right Click pada Mouse pengunjung Blog atau beserta  dengan Anti-blocknya. Hahaha. Mungkin sebagian besar dari para Blogger sudah tau bagaimana cara membuat Ramuan script tersebut tentunya untuk para Blogger@Blogspot. Dan mungkin untuk para Blogger@WP.org bisa juga menggunakan Plugin Anti Copas supaya konten blog kita tidak bisa diblock oleh visitor.
Bagaimana cara mengakalinya??

Cara Agar Postingan Blog Tidak Bisa Dicopy


Mungkin suatu saat anda mendapatkan salah satu postingan anda dipost pada suatu blog tanpa mengurangi atau menambah satu buah kata pun.Apa yang anda pikirkan,anda yang membuat postingan namun orang lain hanya mengcopy/paste postingan anda.Namun demikian anda pun tidak bisa berbuat apa-apa karena tidak ada aturan yang yang melarang orang melakukan hal tersebut.Tinggal kitalah melakukan proteksi agar postingan kita tidak mudah dicopy/paste.Bagaimana caranya?

Rabu, 27 Oktober 2010

Cara Mengganti Icon Blogger

Postingan hari ini kita bahas mengenai cara mengganti icon blogger dengan gambar2 ataupun foto anda sendiri di address bar seperti icon diblog saya ini,sebelumnya anda harus membuat dulu image atau mengedit gambar yang sudah ada menjadi berukuran 24 x 24 pixel up to 32 x 32 pixel,kemudian silakan upload gambar tersebut di photobucket.com, kenapa harus upload kesana? karena untuk mendapatkan kode URL image kita, masih bingung ya,,ya udah ikuti langkah- langkah berikut aja ya,,


1. Pilih gambar yang akan anda masukkan dengan ukuran yang saya sebutkan diatas
2. Silakan upload gambarnya diphotobucket.com, jika belum terdaftar di photobucket.com silakan register disini

Senin, 25 Oktober 2010

Cara Memasang Scrool

 Silakan Kopas Script di bawah ini :
<div style="border: 1px solid rgb(192, 192, 192); font-family: Arial; font-size: 10pt; height: 200px; overflow: auto; text-align: left; width: 450px;">

</div>
Anda bisa Mengganti tulisan yang berwarna biru sesuai dengan keinginan anda.
Semoga sukses

Jumat, 22 Oktober 2010

Cara Pasang Video Youtube di Blog

Bagi yang ingin atau belum paham cara memasang Video YouTube ke postingan Blog.. simak langkah-langkahnya berikut ini ;

1. Loginlah dulu di Blogger.. Pilih Posting.. kLik Entri Baru

2. Browsing ke YOUTUBE

3. Ketik di Search Box Youtube Video yang kamu inginkan..

Kamis, 21 Oktober 2010

Cara Membuat Spoiler

Menyembunyikan konten tertentu dari sebuah halaman website terkadang diperlukan untuk menghemat space. Ketika visitor ingin melihatnya mereka dapat dengan mudah menampilkannya. Dalam software forum semacam vBulletin, hal ini disebut dengan Spoiler.

Berikut adalah contoh penggunaan spoiler.




Ini adalah konten yang diHIDE, klik tombol HIDE/SHOW untuk membuka atau menutup konten ini.


Bagaimana cara membuatnya? Hanya diperlukan sedikit kode javascript yang langsung diembed di kode html.



Silahkan di Copy kode di bawah ini



<div>
<input style="margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button" value="Tampilkan" /></div>
<div style="border: 1px solid #000000; margin: 10px auto; padding: 5px; background: #c9d2ed none repeat scroll 0% 0%; width: 500px;">
<div style="display: none;">
Ini adalah konten yang disembunyikan, klik tombol Sembunyikan/Tampilkan untuk membuka atau menutup konten ini.</div>
</div>



Ganti tulisan dibawah :
Ini adalah konten yang disembunyikan, klik tombol Sembunyikan/Tampilkan untuk membuka atau menutup konten ini.
dengan tulisan atau gambar yang akan anda sembunyikan
Nah .. yang ini coba saya modifikasi dikit.. spoiler 3 tingkat....

Kalo yang ini hati2 ya... isinya cewek cakep ...



 


Rabu, 20 Oktober 2010

Cara membuat banner berjalan di blog (gambar berjalan)

Mungkin ada diantara teman-teman yang ingin membuat banner berjalan di blog,atau jika punya gambar kesayangan mungkin bisa buat gambar berjalan di blog, bisa juga jika punya foto maka membuat foto berjalan di blog. Anda bisa menempatkan banner, gambar, atau foto tersebut di dalam postingan atau di disebar (gadget html/javascript). Prosedur atau cara buat banner berjalan hampir sama dengan cara buat teks berjalan (marquee)

Ada beberapa tahap yang harus anda lakukan,
1. Upload gambar dari komputer ke situs layanan image hosting gratis seperti tinypic,photobucket,dll (dalam contoh ini kita menggunakan tinpyc)
2. Buat kode banner di blog

Langkah detail untuk membuat :
1. Buka situs tinypic image hosting , login dengan email dan password tinypic anda kemudian upload gambar dari komputer ke tinypic
(Jika belum punya account anda bisa daftar dengan klik tombol Sign up)

Cara Membuat Teks Judul Blog Berjalan di Title Bar Browser

Mungkin ada diantara teman-teman yang ingin menghias blognya, dengan membuat teks judul blog berjalan saat dibuka di browser internet, seperti blog saya ini. Untuk membuat judul tersebut berjalan anda perlu menambahkan script ke template anda.
Buat teman-teman yang tertarik

1. Login ke dasboard

Pilih Tata Letak -> Edit Html
Beri tanda centang pada kotak di samping tulisan Expand Template Widget


2. Cari kode berikut :

Selasa, 19 Oktober 2010

Cara Memasang Scroll pada Arsip

Arsip Blog yang mengunakan pilihan Hierarki biasanya akan memanjang tak beraturan, sesuai dengan jumlah Artikel tentu saja ini akan sedikit mengganggu penampilan Blog sobat karena panjang SideBar menjadi tidak menentu.
Untuk itulah perlu dibuatkan Scroll agar panjangnya tetap sesuai aturan yang kita buat.
Berikut cara membuatnya :

Login ke Blogger
Klik RancanganEdit HTML
Klik tulisan Download Template Lengkap
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget

Kemudian cari kode seperti berikut :
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)

<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>


Jika sudah ketemu hapus semua kodenya dan ganti dengan kode dibawah ini :

<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content' style='overflow: auto; width: 100%px; height: 200px; padding: 10px; border: 1px solid #000000; background-color: #ffffff;'>
<div id='ArchiveList'>


Keterangan : kode yang berwarna biru bisa sobat ganti sesuai dengan Template sobat.
jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba semoga berhasil...

Senin, 18 Oktober 2010

cara buat tag cloud (membuat tag berputar / label berputar di blogspot )

Mungkin ada diantara teman yang masih pemula yang senang menghias blog dengan membuat label berputar atau menambah tag berputar ketika pointer mouse diarahkan ke tag atau label tersebut. Biasanya tag cloud ditempatkan di sidebar blog. Anda bisa menambahkan script ke template anda untuk bisa menampilkan tag (label) cloud tersebut di sidebar.

Untuk membuat tag cloud berputar
Contohnya bisa dilihat di bawah ini

Untuk buat (tambah) tag cloud ke sidebar blog anda,bisa lakukan prosedur berikut
1. Login ke dashboard
Pilih Tata Letak -> Edit Html

Tabel warna html dan kode warna html (hexadecimal code)

Berikut ini adalah tabel daftar nama warna (color name) dan nilai hexadesimal (or a hex value)



Color Name HEX Code Color (Contoh warna)
Alice Blue #F0F8FF
AntiqueWhite #FAEBD7
Aqua #00FFFF
Aquamarine #7FFFD4
Azure #F0FFFF
Beige #F5F5DC
Bisque #FFE4C4
Black #000000
BlanchedAlmond #FFEBCD
Blue #0000FF
BlueViolet #8A2BE2
Brown #A52A2A
BurlyWood #DEB887
CadetBlue #5F9EA0
Chartreuse #7FFF00
Chocolate #D2691E
Coral #FF7F50
CornflowerBlue #6495ED
Cornsilk #FFF8DC
Crimson #DC143C
Cyan #00FFFF
DarkBlue #00008B
DarkCyan #008B8B
DarkGoldenRod #B8860B
DarkGray #A9A9A9
DarkGreen #006400
DarkKhaki #BDB76B
DarkMagenta #8B008B
DarkOliveGreen #556B2F
Darkorange #FF8C00
DarkOrchid #9932CC
DarkRed #8B0000
DarkSalmon #E9967A
DarkSeaGreen #8FBC8F
DarkSlateBlue #483D8B
DarkSlateGray #2F4F4F
DarkTurquoise #00CED1
DarkViolet #9400D3
DeepPink #FF1493
DeepSkyBlue #00BFFF
DimGray #696969
DodgerBlue #1E90FF
FireBrick #B22222
FloralWhite #FFFAF0
ForestGreen #228B22
Fuchsia #FF00FF
Gainsboro #DCDCDC
GhostWhite #F8F8FF
Gold #FFD700
GoldenRod #DAA520
Gray #808080
Green #008000
GreenYellow #ADFF2F
HoneyDew #F0FFF0
HotPink #FF69B4
IndianRed #CD5C5C
Indigo #4B0082
Ivory #FFFFF0
Khaki #F0E68C
Lavender #E6E6FA
LavenderBlush #FFF0F5
LawnGreen #7CFC00
LemonChiffon #FFFACD
LightBlue #ADD8E6
LightCoral #F08080
LightCyan #E0FFFF
LightGoldenRodYellow #FAFAD2
LightGrey #D3D3D3
LightGreen #90EE90
LightPink #FFB6C1
LightSalmon #FFA07A
LightSeaGreen #20B2AA
LightSkyBlue #87CEFA
LightSlateGray #778899
LightSteelBlue #B0C4DE
LightYellow #FFFFE0
Lime #00FF00
LimeGreen #32CD32
Linen #FAF0E6
Magenta #FF00FF
Maroon #800000
MediumAquaMarine #66CDAA
MediumBlue #0000CD
MediumOrchid #BA55D3
MediumPurple #9370D8
MediumSeaGreen #3CB371
MediumSlateBlue #7B68EE
MediumSpringGreen #00FA9A
MediumTurquoise #48D1CC
MediumVioletRed #C71585
MidnightBlue #191970
MintCream #F5FFFA
MistyRose #FFE4E1
Moccasin #FFE4B5
NavajoWhite #FFDEAD
Navy #000080
OldLace #FDF5E6
Olive #808000
OliveDrab #6B8E23
Orange #FFA500
OrangeRed #FF4500
Orchid #DA70D6
PaleGoldenRod #EEE8AA
PaleGreen #98FB98
PaleTurquoise #AFEEEE
PaleVioletRed #D87093
PapayaWhip #FFEFD5
PeachPuff #FFDAB9
Peru #CD853F
Pink #FFC0CB
Plum #DDA0DD
PowderBlue #B0E0E6
Purple #800080
Red #FF0000
RosyBrown #BC8F8F
RoyalBlue #4169E1
SaddleBrown #8B4513
Salmon #FA8072
SandyBrown #F4A460
SeaGreen #2E8B57
SeaShell #FFF5EE
Sienna #A0522D
Silver #C0C0C0
SkyBlue #87CEEB
SlateBlue #6A5ACD
SlateGray #708090
Snow #FFFAFA
SpringGreen #00FF7F
SteelBlue #4682B4
Tan #D2B48C
Teal #008080
Thistle #D8BFD8
Tomato #FF6347
Turquoise #40E0D0
Violet #EE82EE
Wheat #F5DEB3
White #FFFFFF
WhiteSmoke #F5F5F5
Yellow #FFFF00
YellowGreen #9ACD32


Sumber: Tabel warna html