DUNIA KOMPUTER

CARA MENGHILANGKAN GARIS BAWAH PADA LINK

noreply@blogger.com (Sonin) — Sun, 16 Sep 2018 11:09:00 +0000

CARA MENGHILANGKAN GARIS BAWAH PADA LINK TERTENTU.

Pagi kita yang gemar menjelajahi dunia maya, terkadang kita melihat penampilan blog indah-indah, bagus-bagus dan tertata rapi shingga membuat pengunjung betah di blog tersebut. Namun saat kita melihat blog kita sendiri malah tampak perbedaan, terutama pada tulisan judul postingan dan link baik pada label ataupun link postingan internal atau dari eksternal misalnya karena adanya garis bawah pada tulisan tersebut.

Karena itu saya akan sedikit berbagi untuk memberikan solusi dari permalasalahan-permasalahan tersebut. Bersadarkan dari eksperimen-eksperimen saya sendiri, alahamdulillah saya menemukan beberapan cara untuk menghilangkan garis bawah tersebut, yakni:.

Cara Pertama,

Login ke Blogger
Setelah masuk dasbor saudara pilih menu > RANCANGAN dan kemudian kilk > EDIT HTML.
Untuk mengantisipasi, lebih baik Backup/pulihkan terlebih dahulu thema anda untuk disimpan agar lebih aman, jika terjadi tidak sesuai dengan yang diharapkan.
Jika sudah masuk ke kode html, maka dengan menggunakan CTRL+F dan cari kode “text-decoration”, jika tampak kode “ text-decoration: underline ”, maka ganti teks-teks tersebut dengan “text-decoration:none” >>>> Lihat perbedaan gambar berikut sebelum dan sesudah diganti.
Sebelum

Setelah
Lalu Simpan,

Lihat perubahannya, yang mana sebelumnya apabila kursos di letakkan di link maka akan ada garis bawahnya dan setelah melakukan langkah-langkah di atas, hasilnya garis dibawah link tersebut akan hilang. Namun perlu di ingat jika saudara belum puas terhadap hasilnya atau yang dimaksud berbeda, yakni menghilangkan garisnya bukan saat meletakkan kursor saja namun saat diletakkan atau tidak diletakkan kursor tetap tidak tampak, maka ada cara berikutnya.

CARA KEDUA (CARA MANUAL)

1. Ulangi/ Sama seperti langkah 1, 2 dan 3 di atas.

2. Setelah masuk di halaman kode html, untuk mempermudah gunakan CTRL+F untuk mencari teks yang bergaris bawah/ Teks yang dimaksud, misalkan teksnya “Belajar Internet”, maka akan tampak kode html seperti ini:

<a href="http://soninkomputer.blogspot.comot.com/">Belajar Internet</a>

Maka langkah berikutnya adalah menyisipkan kode css style="text-decoration:none" sehingga menjadi

<a href="http://soninkomputer.blogspot.comot.com/" style="text-decoration: none;"> Belajar Internet </a>

CARA KETIGA (CARA OTOMATIS)

Cara Otomatis maksudnya adalah cara menghilangkan semua garis bawah yang memakai Link. Cakni cara mengubah semua link yang ada dalam blog kita secara default, sehingga secara otomatis semua link yang ada di blog anda semuanya underline (Tidak bergaris bawah).

Adapun caranya:

1. Sama seperti langkah 1, 2 dan 3 di atas pada Cara Pertama sebelumya.

2. Cari kode berikut: ]]></b:skin> (Gunakan CTRL+F)

3. Jika sudah ketemu maka letakkan kode dibawah ini persis di ats kode ]]></b:skin> .

a:link {text-decoration: none}

a:visited {text-decoration: none}

a:active {text-decoration: none}

Sehingga tampak seperti gambar berikut:

5. Simpan Template jika sudah selesai

CARA MENGATUR BACKGROUND BLOG

noreply@blogger.com (Sonin) — Sat, 15 Sep 2018 06:59:00 +0000

CARA MENGATUR BACKGROUND BLOGSPOT

1. Mengganti Background Blog dengan Gambar LainSendiri

Jika agan merasa jenuh dengan warna/ tampilan Background Blog agan yang lama, maka warna background tersebut bisa diganti, bahkan bisa diganti dengan gambar yang kita inginkan sendiri. Namun sebelumnya harus agan perhatikan bahwa:

Agan/ saudara memiliki file gambar kecil yang ukuran maksimalnya kurang dari 500kb.
Upayakan memiliki ukuran Lebar dan Tingginya antara 920 x 578 sampai 1024 x 768 pixel. Atau samakan saja dengan ukuran background blog yang agan pakai sebelumnya.
Gunakan format file gambarnya Jpg, png atau bitmap, tapi akar lebih ringan lebih baik menggunakan Jpg.

Jika syarat-syarat di atas sudah terpenuhi, maka langkah-langkahnya hampir sama dengan materi mengganti background dengan gambar pada materi sebelumnya, namun langkah-langkah berikut memperjelas dan memperkaya ilmu dan pengalaman kita. Baiklah langsung saja langkah-langkahnya adalah sebagai beikut:

