Cara Membuat Spoiler

16 Nov 2010 | | No Comments »

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?
Read More

Cara Membuat Teks Berjalan di Blog (marquee)

| | No Comments »

Teks berjalan yang biasa juga disebut marquee, merupakan sebuah efek gerak pada teks. Biasanya teks berjalan ini digunakan oleh pemilik blog untuk menampilkan sebuah pesan , link atau banner untuk menarik perhatian pengunjung.


Secara umum cara buat teks berjalan bisa menggunakan kode dasar seperti di bawah ini

1. Buat teks berjalan dari kanan ke kiri (default)



Kode


<marquee> Membuat teks berjalan </marquee>

Hasil :
Membuat teks berjalan

2. Membuat teks berjalan dari kiri ke kanan (direction)
Read More

Cara Membuat Teks Judul Blog Berjalan di Title Bar Browser

| | No Comments »

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 :
Read More

Cara Membuat Banner Berjalan di Blog (gambar berjalan)

| | No Comments »

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 :
Read More

Cara Membuat Tag Cloud (Tag Berputar / Label Berputar di Blogspot )

| | No Comments »

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
Read More

Tabel Warna Html dan Kode Warna Html (hexadecimal code)

| | No Comments »

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
Read More

Cara Membuat Scroll pada Label, Arsip Blog Atau Widgets Lainnya

| | No Comments »

scroll itu adalah sesuatu yang bisa ditarik ke atas dan ke bawah, seperti pada Pada arsip  di blog ini  widgets yang berupa bawaan dari blogger atau blogspot. Atau bisa juga widget2 lainnya yang memang pengin diberikan scroll.



Temen-teman pasti sudah pada tahu apa itu Scroll dan langsung saja ke cara membuatnya:


1. Sign in di www.blogger.com

2. Ke Design atau Tata letak terus klik Edit Html

3. Cari Kode:
Read More

Cara Memasang Scrool di Postingan

| | No Comments »

 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
Read More

Cara Mengganti Icon Blogger

| | No Comments »

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
Read More

Mengakali Blog yang Dipasangi Anti Copy Paste

| | No Comments »

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??? Mudah saja. Sebelumnya perlu saya jelaskan bahwa script Anti Copas yang biasanya dipasangi oleh Blogger untuk melindungi konten blognya dari para pelaku Copas adalah Ramuan mujarab biasanya berbau JS/ Javascript.
Read More

Cara Agar Postingan Blog Tidak Bisa Dicopy

| | No Comments »

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?

Pada tutorial blog kali ini, saya ingin menyampaikan cara agar orang lain tidak mudah mengcopy/paste postingan kita yaitu dengan cara mendisable fungsi klik kanan mouse sehingga tidak akan bisa copy/paste tersebut dilakukan.Namun demikian cara ini mungkin tidak dianjurkan, kenapa?
Read More

Cara Menampilkan IP Address Pengunjung di Blogger

| | No Comments »

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
Read More

Cara Mengganti Kursor Panah

| , | No Comments »

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".


Langsung aja
Read More

Cara Memasang Terjemahan dari Google pada Blog

| , | No Comments »

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.

Caranya sangat mudah untuk memasang widget terjemahan pada blog.
Berikut caranya adalah:
1. Buka halaman Google Translate
Read More

Cara Membuat Efek Warna-warni ( pelangi) pada Link

| , | No Comments »

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> 
Read More

Cara Mendaftarkan Blog Anda ke Google

| , | No Comments »

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,
Read More

Cara Mendaftarkan Blog Anda ke Yahoo

| , | No Comments »

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,
Read More

© Teritorial Ngeblog Copyright 2010 www.teritorial3.blogspot.com