CARA CEK MOBILE FRIENDLY

Posted by Sonin Selasa, 20 September 2016 0 komentar
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:
  1. 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
    Cara Mudah Cek Blog Mobile Friendly
  2.  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.
    Langkah-langkah Mengetahui Situs Mobile Friendly atau Belum Mobile Friendly
  3.  Demikian Tutorial singkat cara mengetahui situs mobile friendly atau belum,,,
  4. 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.
    Bagi Template Blog yang tidak Responsive agar Mobile Friendly atau Ramah Seluler

    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.
    Cara Mengatur Template Blog yang belum Responsive atau yang Sudah Responsive Agar Mobile Friendly
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

Baca Selengkapnya ....

AGAR MUDAH TERINDEKS DI MESIN PENCARIAN GOOGLE.COM

Posted by Sonin Minggu, 04 September 2016 0 komentar
CARA MUDAH TERBACA DI GOOGLE PENCARIAN

AGAR MUDAH DIBACA OLEH GOOGLE
CARA PERTAMA
  1. Syarat memiliki Email di Google, Jika belum memiliki silahkan Buat Akun Google
  2. 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



Baca Selengkapnya ....

CARA MENGGANTI WARNA KODE HTML PADA BLOG

Posted by Sonin Sabtu, 20 Agustus 2016 0 komentar

CARA MENGEDIT WARNA KODE HTML PADA BLOG
KODE WARNA BLOG DENGAN HTML
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 


Baca Selengkapnya ....

Popular Posts

Ilmu Blog dan SEO| Desain of DUNIA KOMPUTER.
Estimated worth website
Copyright © 2012 - Dunia Komputer - Desain by Sonin