Seperti biasanya masuk/ Login ke blog anda.
Jika gambar yang disipkan belum terpublis di internet/ belum ada alamat urlnya baik di blog, youtube, google photo dll. Maka langkah berikutnya adalah menyimpan gambar yang sudah di siapkan sebelumnya misalnya ke postingan atau Laman/ Laman Gallery Photo blog anda. Jika sudah maka siapkan alamat url misalnya http://urlgambaranda ,
Berikutnya masukkan ke Dasbor> Rancangan> klik edit html.
Dengan menggunkan Ctrl+F, lalu cari kode html ( body{background ) atau bisa juga mengetahui kode html background dengan membuka layar blog/ website anda lalu klik kanan pada layar/ background blog anda dengan mengklik Inspect (Ctrl+Shift+I)maka akan tampak kode html warna/ url background, lalu blok dan copy kode warna/ url tersebut. Kemudian buka halaman kode html blog anda dan pada keybord tekan Ctrl+F lalu Paste/ letakkan kode html warna/url background sebelumnya untuk mencari dan mengganti warna background blog anda.
Jika sudah ketemu maka ganti warna/ url background lama dengan url gambar yang sudah disiapkan sebelumnya.
Teliti kembali kode html/url background lama yang diganti dan kode atau url yang mengganti jangan sampai terlewat/ tertinggal sedikitpun, agar tidak terjadi kesalahan.
Jika sudah yakin maka Klik Simpan hingga proses penyimpanan benar-benar selesai/menyimpan.

Demikian selamat mencoba, dan semoga sukses.

2. Agar Background Blog tidak bergerak saat di srcoll ke bawah.

Barang kali agan pernah melihat/ berkunjung ke blog yang Backgroundnya tidak bergerak saat di scroll, dan agan tertarik dengan hal tersebut, agar background yang agan buat/ diganti sebelumnya tetap senantiasa indah untuk di nikmati sambil minum kopi sambil buka-buka website/ blog. Adapun caranya/ langkah-langkah tidak sulit Cuma butuh kesungguhan dan ketelitian dalam mengerjakan langkah-langkah atau tahapan-tahapannya, baiklah untuk langkah-langkahnya adalah sebagai berikut:

Arahkan ke Dasbor > Rancangan , lalu klik > Edit Html.

Carilah kode seperti dibawah atau cari kode Background Blog anda, baik yang masih asli/ yang sudah dimodif.

Kodenya seperti

body {
text-align: center;
background: #ffffff atau url gambar (http://url gambar blog anda);
Comic Sans MS,cambria,trebuchet ms,verdana,sans-serif;

Jika sudah ketemu tambahkan kode background-attachment: fixed; Setelah kode background: #ffffff atau url gambar, sehingga menjadi seperti berikut ini.

maka jadinya seperti ini :

body {
text-align: center;
background: #ffffff atau url gambar (http://url gambar blog anda); background-attachment: fixed; Comic Sans MS,cambria,trebuchet ms,verdana,sans-serif;

kode warna merah di ataslah yang dipakai agar backgorund pada blog tidak ikut bergerak saat di scroll ke bawah. Demikian materinya Semoga berhasil dan sukses selalu.

Namun jika materi tersebut kurang jelas maka pada materi sebelumnya pernah diberikan secara Ringkas dan Jelas karena Lebih Praktis Mengenai Materi Agar Background Tidak Bergerak Saat di Scroll (Background Fixed).

CARA AGAR BACKGROUND TIDAK BERGERAK SAAT DI SCROLL

noreply@blogger.com (Sonin) — Sat, 11 Aug 2018 11:25:00 +0000

AGAR BACKGROUND TIDAK BERGERAK SAAT DI SCROLL (Background Fixed)

Sebagai penjelajah dunia maya barang kali kita sering melihat web/ blog yang backgroundnya tidak bergerak saat di scroll ke atas, seperti tampak pada blog Mimbar Dakwah. Ini mierupakan hasil otak atik sendiri sehingga menemukan intisari dari langkah-langkah agar background tidak bergerak saat di scroll. Adapun langkah-langkahnya adalah sebagai berikut:

Login ke blogger >> Template >> Edit HTML Seperti sebelumnya, Pada materi Mengganti background dengan gambar sendiri.
Cari kode HTML >> body {background >>, agar mudah/ cepat gunakan (CTRL + F ) untuk mencari. Sehingga tampil kode html seperti berikut: >>> body {background:$bgcolor url(“https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb_PIQ1EUBMNPje4yl7vm5y1BX3gwqbT2rpdexN7dc_jZIk6fdpaof-UFY31L3UbMpR56X6Ro_a3lTTIFaJL-0gkztWlVRrQDkv7e0wEmx9YIdl1gkdW3X4lVnTaCj7fOaKHSZ-aBh7-Y/s1600/Background+Bentuk+Kramik.jpg") top center no-repeat ; ATAU kode html >> body {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb_PIQ1EUBMNPje4yl7vm5y1BX3gwqbT2rpdexN7dc_jZIk6fdpaof-UFY31L3UbMpR56X6Ro_a3lTTIFaJL-0gkztWlVRrQDkv7e0wEmx9YIdl1gkdW3X4lVnTaCj7fOaKHSZ-aBh7-Y/s1600/Background+Bentuk+Kramik.jpg") top center no-repeat ;
Maka langkah berikutnya ganti kode di atas dengan kode berikut ini. >>> body{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb_PIQ1EUBMNPje4yl7vm5y1BX3gwqbT2rpdexN7dc_jZIk6fdpaof-UFY31L3UbMpR56X6Ro_a3lTTIFaJL-0gkztWlVRrQDkv7e0wEmx9YIdl1gkdW3X4lVnTaCj7fOaKHSZ-aBh7-Y/s1600/Background+Bentuk+Kramik.jpg") top center no-repeat fixed;
Save dan lihat hasilnya, SEMOGA SUKSES.

Semoga berhasil dan selamat mengerjakan...

MENGGANTI BACKGROUND BLOG DENGAN GAMBAR

noreply@blogger.com (Sonin) — Sat, 11 Aug 2018 11:00:00 +0000

CARA MENGGANTI BACKGROUND BLOG DENGAN GAMBAR

Cari kode HTML >> body {background: , dengan menggunakan CTRL + F, sehingga akan tampak serti gambar yang dilingkari warna merah pada gambar dibawah ini .

Atau lebih jelasnya muncul kode HTML seperti ini >> body {background:

Setelah kode HTML tersebut ketemu maka masukkan kode gamar/ alamat url gambar anda setelah kode >> body {background: >> sehingga seperti kode berikut: body {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb_PIQ1EUBMNPje4yl7vm5y1BX3gwqbT2rpdexN7dc_jZIk6fdpaof-UFY31L3UbMpR56X6Ro_a3lTTIFaJL-0gkztWlVRrQDkv7e0wEmx9YIdl1gkdW3X4lVnTaCj7fOaKHSZ-aBh7-Y/s1600/Background+Bentuk+Kramik.jpg") ATAU untuk jelasnya bisa juga dilihat pada gambar berikut.

Namun jika sebelumnya sudah ada kode warna seperti (#ffffff #0000 dan sejenisnya) setelah kode body {background: , misalnya >> body {background: #0000 << maka kode gambar anda letakkan setelah kode tersebut.

4. Save dan lihat hasilnya

Jika ada yang belum dipahami, silahkan ketikkan di komentar.

Catatan:
>>> Untuk ukuran Background lebih kecil ex. 67x83px atau 95x150px juga bisa dipakai, namun tidak bisa memenuhi layar, karena itu jika kita memakai ukuran kecil agar backgroundnya bisa full maka kode setelah kode url gambar background perlu ditambah dengan kode berikut ini:
repeat fixed; font-family: Cambria,verdana,helvetica,tahoma,Sans-serif;font-size: 100%;width: 100%;}

CARA MENGATUR COPY RIGHT AGAR OTOMATIS

noreply@blogger.com (Sonin) — Sat, 11 Aug 2018 08:49:00 +0000

LANGKAH-LANGKAH

CARA MENGATUR TAHUN COPY RIGTH OTOMATIS DI BLOGSPOT

1. Seperti biasa anda login dulu ke blogspot anda

2. Masuk ke Theme > Edit HTML > Cari kode <Footer , (lebih bagus sebelumnya Simpan thema anda terlebih dahulu untuk antisipasi).

3. Kalau anda sudah ketemu dengan kode <Footer , maka pada tahap ini anda akan melihat kode lengkapnya seperti di bawah ini:

4. Ganti kode yang tampak seperti di atas dengan kode di bawah ini:

Namun perlu diingat, jika template blogger saudara sudah terpasang Schema Markup, maka ganti dengan kode ini:

Copyright © <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl' itemprop='creator' itemscope='itemscope' itemtype='http://schema.org/Person'><span itemprop='name'><data:blog.title/></span></a>
<div>All right reserved. </div>

Demikian semoga tutorial cara mengubah/mengganti tahun Copyright di template blogger bisa berubah secara otomatis ini bermanfaat. Selamat Mengerjakan.

MENGHAPUS TULISAN DIPERDAYAKAN OLEH BLOGGER

noreply@blogger.com (Sonin) — Fri, 10 Aug 2018 13:08:00 +0000

CARA MENGHILANGKAN TULISAN DIPERDAYAKAN OLEH BLOGGER

Bagi kita yang suka mengganti Thema Blog tentu merasa terganggu oleh tulisan diperdaya oleh Blogger, kenapa demikian tentunya jawabannya sesuai dengan alasan anda kenapa anda membuka halaman ini.

Oke.... Apapun alasannya. Cara untuk menghilangkan Tulisan Diperdaya oleh Blogger. Langkah-langkahnya adalah sebagai berikut:

Pastikan dulu apakah memang tulisan diperdayakan oleh Blogger memang ada pada Blog anda seperti Tampak Pada Gambar dibawah ini. Dan juga widget atribut tempat teks tersebut terkunci, artinya tata letak Dasbor blogger pada tombol edit tidak ada tombol hapusnya.
Jika kondisi blog anda sesuai dengan ketentuan di atas memang, maka langkah kedua, adalah masuk ke Dasbor blog anda dan klik pada mode Edit HTML.
Langkah berikut cari tulisan/ kode Attribution1 , untuk lebih mudah mencarinya gunakan CTRL+F
Ganti tulisan True dengan False, sehingga berubah seperti gambar berikut ----->
Selanjutnya Simpan, dengan menekan tombol digambar sampai proses penyimpanannya benar-benar berhasil.
Selanjutnya berdo'a semoga berhasil, hehehe

CARA CEK MOBILE FRIENDLY

noreply@blogger.com (Sonin) — Tue, 20 Sep 2016 16:36:00 +0000

CARA CEK DAN LANGKAHAGAR BLOG MOBILE FRIENDLY

Sebenarnya sudah banyak cara mengetahui blog atau website kita sudah Mobile Friendly atau belum, salah satunya cara yang cukup efektif untuk mengetahui template blog/ web sudah support mobile atau disebut mobile friendly atau belum, adalah dengan menggunakan tool gratis berikut sebagai Cara mengecek blog mobile friendly

Adapun LANGKAH CEK MOBILE FRIENDLY SEBAGAI BERIKUT:

Silahkah anda mengklik link/ tool di atas maka akan tampak seperti gambar dibawah ini, setelah itu silahkan anda ketik URL yang ingin anda cek pada kolom yang terlihat pada gambar yang dilingkari dibawah, selanjutnya Enter atau KLIK ANALIZE
Jika blog atau web anda sudah mobile friendly maka akan tampak seperti gambar di bawah ini, pada kolom no 1 contoh URL yang dimasukkan tadi, pada kolom 2 respont dari google bahwa sudah mobile Friendly yang bertuliskan Awesome! This page is mobile-friendly. Namun jika belum support mobile maka akan tampil tulisan Not mobile-friendly. Adapun bentuk/ Gambar Layar blog/ website (situs) anda jika dibuka dengan Adroid, Hp dan jenis mobile lainnya, maka akan tampak seperti kolom yang di lingkari pada nomor 3.
Demikian Tutorial singkat cara mengetahui situs mobile friendly atau belum,,,
Berikutnya CARA MUDAH MEMBUAT BLOG ATAU WEBSITE MOBILE FRIENDLY
Cara mudah membuat blog mobile friendly, sepengetahuan penulis ada dua cara mudah pertama jadikan atau robah menjadi template blog yang responsive bisa dengan cara membuat template sendiri bagi yang mengerti bahasa program (Programer) atau bisa juga dengan cara DownloadTemplate Responsive Gratis dan Ganti template blog anda dengan Template blog yang responsive, seperti blog DuniaKomputer. Jika Template Blog Anda tidak Responsive maka langkah-langkah berikut adalah langkah yang tepat untuk menjadikan blog menjadi mobile friendly.

1. Mengaktifkan Laman Versi Seluler Pada Setting Blogspot dengan cara:
- Masuk pada blog anda sebagaimana biasanya
- Pilih blog yang akan di atur,
- Klik Template pada bilah menu sebelah kiri (sebagaimana gambar No. 1 dibawah, selanjutnya klik rada gerigi (lihat No. 3) sebagaimana tampak pada gambar dibawah ini.
2. Maka Pilih “Ya” (Ya. Tampilkan template seluler di perangkat seluler), dan "Default" (jika Template Blog Sudah Responsive pilih "Khusus" saja, selanjutnya Simpan. Seperti gambar dibawah ini.

Catatan:
Jika Banyak Perubahan pada Blog anda baik dari Template atau postingan pada blog anda maka dianjurkan untuk segera Update data pada mesin pencarian Google, Baca Cara Agar Blog Mudah Terindek Pada google.com

AGAR MUDAH TERINDEKS DI MESIN PENCARIAN GOOGLE.COM

noreply@blogger.com (Sonin) — Sat, 03 Sep 2016 17:38:00 +0000

CARA MUDAH TERBACA DI GOOGLE PENCARIAN

CARA PERTAMA

Syarat memiliki Email di Google, Jika belum memiliki silahkan Buat Akun Google
Submit Postingan KeMesin Pencarian Google ------- Silahkan Masukkan Alamat URL Website Anda, selanjutnya jika ada intruksi untuk memasukkan kode (huruf/ angka yang tampak kurang jelas alias "Kode Captha" yang kegunaannya google ingin mengetahui bahwa yang mensubmit robot atau manusia, hehehe berikutnya klik tombol "Submit Reguest", dan tunggu sebentar maka akan tampil tulisan sukses pada halaman atas.

CARA KEDUA

Syaratnya; Selain Memiliki Email google, jika sudah ada. Jika belum maka harus memiliki dulu, adapun cara memiliki akun google. Berikutnya Syarat kedua harus Memiliki Akun Webmaster Tool, bacacara memiliki akun webmaster tool.
Setelah memiliki akun maka masuk ke akun webmaster tool, atau Klik selanjutnya pilih url web/ blog anda dengan cara mengklik 2x
Beikutnya pada bilah menu sebelah kiri, pilih menu “crawl” dan pilih submenu “Fetch As Google”, maka akan tampil seperti gambar dibawah ini, Selanjutnya masukkan alamat sub URL/ Tanpa Hume URL seperti gambar No. Di bawah.

Berikutnya pilih Desktop sebagaimana terlihat pada gambar no. 2 di atas,
Tekan tombol “Fetch”, untuk Sub URL atau postingan yang sudah terindek namun ada perubahan/ editan. atau pilih “Fetsh And Render” untuk Sub URL yang baru di posting/ baru pertama kali didaftarkan., Terakhir maka hasilya akan tampak seperti gambar di bawah ini.

SELAMAT MENCOBA DAN SEMOGA SUKSES

CARA MENGGANTI WARNA KODE HTML PADA BLOG

noreply@blogger.com (Sonin) — Sat, 20 Aug 2016 04:51:00 +0000

CARA MENGEDIT WARNA KODE HTML PADA BLOG

Bagi Pengelola Blog tentu melihat tampilan pada blognya terkadang megalami kejenuhan, kurang menarik, kurang cantik, kurang enak dipandang mata, ingin mengganti warnanya tapi kurang tau kode-kode html, sandi-sandi html, rumus-rumus html, tempat-tempat warna html, tips dan trik kode html, sehingga berkali-kali inngin tau cara mengganti warna kode html, cara merubah warna kode html, cara mengetahui kode warna html. Anda jangan bingung disini solusinya, untuk mencari kode html, anda pernah menambah Gatget?, atau edit template blog, atau edit Gatget?. Jika Pernah maka itu mudah untuk mengganti warna kode html apalagi sudah cukup banyak pengalaman sehingga sudah kenal tempat, tempat di mana letak warna Header, sidebar,menuates,crosscol,pages,main,footer dan lain sebagainya.

Maka langkah awalnya sama sebagaimana cara kita membuka blogger, mengelola tata letak/ setelan, selanjutnya arahkan kemana dan apa yang ingin edit, berikutnya cari warna htm apa yang ingin anda ganti, kemudian pilih salah satu kode warna html di bawah ini, jika sudah silahkan anda copy paste kode yang anda pilih dan letakkan/ gantikan dengan kode warna html yang ingin anda ganti.

BERIKUT KODE WARNA HTML UNTUK BLOG

#FOF8F
Aliceblue

#FAEBD7
Antiquewhite

#00FFFF
Aqua

#7FFFD4
Aquamarine

#F0FFFF
Azure

#F5F5DC
Beige

#FFE4C4
Bisque

#000000
Black

#FFEBCD
Blanchedalmond

#0000FF
Blue

#8A2BE2
Blueviolet

#A52A2A
Brown

#DEB887
Burlywood

#5F9EAD
Cadetblue

#7FFF00
Chartreuse

#D2691E
Chocolate

#FF7F50
Coral

#64950
Cornflowerblue

#FFF8DC
Cornsilk

#DC143C
Crimson

#00FFFF
Cyan

#00008B
Darkblue

#008B8B
Darkcyan

#B8860B
Darkgoldenrod

#A9A9A9
Darkgray

#006400

Darkgreen

#8B008B
Darkmagenta

#BDB76B
Darkkhaki

#556B2F
Darkolivegreen

#FF8C00
Darkorange

#9932CC
Darkorchid

#8B0000
Darkred

#E9967A
Darksalmon

#8FBC8B
Darkseagreen

#483D8B
Darkslateblue

#2F4F4F
Darkslategray

#00CED1
Darkturquoise

#9400D3
Darkviolet

#FF1493
Deeppink

#00BFFF
Deepskyblue

#696969
Dimgray

#1E90FF
Dodgerblue

#B22222
Firebrick

#FFFAF0
Floralwhite

#228B22
Forestgreen

#9ACD32
Yellowgreen

FF00FF
Fuchsia

#DCDCDC
Gainsboro

#F8F8FF
Ghostwhite

#FFD700
Gold

#DAA520
Goldenrod

#808080
Gray

#008000
Green

#ADFF2F
Greenyellow

#F0FFF0
Honeydew

#FF69B4
Hotpink

#CD5C5C
Indianred

#4B0082
Indigo

#FFFFF0
Ivory

#F0E68C
Khaki

#E6E6FA
Lavender

#FFF0F5
Lavenderblush

#7CFC00
Lawngreen

#FFFACD
Lemonchiffon

#ADE8E6
Lightblue

#F08080
Lightcoral

#E0FFFF
Lightcyan

#FAFAD2
Lightgoldenrodyellow

#90EE90
Lightgreen

#D3D3D3
Lightgray

#FFB6C1
Lightpink

#FFA072
Lightsalmon

#20B2AA
Lightseagreen

#87CEFA
Lightskyblue

#778899
Lightslategray

#B0C4DE
Lightsteelblue

#FFFFE0
Lightyellow

#00FF00
Lime

#32CD32
Limegreen

#FAF0E6
Linen

#FF00FF
Magenta

#800000
Maroon

#66CDAA
Mediumaquamarine

#0000CD
Mediumblue

#BA55D3
Mediumorchid

#9370DB
Mediumpurple

#3CB371
Mediumseagreen

#7B68EE
Mediumslateblue

#00FA9A
Mediumspringgreen

#48D1CC
Mediumturquoise

#C71585
Mediumvioletred

#191970
Midnightblue

#F5FFFA
Mintcream

#FFE4E1
Mistyrose

#FFE4E1
Moccasin

#FFDEAD
Navajowhite

#000080
Navy

#FDF5E6
Oldlace

#808000
Olive

#6B8E23
Olivedrab

#FFA500
Orange

#FF100%0
Orangered

#DA70D6
Orchid

#EEE8AA
Palegoldenrod

#98FB98
Palgreen

#AFEEEE
Paleturquoise

#DB7093
Palevioletred

#FFEFD5
Papayawhip

#FFDAB9
Peachpuff

#CD853F
Peru

#FFC0CB
Pink

#DDA0DD
Plum

#B0E0E6
Powderblue

#800080
Purple

#FF0000
Red

#BC8F8F
Rosybrown

#4169E1
Royalblue

#8B4513
Saddlebrown

#FA8072
Salmon

#F4A460
Sandybrown

#2E8B57
Seagreen

#FFF5EE
Seashell

#A0522D
Sienna

#C0C0C0
Silver

#87CEEB
Skyblue

#708090
Slategray

#FFFAFA
Snow

#00FF7F
Springgreen

#4682B4
Steelblue

#D2B48C
Tan

#008080
Teal

#D8BFD8
Thistle

#FF6347
Tomato

#40E0D0
Turquoise

#EE82EE
Violet

#F5DEB3
Wheat

#FFFFFF
White

#F5F5F5
Whitesmoke

#FFFF00
Yellow

Setelah anda copy paste, jangan lupa untuk di simpan.

Selain kode di atas bisa juga mencari warna yang lebih pariatif sesuai dengan selera anda dan kodenya muncul secara otomatis pada bagian bawah link cara memasang kode html warna pada blog.

Pada Blog ini bisa di lihat contoh menu pages blog saya yang sudah saya ganti yang sebelumnya warna dasarnya hitam menjadi biru dongker. klik blog Selamat bekerja dan sukses

CARA MENGELOLA BLOG

noreply@blogger.com (Sonin) — Wed, 17 Aug 2016 12:38:00 +0000

CARA MEMBUAT DAN MENGELOLA BLOG GRATIS

Membuat dan Mengelola Blog Gratis Menjadi Lebih Profesional, agar banyak pengunjung tentunya mudah-mudah sulit, sulit jika tidak serius mengelola blognya. Maksud tutorial ini adalah Membuat Website dari blog gratis yakni dari blogspot.com, yang mana blogspot.com dikenal sebagai website yang dengan jumlah halaman-halaman dan aksesories terbatas karena untuk memperindah dan friendly masih banyak membutuhkan pihak ke tiga. Yakni tidak sekaya fasilitas website jika dibuat dengan menggunakan bahasa pemprograman sendiri. Namun demikian untuk dasar atau pemula website dari blogspot cukup bagus, untuk dijadikan website pribadi dan hitung-hitung juga lebih erit dalam pengeluaran keuangan, hehehe, apalagi jika websitenya belum cukup menghasilkan income. Pembuatan website dari blog gratis, pertama kita harus memiliki akun blog, seperti akun dasar blog yang bisa dipejari pada artikel CARA MEMBUAT BLOG Setelah tahapan-tahapan blog tersebut diperhatikan dan dilaksanakan secara seksama, dan dibuat dengan waktu yang sesingkat-singkatnya, hehehe, insyaAllah dalam waktu singkat anda sudah memilki akun blog, lebih kurangnya kayak blog gerbangiklan.blogspot.com. Jika suatu waktu anda merasa jenuh dengan tampilan template standar dari blogspot, maka blog anda bisa merubah template blog yang telah anda buat mencari template blog yang cukup representatif menurut saudara. Silahkan anda Download Template Blog yang cukup bagus dan keren menurut saudara. Sehingga saudara sudah memilki blog gratis dengan tampilan yang cukup representatif.

Selanjutnya jika saudara memiliki sedikit ilmu pemprograman maka saudara bisa mengedit template menjadi SEO Friendly dan lebih menarik para pengunjungm yang tentunya tidak cepat berlari dari halaman web kita. Adapun contoh blog/ web yang sudah menggunakan template yang SEO Friendly dan lebih cantik, berikut ini:

Dan banyak contoh-contoh web atau blog yang lain yang bisa dicontoh yang jelasnya untuk mempercantik blog anda bisa menerapkan Ilmu yang ada pada artikel KUMPULANARTIKEL TENTANG BLOG. Dan jangan lupa jika sudah memiliki web/ blog untuk memposting/ mengisinya dengan tulisan-tulisan yang sesuai dengan blognya agar lebih Friendli lagi. Adapun CARAMENULIS DAN MEMPUBLIKASIKAN BLOG KLIK DISINI.

Langkah Terakhir agar blog anda kelihatan lebih profesional tentunya membutuhkan alamat yang lebih mandiri, yakni dengan cara mengganti domainnya menjadi.com atau .id dsb (Custom Domain). Adapun salah satu tempat dan TUTORIAL/ CARA MERUBAH DOMAIN BLOG MENJADI CUSTOM DOMAIN KLIK DISINI.

Ikuti Langkah-langkah merubah domain blogspot menjadi Custom Domain di atas dengan tepat dan teliti, maka nanti blog anda sudah dialihkan ke alamat Domain yang anda tentukan tadi. Karena anda menggunakan blog gratis, maka jelas anda tidak memerlukan hosting. Anda hanya memerlukan nama domain saja. Selamat Bekerja dan Salam Sukses.

CARA MENGATASI SIDEBAR PINDAH KE KOLOM POSTINGAN

noreply@blogger.com (Sonin) — Fri, 07 Jun 2013 15:05:00 +0000

CARA MENGATASI SIDEBAR PINDAH

Artikel ini sengaja saya posting, disebabkan blog penulis pernah mengalami hal seperti ini, dari beberapa sonior bloger mengatakan bahwa penyebabnya bisa dikarenakan beberapa hal, yaitu:

Blog tersebut memiliki sidebar banner atau gambar yang melebihi ukuran sidebar semestinya jadinya sidebarnya tidak bisa menyesuiakan sehingga mlorot kebawah.
Karena beberapa karakter dipostingan tidak dapat menyesuaikan dengan jatah lebar posting yang telah ditentukan jadinya mlorot. Adapun ciri-ciri tidak dapat menyesuaikan seperti kepanjangan tanda garis bawah __ ,tanda minus –,dan sama dengan===,
Jika kedua cara tersebut belum berhasil atau tidak ada pada tulisan periksa URL link terkadang terlalu lebar atau panjang sehingga tidak dapat menyesuaikan dan ada juga yang dapat menyebabkannya plug in dan banner pada posting usahakan tidak melebihi lebar halaman posting.
Dan jika ketiga cara di atas belum berhasil, masih ada cara keempat, dan cara ini merupakan cara yang kalau bisa dihindari dulu, jika masih ada cara lain atau penyebabnya masih bisa terdeteksi dengan cara mengingat-ingat kapan mulainya terjadi perubahan bentuk tampilan blog anda, jika tidak ingat kapan aktifitas terakhir anda dalam mengelola blog. Maka lakukan langkah ke empat yaitu diganti templatenya, usahakan template yang memiliki sidebar kiri dan kanan sehingga nanti akan terlihat dari postingan mana yang melebihi halaman, jika sudah ketemu bagian postingan anda yang link, banner atau gambar yang melebihi lebarnya halaman. maka anda bisa mengeditnya atau simpan postingan tersebut, dan juga bisa langsung dihapus jika saudara tidak sayang sama artikelnya, gambar, banner atau bentuk lain yang menyebabkan itu melorot.

SELAMAT MENCOBA UNTUK MENGEDIT SIDEBAR YANG MELOROT, HEHEHE, KOK BISA MEROLOT YA,,, BISALAH, HEHEHE BARANG KALI DIKARENAKAN DIKEJAR SETAN KETIKA EDIT TEMPLATENYE,HEHEE,HII,HIIIII

KUMPULAN ARTIKEL TENTANG BLOG

noreply@blogger.com (Sonin) — Sat, 25 May 2013 00:58:00 +0000

ILMU KOMPUTER DAN INTERNET

LINK LAIN:

Kumpulan Makalah Pendidikan

Kumpulan Teks Khutbah Jumat Singkat

Kumpulan Artikel Tentang Penelitian

Cara membuat Bintang Jatuh Dan Efek Tulisan Berkedip

noreply@blogger.com (Sonin) — Tue, 23 Apr 2013 12:49:00 +0000

Cara membuat bintang jatuh & Tulisan berkedip / berubah warna pada blog

Mungkin tips ini sudah ada di blog-blog lain, tapi ini saya tampilkan untuk pembelajaran buat teman-teman yang belum tahu caranya. Nah untuk teman-teman yang tertarik, maka ikuti langkah-langkah berikut ini:

Pertama buka Blog anda
masuk ke pengaturan > Template > Edit HTML
Sebelumnya jangan lupa backup atau simpan terlebih dahulu template anda.
Kemudia di halaman HTML, cari kode <head> di bagian atas
Setelah itu copy kode dibawah ini, tepat di bawah tags <head>

Untuk Bintang Jatuh :

<script src='
https://sites.google.com/site/soninkomputer/home/untuk-file-js/bintang2www.karyasonin.blogspot.com.js ' type='text/javascript'>
</script>

Untuk Efek Tulisan Berkedip/Berubah Warna :

<script src=' https://sites.google.com/site/soninkomputer/home/untuk-file-js/bintang2www.karyasonin.blogspot.com.js' type='text/javascript'></script>

Dari kode HTML di atas anda tinggal pilih salah satu atau boleh juga keduanya,, oke. Selamat mencoba.....!!!

Cara Mengconversi Lagu dari You Tobe Ke MP3

noreply@blogger.com (Sonin) — Thu, 17 Jan 2013 14:17:00 +0000

Suatu informasi, walaupun sudah lama akan tetapi saya anggap masih banyak yang belum tau bangaimana cara mengconversi film dan lagu dari You tobe ke MP3, sehingga jika anda ingin mengconversinya maka dengan mudah kita bisa mengconversinya melalui website youtubemp3pro.com atau langsung saja conversi disini

Setelah anda membuka alamat URL di atas maka akan mendapatkan halaman sebagaimana pada gambar dibawah ini, maka masukkan alamat film atau lagu yang akan diconversi pada kolom sebagaimana gambar dibawah ini. selanjutnya next saja dan jika sudah seleai langsung download lagu mp3 yang sudah di conversi tadi, hingga downloadnya selesai.

Selamat mencoba

CARA MEMBUAT WIDGET MELAYANG DI BLOG

noreply@blogger.com (Sonin) — Fri, 11 Jan 2013 12:54:00 +0000

CARA MEMBUAT WIDGET MELAYANG LAYANG

Membuat gatget melayang seringkali dilakukan oleh para blogger, hal ini dilakukan karna berrbagai macam alasan tentunya, tentunya di antara alasannya karena ingin membuat blognya lebih cantik, hemat tempat dan berbagai alsan lainnya.

Terlepas dari banyaknya alasan itu, tentu juga bagi pencari informasi ini juga memiliki alasan juga, karena itu pada kesempatan ini penulis akan memberikan langkah-langkah cara membuat widget blog kita bisa melayang. Apapun alasannya tentu sobat juga memiliki salah satu alasannya karena itulah sobatku tertarik mencari informasi ini. Oke apabila sahabat tertarik untuk memasangnya pada blog sahabat berikut langkah-langkah Cara Membuat Widget Melayang Pada Blog:

Login terlebih dahulu ke blogger
Lalu pilih Rancangan
Tambahkan Widget Baru / Add Widget
Lalu pilih HTML/Javascript
Copy kode dibawah ini lalu tempelkan kedalam widget tadi

Kemudian silahkan atur posisi dan warna widget sahabat dengan mengganti tulisan yang berwarna hijau dan merah. Untuk menempelkan kode iklan atau banner sahabat silahkan ganti dan tempelkan pada tulisan Silahkan tempelkan kode iklan atau banner milik sahabat disini yang berwarna merah.

Itulah informasi yang berkaitan dengan cara memasang Gatget di Blog, Seperti memasang Like box Facebook melayang, like Box Google+anda dan lain-lain. Selamat mencoba

Seo Ilmu Komputer

noreply@blogger.com (Sonin) — Wed, 09 Jan 2013 16:11:00 +0000

ILMU KOMPUTER DAN INTERNET

A. ILMU KOMPUTER DAN INTERNET

B. SOFWARE KOMPUTE

DRIVERS NOTEBOOK LENOVO

C. INFORMASI

JUALPRODUK-PRODUK AMAZON

LANGKAH-LANGKAH MEMBUAT DAFTAR ISI

noreply@blogger.com (Sonin) — Tue, 08 Jan 2013 13:46:00 +0000

CARA MEMBUAT DAFTAR ISI OTOMATIS

Banyak sekali teman-teman bertanya bagaimana cara membuat daftar Isi otomatis pada blog, agar ketika postingan sudah banyak, maka para pengunjung mudah mencari artikel-artikel yang sudah lama kita posting. Karena itu kali ini ane ingin membuat sebuah postingan cara membuat daftar isi otomatis. Otomatis di sini maksudnya adalah ketika kita memposting sebuah artikel maka secara otomasi langsung linknnya masuk pada daftar isi hal ini tentunya mempermudah para pembaca dan membikin para penngunjung blog kkita semakin betah untuk mencari dan berkunjung di blog kita.

Daftar isi otomasi yang kita buat ini sangat berkaitan dengan label setiap postingan kita karena itu untuklah ketika mempostingan artikel hendaknya membuat label artikel yang kita kirim sebab kalau postingan kita buat tanpa menggunakan label, besar kemungkinan judul postingan tidak akan muncul didalam daftar isi kita.

Jadi jika blog kita membunyai daftar isi, barang kali ente terringan dengan sebuah buku, jika sebuah buku tidak memiliki daftar isi maka pembaca buku tersebut akan kebingungan mencari halaman dalam buku tersebut. Hasilnya buku tersebut pun diabaikan dan dilupakan, dan bagi pembaca biasanya jika ingin membeli sebuah buku atau meminjam buku dari perpustakaan maka sebelum membeli atau meminjam buku tersebut biasanya yang tidak terlewatkan adalah membaca daftar isinya terlebih dahulu. Sudah jelas?, menarik bukan untuk membuat daftar isi?

Sekarang bagaimana langkah-langkah membuat daftas isi blog otomatis? Disini kami akan memerikan langkah-langkahnya :

Masuk ke account blogger ente
Pilih tata letak/layout
Pilih tambah gadget
Pilih HTML/javascript.
Beri Judul Dafar isi atau judul sesuai dengan keinginan ente
Kopy kode di bawah ini

</script>

</script>

Paste (letakkan) pada Gatget baru atau buat laman baru (page)
Terbitkan Entri.

Namun jika Anda ingin membuat daftar isi menggunakan fungsi scroll, ada beberapa kode yang harus ditambahkan seperti dibawah ini:

</div>

Namun jika Anda ingin membuat daftar isi menggunakan fungsi scroll, ada beberapa kode yang harus ditambahkan seperti dibawah ini :

Keterangan :

Tulisan yang berwana merah diganti dengan nama blog Anda.
Sesuaikan tinggi scroll dengan merubah height:120px sesuai keingingan Anda
Sesuikan lebar scroll dengan merubah width:430px sesuai dengan keinginan Anda.

Oya, Cara membuat daftar ini agar lebih rapi juga bisa menggunakan kode cara membuat daftar isi dengan kode berikut:

Cara Mendatangkan Banyak Pengunjung Blog

noreply@blogger.com (Sonin) — Sat, 05 Jan 2013 15:49:00 +0000

Cara mendatangkan para pengunjung ke blog kita, caranya banyak sekali, akan tetapi dari sekian banyak cara yang bisa mendatangkan banyak pengunjung yaitu melalui Esyhits4u yang terbukti benar-benar mendapatkan keuntungan yang banyak bagi blog kita. Berbicara keuntunganbagi blog kita tentunya yang paling beruntung adalah pengelola blognya sebab pengelolalah yang bisa merasakan kepuasan atas banyaknya pengunjung. Bagaimanakah caranya agar blog kita kebanjiran pengunjung dengan cepat. Terbukti ampuh dan gratis pokoknya memuaskan dech,,,

Buka Easyhits4u ( Mohon pake link saya saja untuk ucapan trima kasih )
Klik Join Now!
Isi form pendaftaran, saya anggap anda sudah bisa
Jika sudah terisi semua beri tanda cek dan klik Join Easyhits4u
Buka email yang anda daftarkan tadi dan cari email dari Easyhits4u di inbox atau spam lalau klik link untuk activasi kode/ member.
Dan klik link Verifikasi / Activation Code.
Setelah itu baru anda bisa login dengan username dan password yang sudah anda daftarkan tadi.

Proses pendaftaran sudah selesai. Sekarang bagaimana supaya blog mendatangkan Banyak Pengunjung dengan cepat. Yakni sebagai berikut:

Setelah login di Easyhits4u kemudian klik try rught now.
Easyhits4u akan memberikan anda 2 pilihan yaitu (2:1) 15 Detik atau (1:1) 20 Detik. Maksud perbandingan (2:1) 15 Detik adalah kita akan mengunjungi 2 buah web atau blog yang terdaftar di Easyhits4u juga namun blog anda cuma akan di kinjungi satu kali dengan durasi kunjungan 15 Detik. Beda dengan perbandingan yang kedua yaitu (1:1) 20 Detik artinya kita mengunjungi satu web / blog dan kita juga mendapat 1 pengunjung intinya sama – sama untung, namun ini membutuhkan durasi 5 Detik lebih lama atau 20 Detik.
Saya sarankan klik yang (1:1) 20 Detik saja.
Untuk pertama kalinya anda harus memasukan URL title web blog dan settingan lainya sesuai anda.
Klik Submit site.
Klik confirm.
Semoga berhasil Mendatangkan Banyak Pengunjung Dengan Cepat pada blog anda.

Hargai penulis dengan cara meninggalkan komentar anda, atau klik Like meletakkan kode html link dibwah pada blog anda juga menunjukkan penghargaan anda untuk tidak melakukan Plagiat

Cara menghubungkan Blog dengan Facebook

noreply@blogger.com (Sonin) — Thu, 03 Jan 2013 11:34:00 +0000

Cara menghubungkan blog dengan facebook, sebanarnya banyak sekali caranya, namun pada postingan kali ini penulis Cuma memberikan salah satu cara menghubungkan blog dengan facebook. Yakni aplikasi RSS Graffiti. Apa aplikasi RSS Graffiti pada facebook?, RSS Graffiti pada Facebook adalah salah satu aplikasi facebook yang menyediakan auto posting pada wall Facebook, juga pada Halaman Facebook, dan Groups dimana anda sebagai pengelolanya. Bagaimana Cara Membuat Posting Otomatis dengan Aplikasi RSS Graffiti di Facebook. Simak langkah-langkahnya dibawah ini Cara menghubungkan blog dengan facebook agar Postingan blog secara otomatis terhubung dengan Aplikasi RSS Graffiti di Facebook:

Tentunya anda harus memiliki Akun Facebook bukan (sudah funya akun belum?), kalua sudah berukutnya
Masuklah ke : https://apps.facebook.com/rssgraffiti/ atau bila sudah menggunakan aplikasi tersebut, langsung saja klik RSS Graffiti disamping halam utama facebook saudara
Berikutnya Ijinkanlah Aplikasi RSS Graffiti masuk ke Facebook anda
Jika berhasil, maka langkah selanjutnya adalah dengan memasukkan URL dan Nama Blog anda.
Klik Add Feed
Setelah itu silahkan anda isi formulir yang telah tersedia
Isilah Feed URL blog anda : Contoh : http://soninkomputer.blogspot.com/feeds/posts/default

Isilah Source Name dengan nama blog anda contoh : Dunia Komputer dan isilah Source URL dengan alamat blog/ website anada, contoh : http://soninkomputer.blogspot.com

8. Berikutnya, jika sudah yakin dengan isian anda maka jangan lupa simpan dengan mengklik Save. Selesai.

Catatan:

Gantilah tulisan Warna Biru dengan URL Blog (alamat blog) dan nama blog anda Aplikasi yang sudah dibuat (aplikasi RSS Graffiti), akan berjalan apabila anda sudah melakukan postingan sejak anda menggunakan Aplikasi RSS Graffiti. Itulah salah satu cara menghubungkan postingan dari blog ke facebook, sebenarnya masih banyak cara-cara lain yang bisa dilakkukan dalam menghubungkan blog dengan facebook atau menghubungkan facebook dengan blog.

CARA MEMBUAT KODE HTML DI DALAM TEXT AREA

noreply@blogger.com (Sonin) — Fri, 28 Dec 2012 17:32:00 +0000

Cara Memasukkan Kode Html ke dalam Text Area (bentuk kotak) Dalam memasukkan kode html pada text area, barangkali anda pernah mengalami, atau selalu mengalami kegagalan karena kode atau teks yang dimasukkan tidak bisa tampak alias kosong. Karena itu pada postingan kali ini saya akan sedikit berbisik kepada anda agar anda bisa menampilkan kode html atau teks pada test area yang anda buat. Pertama, Kode HTML yang ingin di masukkan kedalam Text Area syaratnya ubah dulu menjadi HTML Encode. Untuk merubahnya langkah-langkahnya sebagai berrikut: 1. Copy code HTML kemudian masukkan ke HTML Encode 2. Pastekan atau tempelkan code HTML yang sudah di copy ke dalam kotak Encode input text 3. Klik tombol Encode tunggu sejenak sampai proses loading selesai 4. Berikutnya copy kode yang terrdapat pada kotak Encoded Output dan pastekan kepostingan sobat menggunakan Text Area. Kedua, Untuk kode Text Area anda bisa menggunakan berbagai bentuk kode text area dibawah ini.

Kode Text Area Biasa

Letakkan kode atau tulisan Anda disini Coy

</textarea>

Hasilnya;

Kode Text Area Plus Tombol All Copy

<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Copy All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="15" name="txt" rows="50" style="height: 100px; width: 350px;" wrap="VIRTUAL">
Letakkan kode atau tulisan Anda disini Coy
</textarea>
</div>
</form>
</div>

Hasilnya seperti dibawah ini

Untuk memperindah text area anda, maka saudara bias menambahkan kode seperti dibawah ini, biar lebih kreen asal jangan kerempeng, heehee,

Contoh I

<textarea cols="30" name="code" rows="6" style="background: none repeat scroll 0% 0% rgb(239, 0, 144); border: 3px dotted rgb(255, 239, 249); color: #ffeff9; line-height: 1.5em; padding: 5px;"> Letakkan kode atau tulisan Anda disini Coy </textarea>

Hasilnya akan jadi seperti ini

Contoh 2

<textarea cols="30" name="code" rows="6" style="-moz-border-radius: 7px 7px 7px 7px; background: none repeat scroll 0% 0% rgb(251, 239, 255); border-color: rgb(202, 61, 217); border-style: solid; border-width: 1px 1px 1px 20px; color: #ca3dd9; line-height: 1.5em; padding: 5px;"> Letakkan kode atau tulisan Anda disini Coy </textarea>

Hasilnya;

Contoh 3

<textarea name="code" rows="3" cols="20" style="background:#BFFAFF; color:#FF0000; border-bottom: 4px solid #40FF1F; border-right: 4px solid #40FF1F; border-top: 4px solid #FFE900; border-left: 4px solid #FFE900; line-height:1.5em; padding:5px; -moz-border-radius:10px;"> Letakkan kode atau tulisan Anda disini Coy </textarea>

Hasilnya;

Contoh 4

<textarea cols="20" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(218, 255, 191); border: 2px dashed rgb(41, 95, 0); color: #295f00; line-height: 1.5em; padding: 5px;">ISI Letakkan kode atau tulisan Anda disini Coy </textarea>

Hasilnya;

Demikianlah cara membuat kode text area dan contoh-contoh bentuk text area.
Catatan untuk merubah dan ukuran dan warna bisa anda modifikasi dengan cara mengedit kode-kode di atas,, sebab kkode di atas cuma sebatas contoh yang insyaAllah bermanfaat bagi para pengunjung blog ini, terutama yang belum tau dan atau bagi pengunjunng yang sudah lupa.

CARA MEMASANG KODE HTML WARNA PADA BLOG

noreply@blogger.com (Sonin) — Fri, 28 Dec 2012 12:23:00 +0000

Cara memasang widget kode html warna adalah melalui langkah-langkah berikut: 1. Pertama terlebih dahulu Login ke akun Blogger Anda. 2. Pada halaman Dasbor, silakan pilih blog Anda. 3. selanjutnya pada halaman overview blog Anda, silakan pilih templates. 4. dan Pilih edit HTML dan pilih Proceed dan jangan lupa centang Expands Widget template, agar jika terjadi kesalahan anda bisa kembali pada template sebelumnya 5. Copy Script di bawah ini dan paste di atas kode </head>

var hue;
var picker;
//var gLogger;
var dd1, dd2;
var r, g, b;

function init() {
if (typeof(ygLogger) != "undefined")
ygLogger.init(document.getElementById("logDiv"));
pickerInit();
//ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1"
//ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1"
}

// Picker ---------------------------------------------------------
function pickerInit() {
hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180);
hue.onChange = function(newVal) { hueUpdate(newVal); };
picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180);
picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); };
hueUpdate();
dd1 = new YAHOO.util.DD("pickerPanel");
dd1.setHandleElId("pickerHandle");
dd1.endDrag = function(e) {
// picker.thumb.resetConstraints();
// hue.thumb.resetConstraints();
};
}
executeonload(init);

var v = (180 - picker.getYValue()) / 180;
document.getElementById("pickervval").value = Math.round(v * 100);

var a = YAHOO.util.Color.hsv2rgb( h, s, v );
document.getElementById("pickerSwatch").style.backgroundColor =
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";

6. Kemudian setelah di Paste jangan lupa simpan template anda

7. berikutnya silahkan paste kode dibawah ini, pada postingan baru anda lalu paste pada areal Edit HTML.

<center>
<form name="hcc" id="hcc">
<table style="border-collapse: collapse;" align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0"><tbody>
<tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" width="375"><tbody>
<tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190707">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0808">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b40404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0101">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa5858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f78181">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cece">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbefef">
</td></tr>
<tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#191007">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a1b0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b240b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#61380b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a4b08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b45f04">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df7401">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff8000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe9a2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#faac58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7be81">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5d0a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6e3ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8ece0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbf5ef">
</td></tr>
<tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#181907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#292a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#393b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5e610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#868a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#aeb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d7df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7fe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f4fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f3f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbfbef">
</td></tr>
<tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#101907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#243b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#38610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b8a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5fb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#74df00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#80ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9afe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#acfa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bef781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ecf8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5fbef">
</td></tr>
<tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbef">
</td></tr>
<tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071910">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b6138">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a4b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b45f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df74">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff80">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6e3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbf5">
</td></tr>
<tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071918">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b615e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a85">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b4ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01dfd7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ffff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faf4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbfb">
</td></tr>
<tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071019">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a1b2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b243b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3861">
</td><td onclick="Barva(this.bgColor)" bgcolor="#084b8a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#045fb4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0174df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0080ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e9afe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58acfa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81bef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9d0f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cee3f6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0ecf8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#eff5fb">
</td></tr>
<tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#070719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#08088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0404b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0101df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5858fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8181f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cecef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0e0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#efeffb">
</td></tr>
<tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#100719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#240b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#380b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5f04b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#7401df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9a2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ac58fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#be81f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3cef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ece0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5effb">
</td></tr>
<tr height="24"> <td onclick="Barva(this.bgColor)" bgcolor="#190718">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b5e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0886">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b404ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df01d7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff00ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2ef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58f4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cef5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeffb">
</td></tr>
<tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190710">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b38">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a084b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b4045f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0174">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0080">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58ac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cee3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeff5">
</td></tr>
<tr height="10"><td>
</td></tr>
<tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#000000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#151515">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1c1c1c">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#424242">
</td><td onclick="Barva(this.bgColor)" bgcolor="#585858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#6e6e6e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#848484">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a4a4a4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bdbdbd">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d8d8d8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e6e6e6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f2f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffffff">
</td></tr>
</tbody></table>
</td></tr>
</tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="2"><tbody>
<tr height="24"><td id="vzorec" height="24" width="24">
</td><td valign="bottom"><p>
Kode warna yang terpilih : <input name="barva" id="barva" style="font-weight: bold; font-family: Verdana; height: 16px; width: 74px; font-size: 12px;" maxlength="7" size="9" type="text"></p>
</td></tr>
</tbody></table>
</form>
</center>

Maka Akan muncul Tampilannya sebagai berikut:

ATAU COPY KODE DI BAWAH INI

MAKA KODE DI ATAS YANG ANDA PASTE AKAN BERBENTUK SEBAGAI BERIKUT;

Indah Bukan, jika indah dan bermanfaat bagi anda silahkan praktekkan,,,

CARA MENAMPILKAN PHOTO DI PENCARIAN GOOGLE

noreply@blogger.com (Sonin) — Fri, 30 Nov 2012 16:09:00 +0000

CARA MENAMPILKAN PHOTO DI PENCARIAN GOOGLE

Menampilkan Photo di pencarian Google, merupakan salah satu daya tarik bagi para Netter untuk mengklik postingan kita, kenapa bergitu?. Jawabannya tentu karena dengan tampilnya photo ketika di lihat para netter ketika melakkan research pada google, maka netter bisa penasaran, barangkali karena terlihat ada penampakan he,hee,hee,,, atau bisa juga karena dia melihat photo yang tampil itu semakin memperkuat keyakinan dirinya pada konten yang kita posting.

Baiklah langsung saja, akan saya beritahukan cara-caranya walaupun sebelumnya saya juga sama seperti anda, karena sifat keingintahuan dan penasaaran maka mencari langkah-langkah untuk menampilkan foto pada google risearch Adapun caranya adalah sebagai berikut:

A.    Sebelumnya Hubungkan dulu Profil Google Plus anda dengan blog anda.

Bagaimana cara menghubungkannya?

·         Ganti profil blog dengan profil google plus anda. kalau belum punya google plus silahkan buat dulu di sini Google Plus

Cara mengganti Profil blog dengan profil google plus

1)      Masuk ke dasbor blog anda

2)      klik gambar seperti roda Delman di pojok kanan atas

3)      Lalu pilih Terhubung ke Google+

4)      Centang kotak kecil di bawah lalu Klik "BERALIH SEKARANG JUGA"

5)      Bila diminta sign in/masuk silakan anda masuk dengan email dan pasword anda.

6)      Lalu muncul halaman "Tambahkan blog ke profil anda" centang kotak kecil di samping nama-nama blog anda untuk memilih blog mana sajakah yang ditampilkan di profil google+ kemudian klik Tambahkan Blog.

7)      Maka jika caranya benar dan tidak ada permasalahan pada google plus anda mana sekarang blog anda sudah terhubung dengan Google Plus

·         Setelah langkah-langkah di atas sudah selesai selanjutnya anda tinggal menunggu google mengindeks halaman-halaman blog anda. Untuk pengindekan biasanya membutuhkan waktu yang lama untuk menampilkan foto pada suatu artikel yang sudah di Publikasikan. Akan tetapi bila anda langsung posting artikel baru maka foto andalan anda akan turut terpampang di pencarian google

B.     Kemudian yang tidak kalah pentingan dalam melakukan penampakan pada pencarian google supaya photo anda selalu tampil di search engine bersamaan postingan anda, maka dianjurkan untuk pasang juga profil kamu di blog, adapun caranya sebagai adalah:

1)      Masuk ke Tata Letak

2)      Pilih Tambah Gadget

