JAM - O'CLOCK
Sabtu, 18 September 2021
CARA MENDAFTARKAN BLOG KE SEARCH ENGINE GOOGLE 2021
Blog yang baru jika ingin terindex di search engine terbaik google dengan cepat maka harus segera mendaftarkan nya ke Google Webmaster Tools berikut yang merupakan layanan gratis buat blog, wordpress maupun website agar di index oleh Google dan untuk memantau jika ada halaman yang error. Setelah mendaftar blog di Google Webmaster Tool sobat juga akan submit sitemap supaya google dapat meng crawl peta situs tersebut dan tidak lupa untuk verifikasi kepemilikan blog dengan cara mendapatkan kode terlebih dahulu setelah daftar lalu memasukkan nya ke edit html di blogger / blogspot yang akan dijelaskan di bawah dengan mudah.
Kali ini saya akan share gimana Cara Mendaftarkan Blog Ke Search Engine Google Terbaru, silahkan ikuti tutorial langkah langkah berikut lengkap beserta gambarnya buat sobat yang ingin agar blog nya ada dan masuk di halaman pencarian google.
Cara Mendaftarkan Blog Ke Google Webmaster Tool :
1. Buka alamat web www.google.com/webmasters lalu klik Sign in to Webmaster Tools.
2. Kemudian masuk dengan memakai email Gmail dan isi password lalu klik Sign.
3. Masukkan alamat blog atau website yang akan di daftarkan lalu klik ADD A SITE.
4. Your site has been added to your account, blog sudah ditambahkan lalu untuk Cara Submit Sitemap Blog Ke Google Webmaster Tool bisa klik Sitemap seperti gambar berikut.
5. Lihat di sebelah atas kanan layar klik ADD/TEST SITEMAP, ketikan sitemap.xml pada kotak yang ada lalu klik Submit Sitemap.
6. Tunggu proses submit sampai tertulis Sitemap submitted lalu klik Refresh the page.
7. Jika sudah maka sitemap sudah tersubmit dengan status pending seperti gambar berikut karena membutuhkan waktu untuk google menjelajahi situs nya kemudian untuk Cara Verifikasi Blog di Google Webmaster Tool dengan klik ikon gear yang ada di sebelah kanan atas layar lalu klik Verification Details.
8. Maka akan muncul tampilan berikut lalu klik Verify using a different method.
9. Ada 5 pilihan seperti HTML file upload, HTML tag, Domain name provider, Google Analytics, Google tag manager dan untuk mendapatkan kode verifikasi yang akan dimasukkan ke Blog pilih HTML tag lalu copy semua kode tersebut dan jangan ditutup dulu halaman ini.
10. Buka New Tab Baru pada browser untuk masuk ke blogger / blogspot kemudian pilih menu Template lalu klik Edit HTML.
11. Paste semua kode yang telah di copy tersebut tepat dibawah kode <head> seperti gambar dibawah ini jika sudah lalu klik Simpan template.
12. Setelah template sudah tersimpan kemudian buka lagi halaman verifikasi yang tadi lalu klik VERIFY.
13. Jika verifikasi sukses maka akan muncul tampilan seperti berikut lalu klik Continue.
14. Selesai blog sudah terdaftar, sitemap atau peta situs sudah tersubmit, dan blog sudah terverifikasi di Google WMT.
Nah itulah bagaimana cara mendaftarkan blog ke mesin pencari google terbaru.
Silahkan dicoba
Jumat, 17 September 2021
Cara Menata dan menyusun Beberapa Gambar/Foto di Postingan Blog
Jumat, 17 September 2021
Cara Menata dan Mengedit Beberapa Gambar/Foto di Postingan Blog
Cara Menata dan menyusun Beberapa Gambar/Foto di Postingan Blog
Ketika pertama kali belajar menulis artikel di blog, ada kesulitan saat hendak mengatur atau menata banyak gambar atau foto, maklum saat itu jenis artikel yang hendak di posting berjudul: "Gambar Masjid di Afrika, di Asia, Masjid Tertua, Daftar Masjid di Jatim, dll." Problemnya adalah: gambar-gambar itu susah diatur; fasilitas yang ada seperti size (small, medium. large, original) dan Posisi (left, center, right) tidaklah membantu banyak, bahkan terkadang di klik kanan larinya ke kiri, di geser ke atas malah anjlok ke bawah. Bagaimana ini ?
Sebaik apapun artikel atau posting, apabila tampilannya tidak ditata dengan baik tentu akan membuat pengunjung malas untuk berlama-lama menikmati suguhan posting yang sudah dibuat dengan begitu serius dan bahkan menghabiskan banyak waktu dan tenaga. Banyak blogger yang masih dalam tahap awal terjun di dunia blog mengalami kesulitan untuk melakukan penataan sekaligus merubah ukuran gambar yang akan ditampilkan. Kenyataan seperti ini tidak dapat dipungkiri karena pemahaman tentang kode HTMl tidak bisa dilakukan tanpa tuntunan dari blogger yang sudah cukup matang di dunia blog, terutama yang mendalami tentang desain sebuah blog. Bagaimana supaya dapat secara cepat mengatasi permasalahan tampilan gambar di postingan? Bukan sesuatu yang sulit karena kode html yang digunakan sekedar untuk sedikit mempengaruhi penataan dan penampilan gambar tidaklah banyak dan rumit. Hanya beberapa kode sederhana kita tambahkan pada file gambar, maka jadilah sebuah tampilan posting yang sedap dipandang sekaligus enak untuk dinikmati.
Sebaik apapun artikel atau posting, apabila tampilannya tidak ditata dengan baik tentu akan membuat pengunjung malas untuk berlama-lama menikmati suguhan posting yang sudah dibuat dengan begitu serius dan bahkan menghabiskan banyak waktu dan tenaga. Banyak blogger yang masih dalam tahap awal terjun di dunia blog mengalami kesulitan untuk melakukan penataan sekaligus merubah ukuran gambar yang akan ditampilkan. Kenyataan seperti ini tidak dapat dipungkiri karena pemahaman tentang kode HTMl tidak bisa dilakukan tanpa tuntunan dari blogger yang sudah cukup matang di dunia blog, terutama yang mendalami tentang desain sebuah blog. Bagaimana supaya dapat secara cepat mengatasi permasalahan tampilan gambar di postingan? Bukan sesuatu yang sulit karena kode html yang digunakan sekedar untuk sedikit mempengaruhi penataan dan penampilan gambar tidaklah banyak dan rumit. Hanya beberapa kode sederhana kita tambahkan pada file gambar, maka jadilah sebuah tampilan posting yang sedap dipandang sekaligus enak untuk dinikmati.
Alhamdulillah problem tersebut sekarang sudah bisa diatasi, sudah ketemu skrip yang dapat menata gambar dan foto sekehendak yang kita mau.
Tapi sebelum saya bagi tipsnya, akan saya ajak pembaca memahami apa yang saya maksudkan, dengan membuat pembanding gambar sebelum dan sesudah memakai skrip tokcer ini.
1. Gambar / Foto Sebelum Menggunakan Schript
Hanya memasukkan tiga foto, tapi mengaturnya agar rapi dan sejajar susah sekali - berantakan - padahal sudah menggunakan ukuran terkecil dan sudah bolak-balik merubah posisi (left - center - right).
2. Gambar / Foto Setelah Menggunakan Schript
Berapapun jumlah gambar dan foto yang hendak dimuat, sangat mudah mengatunya, baik itu ukuran maupun posisi kita bisa menyetel sesuka hati.
A. Contoh gambar dengan garis (border=1,2,3, dst.)
A. Contoh gambar dengan garis (border=1,2,3, dst.)
.jpg) | .jpg) | .jpg) |
Masjid Ath-Thin; Jakarta | Masjid Islamic C., Samarinda | Masjid M.Cheng Ho, Surabaya |
B.Contoh gambar tanpa garis (border=0)
| | |
Masjid Ath-Thin; Jakarta | Masjid Islamic C. Jakarta | Masjid M.Cheng Ho, Surabaya |
3. Script dan Penjelasannya
Ketika anda sedang membuat artikel dan hendak menambahkan foto /gambar, caranya :
1. Klik HTML (di kiri atas halaman editing artikel)
2. copy paste skrip di bawah di tempat di mana anda mau meletakkan foto/gambar. (Skript berikut porsinya 6 gambar + 6 nama/keterangan gambar, anda dapat menambah atau mengurangi jumlahnya - akan saya jelaskan nanti).
<table border="1">
<tr>
<td>linkgambar1</td>
<td>linkgambar2</td>
<td>linkgambar3</td>
</tr>
<tr>
<td>namagambar1</td>
<td>namagambar2</td>
<td>namagambar3</td>
</tr>
</table>
<table border="2">
<tr>
<td>linkgambar4</td>
<td>linkgambar5</td>
<td>linkgambar6</td>
</tr>
<tr>
<td>namagambar4</td>
<td>namagambar5</td>
<td>namagambar6</td>
</tr>
</table>
<table border="1">
<tr>
<td>linkgambar1</td>
<td>linkgambar2</td>
<td>linkgambar3</td>
</tr>
<tr>
<td>namagambar1</td>
<td>namagambar2</td>
<td>namagambar3</td>
</tr>
</table>
<table border="2">
<tr>
<td>linkgambar4</td>
<td>linkgambar5</td>
<td>linkgambar6</td>
</tr>
<tr>
<td>namagambar4</td>
<td>namagambar5</td>
<td>namagambar6</td>
</tr>
</table>
3. Kemudian kembali ke halaman editing dengan klik "Compose" di sebelah menu HTML, maka akan tampak kotak seperti berikut:
| linkgambar1 | linkgambar2 | linkgambar3 |
| namagambar1 | namagambar2 | namagambar3 |
| linkgambar4 | linkgambar5 | linkgambar6 |
| namagambar4 | namagambar5 | namagambar6 |
4. Masukkan gambar lewat icon insert image seperti biasanya.
Keterangan:
A. Link gambar adalah kotak untuk memasukkan gambar.
A. Link gambar adalah kotak untuk memasukkan gambar.
B. Nama gambar adalah kotak untuk memberi judul atau keterangan.
C. Angka 1 dan 2 berwarna biru pada schript adalah ketebalan garis kotak, jika anda menginginkan kotak gambar tidak ditampilkan, gantilah angka pada table border menjadi " 0 " (Seperti contoh gambar masjid baris ke-2).
D. Untuk menambah atau mengurangi jumlah kotak anda tinggal copas atau delete bagian schript dimaksud, ingat ! "linkgambar" berpasangan dengan "namagambar"; maka menambah dan menghapus harus selalu beserta pasangannya.
E. Untuk merubah ukuran gambar, anda masuk ke HTML , merubah tinggi gambar, rubah angka pada height dan merubah lebar gambar, rubah angka width. (jika tidak terdapat height dan width di HTML, kembalilah ke compose, klik gambar, rubah ukurannya ke mana anda mau (small, medium, large, x-large, original size), setelah itu kembali ke HTML, pasti sudah ada height dan width di sana.
E. Untuk merubah ukuran gambar, anda masuk ke HTML , merubah tinggi gambar, rubah angka pada height dan merubah lebar gambar, rubah angka width. (jika tidak terdapat height dan width di HTML, kembalilah ke compose, klik gambar, rubah ukurannya ke mana anda mau (small, medium, large, x-large, original size), setelah itu kembali ke HTML, pasti sudah ada height dan width di sana.
4. Tips Mengatur Ukuran Gambar / foto
Untuk mengatur Ukuran Gambar klik gambar yang mau di atur, dalam hal ini posisi editing adalah posisi Compose.
Pilihan pengaturan:
SMAL : ukuran kecil
MEDIUM : ukuran sedang
LARGE : ukuran besar
X-LARGE : ukuran super besar alias extra
Original Size : ukuran gambar sama dengan ukuran aslinya.
Left : Posisi gambar di sebelah kiri tulisan kita
Center : Posisi gambar di tengah tanpa ada tulisan kanan kiri
Right : Posisi gambar di belah kanan tulisan kita.
Add Caption : Membuat tulisan atau keterangan Gambar di bawah gambar
Propertis : Memberikan Judul Gambar seperti Tittle Text
Remove : Menghapus gambar,
MEDIUM : ukuran sedang
LARGE : ukuran besar
X-LARGE : ukuran super besar alias extra
Original Size : ukuran gambar sama dengan ukuran aslinya.
Left : Posisi gambar di sebelah kiri tulisan kita
Center : Posisi gambar di tengah tanpa ada tulisan kanan kiri
Right : Posisi gambar di belah kanan tulisan kita.
Add Caption : Membuat tulisan atau keterangan Gambar di bawah gambar
Propertis : Memberikan Judul Gambar seperti Tittle Text
Remove : Menghapus gambar,
Apabila dalam sebuah postingan terdiri dari beberapa gambar (lebih dari 1 maksudnya) dan ternyata ukuran gambar tidak sama atau anda menginginkan sama ukurannya sehingga terlihat rapi, posisi editing postingan anda, beralihlah ke posisi Edit HTML. Maka hasilnya seperti dibawah ini.
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3aa7a5oL_-vS5tVnqYPimo_SMNW2rK5dL76Qfg5HSdfggyxhDZILRCpV9ngyWpOHeO3fwsDAScS5qOJ39dHlW4T5c9TSa4KhtmO5x6BDwREEScOq5KatkdK8rusNSSyQp20WrWyldzhY/s1600/compose.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3aa7a5oL_-vS5tVnqYPimo_SMNW2rK5dL76Qfg5HSdfggyxhDZILRCpV9ngyWpOHeO3fwsDAScS5qOJ39dHlW4T5c9TSa4KhtmO5x6BDwREEScOq5KatkdK8rusNSSyQp20WrWyldzhY/s320/compose.jpg" width="320" /></a></div>
Setelah anda beralih ke posisi Edit HTML, maka mulailah anda mengganti tinggi gambar berapa (height) lebar gambar berapa (width) sesuai dengan keinginan anda.
Catatan : Ukuran gambar tidak akan muncul apabila ukurannya sama seperti aslinya (original size) sebaiknya pilih salah satu selain original size agar height dan width nya keluar.
Kemudian terbitkan Postingan anda bila sudah yakin selesai, Atau kembali ke posisi COMPOSE untuk melihat-lihat hasil kerja anda dulu kalau masih kurang balik lagi ke posisi Edit HTML.
Catatan : Ukuran gambar tidak akan muncul apabila ukurannya sama seperti aslinya (original size) sebaiknya pilih salah satu selain original size agar height dan width nya keluar.
Kemudian terbitkan Postingan anda bila sudah yakin selesai, Atau kembali ke posisi COMPOSE untuk melihat-lihat hasil kerja anda dulu kalau masih kurang balik lagi ke posisi Edit HTML.
Sudah dulu ya ? kepanjangan malah bisa jadi bingung.
Semoga bermanfaat.
Semoga bermanfaat.
Langganan:
Postingan (Atom)