3)      Pilih Profil blog anda

C.    Atau Cara Lain

Langkah-langkahnya sebagai berikut:

Langkah Pertama, Anda ke halaman profile Google Plus (+), setelah itu edit profil, upload foto yang mau anda tampilkan (ingat harus foto) karena Google bisa mendeteksinya, selain foto tidak akan tampil.

Langkah Kedua, Masukkan alamat blog Blogspot kamu di bagian Contributor To di profil google plus anda lalu klik bagian itu.

Lankah Ketiga, Klik tulisan di sebelah Contributor To, lalu masukan nama dan alamat blog blogspot anda. Kemudian simpan. Lalu done editing.

Langkah Keempat, Masuk ke profil blogger anda (login ke blogger.com lalu edit profil). Saat didalam blogger kamu lihat pojok kanan atas ada nama kamu, sebelahnya ada tanda panah kebawah lalu d klik, kemudian klik Blogger Profile.

Langkah Kelima, Lalu dibagian General, anda masukkan Link Url Google di bagian HomePage URL. Lalu simpan profil (save profile).

Langkah Ketujuh, Pada langkah ini anda diperkenankan untuk melakukan tes, apakah berhasil atau tidak. Caranya kamu menuju halaman Google Rich Snippet test, dan masukan alamat Blogspot kamu lalu klik Preview. Jika hasilnya sudah menunjukkan ada gambar artinya usaha anda sudah berhasil. Tinggal tunggu beberapa waktu (seminggu, dua minggu atau lebih).

Akan tetapi jika anda ingin mempercepat agar tampilan gambar lebih cepat muncul di pencarian google. Maka silahkan masukan kode html Google plus di bawah ini sebelum kode penutup ini: </head>

<link rel="author" href="https://plus.google.com/116454191360608679396/posts"/>

Silahkan anda paste kode html di atas, selanjutnya jangan lupa ganti angka yang tebal di atas ganti dengan nomor URL google plus anda. dan jangan lupa simpan.

Selamat Mencoba

Cara membuat Translate (terjemahan) pada blog

noreply@blogger.com (Sonin) — Thu, 22 Nov 2012 16:33:00 +0000

CARA MEMBUAT TRANSLATE DENGAN IKON BENDERA

Terjemahan untuk blog atau website sangatlah dibutuhkan, sebab translate/terjemahan adalah merupakan salah satu alat komunikasi dalam menjelajahi Dunia Lunamaya, eh maaf dunia maya maksudnya. Kenapa demikian??? Ingat bahwa yang menggunakan internet tidak cuma satu orang, satu keluarga dan satu Negara saja melainkan dari berbagai penjuru dunia. Mengingat bukan dari satu suku, bangsa saja maka dibutuhkan terjemahannya. Kemudian harus kita sadari bahwa tidak semua orang menguasai lebih satu bahasa selain bahasa tanah airnya, walaupun sudah ada bahasa yang dijadikan bahasa pemersatu yaitu bahasa inggris, tapi ingat walaupun merasa sudah mahir berbahasa inggris tapi dalam memahami teks biasanya masih mengalami kelemahan-kelemahan dalam pada kata-kata tertentu, dan ketika mengalami kelemahan tersebut tentunya membutuhkan suatu kamus.

Kamus memang salah satu alat bantu untuk menerjemahkan suatu bahasa tapi ingat hal ini sangat banyak sekali kelemahaannya dan memboroskan waktu untuk menerjemahkan teks atau artikel yang ada pada postingan blog. Karena kedua pokok inilah penulis tertarik untuk memberikan langkah-langkah mentraslate blog atau website.

Adapun langkah-langkah membuat translate pada blogspot dan website adalah sebagai berikut:

1. Masuk ke akun blogger anda setelah loading internet selesai

2. Arahkan kursor moese anda pada tata letak

3. tambah gadget atau add gadget

4. pilih HTML/javascript

5. Copy dan masukan script dibawah ini ke HTML anda

6. Setelah kode HTML diatas sudah dimasukkan, maka langkah selanjutnya adalah menyimpan kode html di atas dengan cara klik icon simpan pada gatget

Cara Membuat Daftar Isi Otomatis di Blogspot

noreply@blogger.com (Sonin) — Wed, 21 Nov 2012 16:54:00 +0000

CARA MEMBUAT DAFTAR ISI OTOMATIS

Daftar isi merupakan suatu hal yang sangat penting bagi para pembaca buku, tanpa ada daftar isi maka sangat kesulitan bagi para pembaca untuk mencari Bab, sub bab dan point-point penting yang mau di baca si pembaca dari sebuah buku. Jadi kalau suatu buku di sertai dengan daftar isi maka disana juga akan meningkatkan atau menurunkan motivasi untuk membacanya.

Blog yang kita kenal menyukai content atau isi, maka bagi para blogger senantiasa untuk memperkaya konten blognya. Namun sebagaimana buku, blog juga membutuhkan daftar isi untuk mempermudah para pembaca dan calon pembaca agar senantiasa tertarik atas isi blog, yang tidak kalah pentingnya agar pembaca buku tersebut tidak kebingungan mencari halaman dalam blog atau websate tersebut

Banyak para blog yang diabaikan dan dilupakan para pengunjungnya karena disebabkan kebingungan dan ketidak jelasan keberadaan content-content dalam sebuah blog. Mengingat betapa pentingnya daftar isi dalam sebuah blog atau web maka saya akan memberikan langkah-langkah cara membuat daftar isi blog otomatis.

Berikut ini langkah-langkah Pembuatan daftar Isi:

1. Masuk ke account blogger anda

2. Pilih tata letak/layout

3. Pilih tambah gadget

4. Pilih HTML/javascript.

5. Beri Judul Dafar isi atau judul sesuai dengan keinginan sobat

6.. Kopas kode di bawah ini

</script>

</script>

7. Terbitkan Entri.

Cara kedua jika saudara ingin membuat daftar isi menggunakan fungsi scroll, ada beberapa kode yang harus ditambahkan seperti dibawah ini :

</div>

Cara ketiga leh indah dari ke dua cara di atas, yaitu masukkan kode di bawah ini

Loading... </div>

</div>

var jumlah_kata_dalam_ringkasan = 250;

</script>

</script>

</script></div>

</div>

Keterangan :

Ganti tulisan yang berwana merah dengan nama blog Anda

Sesuaikan tinggi scroll dengan merubah height:120px sesuai keingingan Anda

Sesuikan lebar scroll dengan merubah width:430px sesuai dengan keinginan Anda.

Get paid to share your links!

CARA MEMASANG KEYWORD OTOMATIS DI BLOGSPOT

noreply@blogger.com (Sonin) — Fri, 16 Nov 2012 14:38:00 +0000

BAGAIMANA MEMASANG KEYWORD OTOMATIS DI BLOGSPOT?

Pada postingan ini anda akan menemukan jawabannya. Namun sebelumnya terlebih dahulu akan diberitahukan bahwa Meta keyword, merupakan salah satu cara memasang kata kunci agar lebih dikenal oleh google dalam membaca artikel-atikel yang di posting. Memasang keyword bagi para blogger, untuk mengenalkan tulisan-tulisannya di dunia maya merupakan keharusan, kayaknya bersifat sunnah muakkat, kalau tanpa keyword ibaratkan makan tidak belawuk. Kenapa demikian?, karena keyword merupakan kata kunci agar tulisannya kita lebih friendly, karena itu untuk memasang keyword keharusan ketika kita memposting content. Maka dari itu kami berikan solusinya bagi anda agar pekerjaan anda terbantukan dan tentunya lebih efesien dalam mengatur waktu. Nah pada postingan kali ini saya akan jelaskan solusinya dengan membuat meta keyword yag otomatis di setiap postingan anda, sehingga anda tidak perlu repot lagi untuk memasang satu persatu keyword di postingan.

Adapun Langkah-langkah nya sebagai berikut:

A. Bagi yang BELUM PERNAH memasang meta tag deskripsi sebelumnya, ikuti langkah-langkah berrikut ini :

1. Login ke dashbor blog sobat.

2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).

3. Tunggu sampe terload secara maksimal dan cari kode dibawah ini (gunakan ctrl + f di firefox untuk mencari) :

4. Setelah dapat kode diatas hapus lalu ganti dengan kode berikut :

<b:if cond='data:blog.url == "http://soninkomputer.blogspot.com/"'>
<title><data:blog.pageTitle/></title>
<meta name='DESCRIPTION' content='Blog Penjual Sofware Komputer'/>
<meta name='KEYWORDS' content='anti virus asli dan murah'/> </b:if>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
</b:if>

5. Jika sudah selesai jangan lupa di simpan (save) template blog anda.

B. Apabila anda pernah menggunakan meta tag pada blogmu sebelumnya, maka langkah-langkah awalnya sama dengan langkah-lang di atas, yakni dengan cara.

1. Login ke blogger anda, >kemudian menuju> Tata letak > kelik edit html dan lanjutkan.

2. Pada halaman edit html, cari kode dibawah ini, atau cari kode deskripsi lama.

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>

3. Setelah kode deskripsi yang lama ketemu, maka langsung saja hapus kode meta tag deskripsi dan keyword tersebut.

4. Kemudian masukkan kode yang lebih canggih berikut ini:

5. Setelah dimasukkan jangan lupa templatenya di simpan

Catatan:

ü Untuk Kode yang berwarna coklat ganti dengan alamat blog anda

ü Untuk kode yang berwarna merah ganti dengan deskripsi dari blog anda

ü Untuk kode yang berwarna biru ganti dengan key word (atau kata kunci homepage blog anda

Setelah langkah-langkah di atas anda pahami silahkan anda bereksperimen untuk mencoba kemampuan anda,,, dan semoga berhasi.

Sebelum	Setelah