tag:blogger.com,1999:blog-75285180914263980882024-03-29T12:52:36.579+07:00APA-MAUMUWeb of development tutorial for newbiesTomo Koeswoyohttp://www.blogger.com/profile/13227200362676946594noreply@blogger.comBlogger9125tag:blogger.com,1999:blog-7528518091426398088.post-18664735349232899572023-07-29T14:38:00.146+07:002024-03-18T01:14:12.423+07:00Download Images Free For Website<span content="download image free, download gambar gratis, download image free online, download free photos online, download free images without copyright, download free images no copyright, download gambar gratis bebas hak cipta, cara mencari gambar tanpa hak cipta di google, download image without watermark, photo no copyright, background no copyright hd, video background no copyright, video background without copyright" itemprop="keywords"></span>
<div class="bordertext2">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><b>Deskripsi :</b></span></p><p style="clear: both; text-align: left;"><span style="font-family: inherit;">"Download images dan video free gratis legal, no copyright, bebas hakcipta untuk keperluan web ataupun channel youtube"</span></p></div><a name='more'></a><p></p>
<p style="clear: both; text-align: left;"><span style="font-display: swap; font-family: inherit; loading: over-eager;">Sekumpulan kata kunci diatas mungkin sangat sering anda ketikkan pada sebuah pencaraian google. Tak lama kemudian memang banyak gambar, foto, image yang muncul di pencarian tersebut. Namun dari sekian banyak image yang muncul google hanya bisa memberikan notifikasi bahwa "mungkin gambar ini memiliki hak cipta".</span></p>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Atau mungkin setelah kita temukan image yang pas untuk menghiasi konten pada blog kita ternyata image tersebut terdapat watermark sebagai tanda atau klaim dari sebuah website milik orang lain. Akhirnya kitapun mengurungkan untuk men-download dan menggunakan image tersebut.</span></p>
<p style="text-align: left;"><span style="font-family: inherit;">Atau mungkin juga, misalkan kita harus pergi ke sebuah pantai yang jaraknya cukup jauh dengan tempat tinggal kita untuk mengambil foto seorang nelayan yang sedang mengail ikan untuk menghiasi website kita yang bertemakan tentang memancing ikan. Rasanya kecil sekali kemungkinan kita untuk melakukan pekerjaan tersebut, terlebih website kita hanyalah sekedar web sebagai penyalur hobi suka menulis.</span></p>
<p style="text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI5ONzjHeWUudB_cfxs9zwGylayV_iLx7s4WFaIaVqtyfJEsOVu5rOkV7uVbHaGBNQWsOw-V4d03AjDKGb83uTMdEi2tvBJo7wSue9Cv1fIHLWCUvwEZoqZRAkE3nDLd2V0E_3riVRqu5ip8jd7z-7wjHpC-5G9FveUUlc9QgTcFBYqZyS1UQhlnJEyS16/s480/image_free.webp" style="margin-left: 0em; margin-right: 0em;"><span style="font-family: inherit;"><img alt="Download image_free" border="0" data-original-height="270" data-original-width="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI5ONzjHeWUudB_cfxs9zwGylayV_iLx7s4WFaIaVqtyfJEsOVu5rOkV7uVbHaGBNQWsOw-V4d03AjDKGb83uTMdEi2tvBJo7wSue9Cv1fIHLWCUvwEZoqZRAkE3nDLd2V0E_3riVRqu5ip8jd7z-7wjHpC-5G9FveUUlc9QgTcFBYqZyS1UQhlnJEyS16/s16000/image_free.webp" title="Download image_free for website" /><span></span></span></a></p>
<p style="text-align: left;"><span style="font-family: inherit;">Jika demikian, kita pun jadi ragu dan enggan untuk men-download-nya padahal gambar tersebut sangat cocok jika dipasang di website yang kita punta, jangan-jangan gambar ini memiliki copyright.<span></span></span></p>
<p style="text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNIiZi4yZjZkAGCtWuHrXhTkRuMl568GKg4mm02YJcRHbRfRxLLwdoJdJthh7wl3Ia3NOaZKWKmPiv1LVVdR_EM98OUyUo70vnNb_puT_JdttAD_X8O-zh_LzPG2SxCrIoT3NBpycGt4AJBepp0iUR2T8T43VdTDH07daz04AymvcvCASzKHwg5cneyprb/s720/image%20free.webp" style="margin-left: 0em; margin-right: 0em;"><span style="font-family: inherit;"><img alt="Download image free" border="0" data-original-height="405" data-original-width="720" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNIiZi4yZjZkAGCtWuHrXhTkRuMl568GKg4mm02YJcRHbRfRxLLwdoJdJthh7wl3Ia3NOaZKWKmPiv1LVVdR_EM98OUyUo70vnNb_puT_JdttAD_X8O-zh_LzPG2SxCrIoT3NBpycGt4AJBepp0iUR2T8T43VdTDH07daz04AymvcvCASzKHwg5cneyprb/w400-h225/image%20free.webp" title="Download image free no copyright" width="400" /><span></span></span></a></p>
<p style="text-align: left;"><span style="font-family: inherit;">Salahsatu cara untuk mendapatkan gambar, image yang kita inginkan adalah dengan mencari di web penyedia image gratis. Sekalipun free gratis, terkadang ada beberapa image dimana kita harus menyertakan sumber atau nama website dari penyedia free image tersebut pada keterangan image yang kita pasang di blog kita sebagai jasa timbal-balik.</span></p>
<div class="note-5">
<p style="text-align: left;"><span style="font-family: inherit;">Baca juga : <a href="https://apa-maumu.blogspot.com/2023/07/ini-aplikasinya-cara-mudah-kompres-foto.html"><b>Ini Aplikasinya! Cara Mudah Kompres Foto Di Laptop</b></a><span></span></span></p></div>
<p style="text-align: left;"></p><p></p><p></p>
<h4 style="text-align: left;"><span style="font-family: inherit; font-size: 20px;">Download Image Free Dengan Aplikasi Google</span></h4><p style="text-align: left;"><span style="font-family: inherit;">Pada artikel ini saya ingin berbagi sumber penyedia free image lain yang bisa anda gunakan untuk menghiasi websile yang anda miliki. Penyedia free image ini merupakan salahsatu aplikasi yang ditawarkan oleh Google Workspace Marketplace yang terhubung dengan Google Chrome. Anda bisa menginstallnya yang kemudian nanti akan muncul ketika anda menbuka shottcut aplikasi google. Bagaimanakah cara mendapatkan <a href="https://apa-maumu.blogspot.com/2023/07/download-images-free-for-website.html"><b>free image no copyright</b></a> ini, silahkan ikuti langkah-langkah di bawah ini:</span></p><p style="text-align: left;"><span style="font-family: inherit;"><span>1. Buka browser Google Chrome anda<br /></span><span>2. Masukkan link berikut: <b>https://workspace.google.com/marketplace </b>, lalu tekan enter<br /></span><span>3. Masukkan kata kunci berikut: free image picker ke dalam tabulasi pencarian aplikasi dari workspace google marketplace lalu tekan enter<br /></span><span>4 Pilih aplikasi <b>"Copyright Free Image Picker"</b> lalu klik install<br /></span><span>5. Setelah diinstall secara otomatis akan menjadi bagian dari aplikasi google. Untuk menggunakannya, buka shortcut aplikasi google yang berada disebelah kanan atas, yang berada disamping sebelah kiri foto profile akun google kita. Untuk membukanya, buka shortcut google aplikasi lalu cari: <b>Copyright Free Image Picker</b></span></span></p><p style="text-align: left;"><span style="font-family: inherit;"><b>Done!</b></span></p><div><p style="text-align: left;"></p></div><div>
<h4 style="text-align: left;"><span style="font-family: inherit; font-size: 20px;">Kesimpulan Dan Saran</span></h4><p style="text-align: left;"><span style="font-family: inherit;">Copyright Free Image Picker merupakan salah satu aplikasi penyedia gambar image gratis. Masih banyak aplikasi serupa yang bisa anda pilih. Anda bisa mencarinya sendiri di google workspace marketplace. Oh.. ya, pada gambar diatas tertera " berfungsi dengan Google Drive". Maksudnya, jika anda telah membuka Copyright Free Image Picker natinya akan banyak terdapat ratusan bahkan ribuan foto gambar yang bisa anda gunakan. Anda bisa men-download lalu menyimpannya terlebih dahulu di google drive. Kelebihan dari aplikasi ini bukan hanya penyedia foto atau gambar gratis, tapi video free. Nah... jika anda memmbutuhkan video slide untuk blog anda, silahkan type pencarian image-nya anda rubah ke type pencarian video.</span></p><p style="text-align: left;"><span style="font-family: inherit;">Terimakasih.. telah berkunjung ke blog ini, semoga artikel ini bermanfaat dan jangan lupa bagikan artikel ini kepada rekan-rekan anda melalui group-group sosial media.</span></p></div>Tomo Koeswoyohttp://www.blogger.com/profile/13227200362676946594noreply@blogger.com0tag:blogger.com,1999:blog-7528518091426398088.post-4030349817987675682023-07-13T22:20:00.060+07:002024-03-17T12:13:50.997+07:00Ini Aplikasinya! Cara Mudah Kompres Foto Di Laptop<span content="cara kompres foto, kompres ukuran foto, cara kompres foto jpg, cara kompres foto di komputer, cara mengecilkan ukuran foto di laptop windows 10, cara mengecilkan ukuran foto jpg di laptop, kompres foto web, kompres foto webp, kompres foto webp ke jpg, cara mengubah webp menjadi jpg di laptop, aplikasi convert webp to jpg, webp to png, jpg to png, convert to webp, aplikasi image converter, aplikasi photo compress, aplikasi pengecil ukuran file, aplikasi kompres file gratis" itemprop="keywords"></span>
<div class="bordertext2">
<p style="text-align: left;"><span style="font-family: inherit;"><b>Deskripsi :</b></span></p><p style="text-align: left;"><span style="font-family: inherit;">Cara mudah mengubah, mengecilkan ukuran, convert serta kompres foto, gambar, image format png, jpg. bmp, gif dan sebagainya to format webp tanpa online (offline) dengan hasil yang memuaskan di laptop / pc.</span></p></div><a name='more'></a><p></p>
<p style="text-align: left;"><span style="font-display: swap; font-family: inherit; loading: eager;">Bagi blogger kawakan pastinya bukan hal yang asing lagi tentang istilah kompres image foto, gambar, image, file ini tapi bagi kalian yang baru terjun di dunia blogger ini wajib tahu apa itu kompresi image itu karena ini semua akan berujung pada performa blog yang sedang kalian buat. Tentang apa itu kompres image, fungsi dan tujuannya sebaiknya ikuti penjelasannya di bawah ini.</span></p>
<div class="bordertext" style="font-family: inherit;">
<p style="text-align: left;"><b><span style="font-family: inherit; font-size: medium;">Daftar isi:</span></b></p><p style="text-align: left;"><span style="font-family: inherit;"><b>
⦁ <a href="https://apa-maumu.blogspot.com/2023/07/ini-aplikasinya-cara-mudah-kompres-foto.html#Apa_Itu_Kompres">Apa Itu Kompres</a></b></span></p><p style="text-align: left;"><span style="font-family: inherit;"><b>
⦁ <a href="https://apa-maumu.blogspot.com/2023/07/ini-aplikasinya-cara-mudah-kompres-foto.html#Fungsi_Dan_Tujuan_Kompres_File">Fungsi Dan Tujuan Kompres File</a></b></span></p><p style="text-align: left;"><span style="font-family: inherit;"><b>
⦁ <a href="https://apa-maumu.blogspot.com/2023/07/ini-aplikasinya-cara-mudah-kompres-foto.html#Aplikasi_Kompres_File_XnConvert">Aplikasi Kompres File XnConvert</a></b></span></p><p style="text-align: left;"><span style="font-family: inherit;"><b>
⦁ <a href="https://apa-maumu.blogspot.com/2023/07/ini-aplikasinya-cara-mudah-kompres-foto.html#Cara_Penggunaan_Dan_Setting_Aplikasi_XnConvert">Cara Penggunaan Dan Setting Aplikasi XnConvert</a></b></span></p></div>
<p style="text-align: left;"><span style="font-family: inherit;"></span></p>
<p style="clear: both; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfu-0QOpSrlkX0hhIR2C68oH3Fmre2mWkHwbxWCA37Kfaz__o48HX0hEtN1bWL33fr7MMXJYjxSriexbk1iadZIUyG3qTyxB6qsemtMKmHzcwqFwnSkfh9EbITHHCvR_4JB5uIpB1BUH6FrZSbr1_sD9gToOdWgXJdmkXweMb7CF1v9YT4mkTO0KBigUSb/s585/KOMPRES%20FOTO.webp" style="margin-left: 0em; margin-right: 0em;"><span style="font-family: inherit;"><img alt="kompres foto di laptop" border="0" data-original-height="329" data-original-width="585" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfu-0QOpSrlkX0hhIR2C68oH3Fmre2mWkHwbxWCA37Kfaz__o48HX0hEtN1bWL33fr7MMXJYjxSriexbk1iadZIUyG3qTyxB6qsemtMKmHzcwqFwnSkfh9EbITHHCvR_4JB5uIpB1BUH6FrZSbr1_sD9gToOdWgXJdmkXweMb7CF1v9YT4mkTO0KBigUSb/s16000/KOMPRES%20FOTO.webp" title="cara mudah kompres foto di laptop" /></span></a></p>
<h4><span id="Apa_Itu_Kompres" style="font-family: inherit; font-size: 20px;">Apa Itu Kompres</span></h4>
<p style="text-align: left;"><span style="font-family: inherit;">Ok.. sobat, sebelum kita membahas tentang bagaimana cara meng-kompresi sebuah file baik itu berupa foto, gambar dan sebagainya ada baiknya saya ingin memberikan sedikit penjelasan tentang apa itu kompres file?. Secara garis besar kompres file dapat dijabarkan sebagai berikut :</span></p><p style="text-align: left;"><span style="font-family: inherit;">
" <b>Kompres File</b> adalah sebuah proses untuk mengurangi, mengecilkan file yang besar menjadi lebih kecil dengan menghapus data yang tidak dibutuhkan pada file tersebut."</span></p>
<h4 style="text-align: left;"><span id="Fungsi_Dan_Tujuan_Kompres_File" style="font-family: inherit; font-size: 20px;">Fungsi Dan Tujuan Kompres File</span></h4><p style="text-align: left;"><span style="font-family: inherit;">Seperti yang telah diutarakan di atas, fungsi dari kompres file adalah mengecilkan file yang besar menjadi lebih kecil yang bertujuan diantaranya untuk mempermudah mempercepat pengiriman, menghemat space pada penyimpanan file dsb. Dalam kaitanya dengan sebuah website, yang mana gambar foto image di dalamnya terkompresi dengan baik mempunyai peran sangat penting. Gambar foto image yang berukuran kecil tentunya sangat memperingan, mempercepat audiens dalam (memasuki) halaman web tersebut.</span></p>
<h4 style="text-align: left;"><span id="Aplikasi_Kompres_File_XnConvert" style="font-family: inherit; font-size: 20px;"><b>Aplikasi Kompres File XnConvert</b></span></h4><p style="text-align: left;"><span style="font-family: inherit;">Untuk bisa meng-kompres sebuah file, foto, gambar dsb. tentunya dibutuhkan sebuah aplikasi. Aplikasi untuk kompres image, gambar, foto ini namanya <b>XnConvert</b>. Little preview-nya bisa anda lihat seperti gambar di atas. Kelebihan dari aplikasi ini selain mampu meng-kompres file hingga 7%, aplikasi ini juga terkenal kecepatannya dalam meng-kompres sebuah file. Anda bisa melakukan kompresi dalam 1 folder sekaligus. Aplikasi ini juga tidak hanya mampu men-konversi dari file berbentuk png, jpg, bmp dsb. to webp tapi juga sebaliknya. Untuk medapatkan aplikasi ini secara gratis anda bisa mengunjungi langsung ke web resmi dari <a href="https://www.xnview.com/en/xnconvert/" rel="nofollow" target="_blank"><b>XnConvert</b></a>. Anda juag bisa mendapatkan aplikasi ini di mobile berbasis android. dengan kata kunci xnconvert pastinya. Kalian para blogger, webdeveloper tentunya sangat direkomendasikan untuk segera memiliki aplikasi ini di laptop, pc anda.</span></p>
<h4 style="text-align: left;"><span id="Cara_Penggunaan_Dan_Setting_Aplikasi_XnConvert" style="font-family: inherit; font-size: 20px;"><b>Cara Penggunaan Dan Setting Aplikasi XnConvert</b></span></h4><p style="text-align: left;"><span style="font-family: inherit;">Cara penggunaan aplikasi ini dibilang sangat begitu mudah dioperasikan. Atur / setting jenis file output yang anda inginkan (webp misalnya), pindahkan ke tabulasi input, masukkan file yang ingin dikompres / dikonversi lalu klik convert. Setting lebih lanjut untuk aplikasi ini bisa anda atur sendiri sesuai dengan keinginan anda. Tapi saya sendiri sering menggunakan setting default. Untuk gambar atau foto-foto tertentu misalnya gambar hasil screenshoot dari layar laptop untuk setting quality-nya terkadang saya turunkan hingga 10%. Walaupun demikian kualitasnyapun masih dirasa cukup bagus.</span></p>
<div class="note-5">
<p style="text-align: left;"><span style="font-family: inherit;">Baca juga : <a href="https://apa-maumu.blogspot.com/2023/07/ternyata-begini-cara-memasang-tag.html"><b>Ternyata Begini Cara Memasang Tag Hreflang Di Blogger</b></a></span></p>
</div>
<p style="text-align: left;"><span style="font-family: inherit;">Selamat mencoba, semoga artikel ini membawa manfaat. Jangan lupa untuk berikan comment dan bagikan ke teman, group dan media social lainnya. <i>Thank's..! </i></span></p>Tomo Koeswoyohttp://www.blogger.com/profile/13227200362676946594noreply@blogger.com0tag:blogger.com,1999:blog-7528518091426398088.post-5108188233170483062023-07-12T09:26:00.075+07:002024-03-15T13:33:14.649+07:00Cara Menggunakan Google Fonts di Blogspot<span content="Cara menggunakan google font di css, cara memasang google font di blogger, cara memasang google font di blogspot, cara mengganti google font di blogger" itemprop="keywords"></span>
<div class="bordertext2">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><b>Deskripsi :</b></span></p><p style="clear: both; text-align: left;"><span style="font-family: inherit;">Bagaimana cara menggunakan, mengganti, merubah menambahkan atau memasang web font baru di <a href="https://www.blogger.com/about/?bpli=1" rel="nofollow" target="_blank"><b>blogger</b></a> template (tema: simple) dengan menggunakan google font.</span></p></div><a name='more'></a><p></p>
<p style="clear: both; text-align: left;"><span style="font-display: swap; font-family: inherit; loading: eager;">Kita langsung ke sasaran utama tentang bagaimana cara mengunakan google font di blogspot. Oh.. ya guys, perlu anda ketahui bahwa tutorial ini penulis angkat dari hasil PKL praktek kerja lapangan, bukan dari hasil copy paste (hehe...) jadi kalian jangan ragu, dengan mengikuti tutorial ini dijamin 100% pasti berhasil. Untuk tema lain mungkin bisa disesuaikan karena pada dasarnya semua sama.</span></p>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Ok.. kita kembali ke TKP, ada beberapa langkah untuk bisa menggunakan google font di tema simple blogspot ( blogger template) baik di halaman post, judul blog, deskripsi judul postingan dan lainnya. Berikut langkah-langkahnya :</span></p>
<p style="clear: both; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilC4vzakKNhx-16uI9JNmhdG0sBYL7BZ8ENYZnQQGIATi6AjfdKO4w3C5dA2j7YX2rxy88-_odZApzDfxHpvJujmoO6sfl5eFnc0vpYPKHQihJMID7P2nERSJXIfIkuJauXjiJKjJ0XVVXyZLeuk-3zBSe5DO10xnzoU2S-ACe1n3yOVydz3vMLecNF3O4/s560/google%20fonts.webp" style="margin-left: 0em; margin-right: 0em;"><span style="font-family: inherit;"><img alt="Cara Menggunakan Google Fonts" border="0" data-original-height="315" data-original-width="560" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilC4vzakKNhx-16uI9JNmhdG0sBYL7BZ8ENYZnQQGIATi6AjfdKO4w3C5dA2j7YX2rxy88-_odZApzDfxHpvJujmoO6sfl5eFnc0vpYPKHQihJMID7P2nERSJXIfIkuJauXjiJKjJ0XVVXyZLeuk-3zBSe5DO10xnzoU2S-ACe1n3yOVydz3vMLecNF3O4/s16000/google%20fonts.webp" title="Cara Menggunakan Google Fonts Di Blogspot" /></span></a></p>
<h4 style="clear: both; text-align: left;"><span style="font-family: inherit; font-size: 20px;"><b>1. Memilih Jenis Google Fonts</b></span></h4>
<p style="text-align: left;"><span style="font-family: inherit;">Kunjungi web <a href="https://fonts.google.com/?hl=id" rel="nofollow" target="_blank"><b>google font</b></a> lalu pilih 2 atau lebih sekaligus jenis, macam font seperti yang anda kehendaki. Tentukan pula 2 macam ketebalan untuk setiap jenis font-nya. Ini bertujuan jika dalam penulisan terkadang dibutuhkan ketebalan huruf yang biasa <i>(reguler)</i> dan <i>bold</i>. Sebagai contoh kita pilih jenis font "Roboto" dengan ketebalan 400 dan 700. Jika dalam penulisan dalam sebuah posting kita menghendaki satu baris kalimat dengan huruf tebal maka secara otomatis huruf tebal yang digunakan adalah ketebalan 700, Jika kita hanya memilih satu ketebalan, misalnya cuma ketebalan 400, maka ketika kita menghendaki huruf tebal saat penulisan maka ketebalannyapun masih tetap sama seperti 400 alias tak berubah. Jika pemiliha huruf selesai, salin script : <i><b>link</b></i> juga <i><b>@import</b></i> yang berada di sebelah kanan. Kurang lebihnya seperti di bawah ini :</span></p>
<div class="bordertext">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><span> ⚫ Link</span><span><br /></span></span></p><p style="text-align: left;"><span style="font-family: inherit;"><span><link rel="preconnect" href="https://fonts.googleapis.com"><br /></span><span><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><br /></span><span><link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500&family=Oswald:wght@300;500&family=Roboto:wght@300;500&display=swap" rel="stylesheet"></span></span></p><p></p><div style="text-align: left;"><p style="text-align: left;"><span style="font-family: inherit;"><span>font-family: 'Montserrat', sans-serif;<br /></span><span>font-family: 'Oswald', sans-serif;<br /></span><span>font-family: 'Roboto', sans-serif;</span></span></p><div><b><span style="font-family: inherit;"><br /></span></b></div><p style="text-align: left;"><span style="font-family: inherit;"><span> </span></span>⚫<span style="font-family: inherit;"> @import</span></p><p style="text-align: left;"><span style="font-family: inherit;"><span><style><br /></span><span> @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500&family=Oswald:wght@300;500&family=Roboto:wght@300;500&display=swap');<br /></span><span></style></span></span></p><div><p style="text-align: left;"><span style="font-family: inherit;"><span>font-family: 'Montserrat', sans-serif;<br /></span><span>font-family: 'Oswald', sans-serif;<br /></span><span>font-family: 'Roboto', sans-serif;</span></span></p></div></div></div>
<div style="clear: both; text-align: left;"><b><span style="font-family: inherit;"><br /></span></b></div>
<h4 style="text-align: left;"><b><span style="font-family: inherit; font-size: 20px;">2. Memasang Script Google Fonts ke Blogger Template</span></b></h4><p><span style="font-family: inherit;"><span>Pilih salah satu script diatas lalu pasang dan letakkan diantara tag <head>. Untuk Script </span></span>⚫Link<span style="font-family: inherit;"> sebaiknya letakkan tepat dibawah tag pembuka <head> dan untuk script </span>⚫@import<span style="font-family: inherit;"> letakkan tepat diatas tag penutup <//head> . Tetapi sebelum memasang script dari google font ke template blogger kita rubah, kita sesuaikan dulu script tersebut dengan ekstensi pada format template blogger agar nantinya tidak terjadi error. </span><span style="font-family: inherit;"><b>( Pilih salahsatu di bawah ini! )</b></span></p>
<div class="bordertext">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><span> ⚫ Link</span><span><br /></span><span><link rel="preconnect" href="https://fonts.googleapis.com"><br /></span><span><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><br /></span><span><link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500&family=Oswald:wght@300;500&family=Roboto:wght@300;500&display=swap" rel="stylesheet"></span></span></p><div><p style="text-align: left;"><span style="font-family: inherit;"><b>Rubah menjadi seperti ini :</b></span></p><div><p style="text-align: left;"><span style="font-family: inherit;"><span><link href="https://fonts.googleapis.com" rel="preconnect"/><br /></span><span><link href="https://fonts.gstatic.com crossorigin" rel="preconnect"/><br /></span><span><link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500&amp;family=Oswald:wght@300;500&amp;family=Roboto:wght@300;500&amp;display=swap" rel="stylesheet"/></span></span></p></div><div></div></div></div><span style="font-family: inherit;"><span><br />
</span>
</span><div class="bordertext">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><span> ⚫ @import</span><span><br /></span><span><style><br /></span><span> @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500&family=Oswald:wght@300;500&family=Roboto:wght@300;500&display=swap');<br /></span><span></style></span></span></p><div><p style="text-align: left;"><span style="font-family: inherit;"><b>Rubah menjadi seperti ini :</b></span></p><p style="text-align: left;"><span style="font-family: inherit;"><span><style><br /></span><span> @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500&amp;family=Oswald:wght@300;500&amp;family=Roboto:wght@300;500&amp;display=swap');<br /></span><span></style></span></span></p></div></div>
<div style="text-align: left;"><b><span style="font-family: inherit;"><br /></span></b></div><h4 style="clear: both; text-align: left;"><span style="font-family: inherit; font-size: 20px;">3. Mengganti Font Blogger Template Dengan Font Baru Dari Google Fonts</span></h4>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Setelah pemasangan script selesai saatnya tiba mengganti font pada blogger template. Kita akan mencoba mengganti font baru pada bagian berikiut :</span></p><div><p style="text-align: left;"><span style="font-family: inherit;"><span><span style="font-size: xx-small;">●</span> Teks Halaman</span><br /><span><span style="font-size: xx-small;">●</span> </span><span>Judul Postingan (H3)</span><br /><span><span style="font-size: xx-small;">●</span> </span><span>Judul Gaway / Widget Title (H2)</span></span></p>
<h4 style="text-align: left;"><span style="font-family: inherit;"><span style="font-size: x-small;">●</span><span style="font-size: 20px;"> Mengganti Font Pada Teks Halaman</span></span></h4></div>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Sebelum mengganti font kita persiapkan dulu jenis font beserta ukuran font. Untuk ukuran font pada teks halaman setidaknya paling kecil berukuran 15px (acuan untuk seo). Kita akan mencoba jenis font "Montserrat" dengan ukuran font 15px. Begini susunannya :</span></p><div></div>
<div class="bordertext">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><span>value="ukuran font <i><b>spasi</b></i> nama jenis font dari google font yang telah disalin diatas"/><br /></span><span>value="15px 'Montserrat', sans-serif"/></span></span></p>
</div>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Cari css teks body variabel pada tema blogger lalu copy susunan diatas dan paste-kan pada nilai value. Begini detailnya :</span></p>
<div class="bordertext">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><span> <Group description="Page Text" selector="body"><br /></span><span> <Variable name="body.font" description="Font" type="font"<br /></span><span> default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/><br /></span><span> <Variable name="body.text.color" description="Text Color" type="color" default="#222222" value="#222222"/><br /></span><span> </Group></span></span></p><p style="text-align: left;"><span style="font-family: inherit;"><b>Rubah menjadi seperti ini :</b></span></p><p style="text-align: left;"><span style="font-family: inherit;"><span> <Group description="Page Text" selector="body"><br /></span><span> <Variable name="body.font" description="Font" type="font"<br /></span><span> default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="15px 'Montserrat', sans-serif"/><br /></span><span> <Variable name="body.text.color" description="Text Color" type="color" default="#222222" value="#222222"/><br /></span><span> </Group></span></span></p></div><div style="text-align: left;"><b style="background-color: #ffe599;"><span style="font-family: inherit;"><br /></span></b></div>
<h4 style="text-align: left;"><span style="font-family: inherit;"><span style="font-size: x-small;">●</span><span style="font-size: 20px;"> Mengganti Font Pada Teks Judul Postingan</span></span></h4><p style="text-align: left;"><span style="font-family: inherit;">Kita akan mencoba mengganti teks judul postingan dengan jenis font "Oswald" dengan ukuran font 24px. Begini susunannya :</span></p>
<div class="bordertext">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><span>value="ukuran font <b><i>spasi</i></b> nama jenis font dari google font yang telah disalin diatas"/><br /></span><span>value="24px 'Oswald', sans-serif"/></span></span></p>
</div>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Cari css teks judul postingan (h3) variabel tema pada blogger lalu copy susunan diatas dan paste-kan pada nilai value. Begini detailnya :</span></p>
<div class="bordertext">
<div style="clear: both; text-align: left;"><p style="text-align: left;"><span style="font-family: inherit;"><span><Group description="Post Title" selector="h3.post-title, .comments h4"><br /></span><span> <Variable name="post.title.font" description="Font" type="font"<br /></span><span> default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 24px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/><br /></span><span> </Group></span></span></p></div><p style="clear: both; text-align: left;"><span style="font-family: inherit;"></span></p>
<p style="text-align: left;"><span style="font-family: inherit;"><b>Rubah menjadi seperti ini :</b></span></p><p style="text-align: left;"><span style="font-family: inherit;"><span><Group description="Post Title" selector="h3.post-title, .comments h4"><br /></span><span> <Variable name="post.title.font" description="Font" type="font"<br /></span><span> default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="24px 'Oswald', sans-serif"/><br /></span><span> </Group> </span></span></p></div><div style="text-align: left;"><b style="background-color: #ffe599;"><span style="font-family: inherit;"><br /></span></b></div>
<h4 style="text-align: left;"><span style="font-family: inherit;"><span style="font-size: x-small;">●</span><span style="font-size: 20px;"> Mengganti Font Pada Widget Title</span></span></h4><p style="text-align: left;"><span style="background-color: white; font-family: inherit;">Kita akan mencoba mengganti teks widget title dengan jenis font "Roboto" dengan ukuran font 18px. Begini susunannya :</span></p>
<div class="bordertext">
<p style="text-align: left;"><span style="font-family: inherit;"><span>value="ukuran font spasi nama jenis font dari google font yang telah disalin diatas"/><br /></span><span>value="18px 'Roboto', sans-serif"/></span></span></p></div>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Cari css teks widget title (h2) variabel tema pada blogger lalu copy susunan diatas dan paste-kan pada nilai value. Begini detailnya :</span></p>
<div class="bordertext">
<div style="clear: both; text-align: left;"><p style="text-align: left;"><span style="font-family: inherit;"><span><Group description="Gadgets" selector="h2"><br /></span><span> <Variable name="widget.title.font" description="Title Font" type="font"<br /></span><span> default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/><br /></span><span> <Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000" value="#000000"/><br /></span><span> <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#999999" value="#999999"/><br /></span><span> </Group></span></span></p></div>
<p style="text-align: left;"><span style="font-family: inherit;"><b>Rubah menjadi seperti ini :</b></span></p><p style="text-align: left;"><span style="font-family: inherit;"><span><Group description="Gadgets" selector="h2"><br /></span><span> <Variable name="widget.title.font" description="Title Font" type="font"<br /></span><span> default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="18px 'Roboto', sans-serif"/><br /></span><span> <Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000" value="#000000"/><br /></span><span> <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#999999" value="#999999"/><br /></span><span> </Group></span></span></p></div>
<p style="text-align: left;"><span style="font-family: inherit;"></span></p>
<div class="note-5">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><b>" Baca juga : </b><a href="https://apa-maumu.blogspot.com/2023/07/3-langkah-membuat-template-blogger.html"><b>3 Langkah Membuat Template Blogger Responsive</b> </a><b>"</b></span></p>
</div>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><b>Done!</b></span></p>
<div class="bordertext">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><span><i><b>Note : <br /></b></i></span><span>> Jika tidak ada kesalahan dalam penulisan, penggunaan google fonts pada tema blogger pasti 100% berhasil<br /></span><span>> Untuk menimalisir kesalahan silahkan coba satu per satu, misalkan mengganti teks halaman terlebih dahulu jika berhasil anda bisa melanjutkan ke bagian lain.<br /></span><span>> Jika artikel ini bermanfaat bagi anda, tolong beri komentar dan bagikan ke teman, group dan media sosial lainya.</span></span></p></div>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Selamat Mencoba.... <b>sukses!</b></span></p>
Tomo Koeswoyohttp://www.blogger.com/profile/13227200362676946594noreply@blogger.com0tag:blogger.com,1999:blog-7528518091426398088.post-70878937519224266842023-07-03T16:23:00.056+07:002024-03-22T01:12:01.749+07:00Membuat Social Share Button Plus Icon Bentuk Bulat Dan Kotak Tanpa JavaScript<span content="Share button tanpa js, share button di html, share button media, cara membuat tombol sosial media di website, cara membuat tombol sosial media di html, button share whatsapp, button share html, membuat button share di website, tombol share yang ringan, tombol share wa whatsap dengan icon" itemprop="keywords"></span>
<div class="bordertext2">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><b>Deskripsi :</b></span></p><p style="clear: both; text-align: left;"><span style="font-family: inherit;">Cara mudah membuat tombol share sosial media yang bisa mewakili semua halaman web blogspot anda yang nggak pake ribet, 100% toKcer berhasil.</span></p></div><a name='more'></a><p></p>
<p style="clear: both; text-align: left;"><span style="font-display: swap; font-family: inherit; loading: eager;">Blogger mana yang tak kenal dengan tombol berbagi ke sosial media ini. Selain membantu dalam menyebarkan halaman web ke berbagai social media serta ke berbagai group whattapps misalnya, share button ini juga memperindah akan tampilan sebuah halaman web. Oleh karena itu setiap pemilik web pastinya tak akan pernah ketinggalan menyertakan tombol berbagi ini pada setiap halaman web-nya.</span></p>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Terinspirasi ketika ingin memasang tombol share yang mana terkadang kita mencoba-coba bentuk share button mana yang pas cocok dan ringan untuk blog kita, akhirnya saya mencoba untuk otak-atik sendiri dan hasilnya dapat anda lihat seperti gambar di bawah ini. Share button ini sudah aku test dan aku coba terapkan sendiri (tidak copas hehe..) dan tidak terdapat <b>break link</b> di dalamnya.</span></p>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Dan jika anda tertarik untuk menenpatkannya di halaman blog anda anda bisa ikuti tentang bagaimana cara membuat social share button di bawah ini. Oh ya sobat blogger, perlu diketahui bahwa posisi tombol berbagi sosial media ini saya rancang untuk diletakkan dibawah artikel. Selengkapnya, silahkan ikuti tutorialnya di bawah ini :</span></p>
<p style="clear: both; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV0cZk6t1W79HWYlWd6v95LohBMVlL8WM2JzigJGPvkJHHxPlgOOtY4pDUoIAkculnMP1hD3Oxqx7NB6RVBBBcPi_d5dG3wdq-BOEtZOUJVUzHGzT6W25utgrvQw-Ek_ttKmZSJnESVmsTgxru4ygLezxq9noYDIACn3-iSYNTURUHzAhcm-b-pDGyHk0s/s560/share_button.webp" style="margin-left: 0em; margin-right: 0em;"><span style="font-family: inherit;"><img alt="Social Share Button" border="0" data-original-height="315" data-original-width="560" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV0cZk6t1W79HWYlWd6v95LohBMVlL8WM2JzigJGPvkJHHxPlgOOtY4pDUoIAkculnMP1hD3Oxqx7NB6RVBBBcPi_d5dG3wdq-BOEtZOUJVUzHGzT6W25utgrvQw-Ek_ttKmZSJnESVmsTgxru4ygLezxq9noYDIACn3-iSYNTURUHzAhcm-b-pDGyHk0s/w400-h225/share_button.webp" title="Membuat Social Share Button" width="400" /></span></a></p>
<h4 style="clear: both; text-align: left;"><b><span style="font-family: inherit;">Langkah Pertama Membuat Tombol Share Sosial Media (bulat)</span></b></h4>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Buka menu tema (template) lalu klik edit HTML. Kemudian copy lalu paste tag awesome di bawah ini di bawah tag head pembuka <b><head></b> :</span></p>
<div class="bordertext">
<p style="text-align: left;"><span style="font-family: inherit;">
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/></span></p></div>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"></span></p>
<h4 style="clear: both; text-align: left;"><b><span style="font-family: inherit;">Langkah Kedua Membuat Tombol Share Sosial Media (bulat)</span></b></h4>
<p style="text-align: left;"><span style="font-family: inherit;">Copy lalu paste css di bawah ini dan letakkan di atas tag head penutup <b></head></b> :</span></p>
<div class="bordertext">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">#apmshare a {<br /> display: block; float: left;</span></p><p style="text-align: left;"><span style="font-family: inherit;"><span> padding: 12px;<br /></span><span> font-size: 15px;<br /></span><span> width: 16px;<br /></span><span> text-align: center;<br /></span><span> text-decoration: none;<br /></span><span> margin: 1px;<br /></span><span> border-radius: 50%;<br /></span><span>}</span></span></p><p style="text-align: left;"><span style="font-family: inherit;"><span>#apmshare a:hover {<br /></span><span> opacity: 0.3;<br /></span><span>}</span></span></p><p style="text-align: left;"><span style="font-family: inherit;"><span>#apmshare a.fa-facebook {<br /></span><span> background: #3B5998;<br /></span><span> color: white;<br /></span><span>}</span></span></p><p style="text-align: left;"><span style="font-family: inherit;"><span>#apmshare a.fa-twitter {<br /></span><span> background: #55ACEE;<br /></span><span> color: white;<br /></span><span>}</span></span></p><p style="text-align: left;"><span style="font-family: inherit;"><span>#apmshare a.fa-linkedin {<br /></span><span> background: #007bb5;<br /></span><span> color: white;<br /></span><span>}</span></span></p><p style="text-align: left;"><span style="font-family: inherit;"><span>#apmshare a.fa-pinterest {<br /></span><span> background: #cb2027;<br /></span><span> color: white;<br /></span><span>}</span></span></p><div><p style="text-align: left;"><span style="font-family: inherit;"><span>#apmshare a.fa-tumblr {<br /></span><span> background: #2c4762;<br /></span><span> color: white;<br /></span><span>}</span><span> </span></span></p><p style="text-align: left;"><span style="font-family: inherit;"><span>#apmshare a.fa-telegram {<br /></span><span> background: #7baaf7;<br /></span><span> color: white;<br /></span><span>}</span><span> </span></span></p></div><p style="text-align: left;"><span style="font-family: inherit;"><span>#apmshare a.fa-whatsapp {<br /></span><span> background: #2af50f;<br /></span><span> color: white;<br /></span><span></style></span></span></p></div>
<p style="text-align: left;"><span style="font-family: inherit;"></span></p>
<h4 style="text-align: left;"><span style="font-family: inherit;"><b>Langkah Ketiga Membuat Tombol Share Sosial Media (bulat)</b></span></h4>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Cari tag <b><data:post.body/></b> , yang pertama biasanya tombol akan muncul di awal postingan dan yang kedua biasanya akan muncul di akhir postingan. Kemudian copy html di bawah ini lalu paste tepat di bawahnya :</span></p>
<div class="bordertext">
<p style="text-align: left;"><span style="font-family: inherit;"><span><b:if cond='data:blog.pageType == &quot;item&quot;'> <br /></span><span><div id='apmshare'><br /></span><span><a aria-label='Facebook' class='fa fa-facebook' expr:href='&quot;https://www.facebook.com/sharer/sharer.php? u=&quot; + data:post.canonicalUrl' rel='noopener' target='_blank' title='Share on Facebook'/></span></span></p><p style="text-align: left;"><span style="font-family: inherit;"><a aria-label='Twitter' class='fa fa-twitter' expr:href='&quot;https://twitter.com/intent/tweet?text=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.canonicalUrl' rel='noopener' target='_blank' title='Share on Twitter'/></span></p><p style="text-align: left;"><span style="font-family: inherit;"><a aria-label='LinkedIn' class='fa fa-linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.canonicalUrl' rel='noopener' target='_blank' title='Share on LinkedIn'/></span></p><p style="text-align: left;"><span style="font-family: inherit;"><a aria-label='Pinterest' class='fa fa-pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.canonicalUrl + &quot;&amp;media=&quot; + data:post.firstImageUrl + &quot;&amp;description=&quot; + data:post.title' rel='noopener' target='_blank' title='Share on Pinterest'/></span></p><p style="text-align: left;"><span style="font-family: inherit;"><a aria-label='Tumblr' class='fa fa-tumblr' expr:href='&quot;http://tumblr.com/share/link?url=&quot; + data:post.canonicalUrl + &quot;&amp;name=&quot; + data:post.title + &quot;&amp;description=&quot; + data:post.snippet' rel='noopener' target='_blank' title='Share on Tumblr'/></span></p><p style="text-align: left;"><span style="font-family: inherit;"><a aria-label='Telegram' class='fa fa-telegram' expr:href='&quot;https://telegram.me/share/url?text=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.canonicalUrl' rel='noopener' target='_blank' title='Share on Telegram'/> </span></p><p style="text-align: left;"><span style="font-family: inherit;"><span><a aria-label='WhatsApp' class='fa fa-whatsapp' data-action='share/whatsapp/share' expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot;%3A%20&quot; + data:post.canonicalUrl' rel='noopener' target='_blank' title='Share on WhatsApp'/> <br /></span><span></div><br /></span><span><!--close div apmshare--><br /></span><span><div class='clear'/> <br /></span><span></b:if> </span></span></p></div>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Lantas bagaimana cara membuat share button bentuk kotak? Oke... untuk membuat share button bentuk kotak sangatlah gampang. Anda tinggal menghapus sebagian css (bulat) lalu menggantinya dengan css di bawah ini. Untuk lebih jelasnya, lihat gambar di bawah ini.</span></p>
<p style="clear: both; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ_wThaFpKM8HBizqM8NEDowFWXDajzv8c1FsjkeNHMa3QdcCRXvFO9C_zBkbEM0xyYgy6eVZtDOk4HKs07kqznoGR5D5R9vYY7RAqisFmhWgw0LdtUYrxOsIPTbuIcF7sIVg6DLxEkDRaBAQGuGeGuCbbgQLMeVg4sKhiF8OaAugkjdh5FedlAzHJZ9Aw/s560/css%20tombol%20share.webp" style="margin-left: 0em; margin-right: 0em;"><span style="font-family: inherit;"><img alt="CSS Tombol Share Sosial Media" border="0" data-original-height="315" data-original-width="560" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ_wThaFpKM8HBizqM8NEDowFWXDajzv8c1FsjkeNHMa3QdcCRXvFO9C_zBkbEM0xyYgy6eVZtDOk4HKs07kqznoGR5D5R9vYY7RAqisFmhWgw0LdtUYrxOsIPTbuIcF7sIVg6DLxEkDRaBAQGuGeGuCbbgQLMeVg4sKhiF8OaAugkjdh5FedlAzHJZ9Aw/w320-h180/css%20tombol%20share.webp" title="Script css Tombol Share Sosial Media" width="320" /></span></a></p>
<div class="bordertext">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><span>#apmshare a {<br /></span><span> display: block;<br /></span><span> float: left;<br /></span><span> padding: 12px;<br /></span><span> font-size: 15px;<br /></span><span> width: 16px;<br /></span><span> text-align: center;<br /></span><span> text-decoration: none;<br /></span><span> margin: 1px; <br /></span><span>}</span></span></p></div>
<p style="text-align: left;"><b><span style="font-family: inherit;">Done!</span></b></p>
<div class="note-5">
<p style="text-align: left;"><span style="font-family: inherit;"> <span style="color: #0b5394;">Baca juga :</span> <a href="https://apa-maumu.blogspot.com/2023/07/ini-aplikasinya-cara-mudah-kompres-foto.html">I<b>ni Aplikasinya! Cara Mudah Kompres Foto Di Laptop</b></a></span></p></div>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Semoga artikel ini bermanfaat, selamat mencoba dan salam sukses. Dan jangan lupa bagikan artike ini.</span></p>Tomo Koeswoyohttp://www.blogger.com/profile/13227200362676946594noreply@blogger.com0tag:blogger.com,1999:blog-7528518091426398088.post-44991964920264655192023-07-01T16:22:00.105+07:002024-03-17T17:30:14.493+07:00Ternyata Begini Cara Memasang Tag Hreflang Di Blogger<span content="Cara memasang tag hreflang, cara membuat tag hreflang, tag hreflang valid, contoh tag hreflang, hreflang tag example, bagaimana tag hreflang digunakan" itemprop="keywords"></span>
<div class="bordertext2">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><b>Deskripsi :</b></span></p><p style="clear: both; text-align: left;"><span style="font-family: inherit;">Contoh cara membuat, memasang Tag Hreflang yang valid dan penerapannya agar website tetap seo di blogspot.</span></p></div><a name='more'></a><p></p>
<p style="clear: both; text-align: left;"><span style="font-display: swap; font-family: inherit; loading: over-eager;">Berhati-hatilah, jika kesalahan dalam memasang tag yang berfungsi untuk memberitahu bahasa dan target geografi dari halaman web agar dapat ditampilkan sesuai dengan bahasa dan lokasi pembaca (audiens) ini justu berdampak mengurangi point seo dari blog anda. Pesan ini akan tampak disaat kita menguji web kita di PageSpeed Insights.</span></p>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Seperti yang pernah saya alami dalam memperbaiki hreflang tag di blog ini. Website dan literasi lain yang berkaitan dengan tag hreflang ini sudah banyak kubaca, namun sayang tak satupun literasi yang memberikan contoh nyata tentang cara memasang cara membuat tag hreflang ini pada sebuah website. Acap kali melakukan perbaikan hal yang menyangkut hreflang tag ini saya selalu mengujinya di PageSpeed Insights.</span></p>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Mungkin bisa saja cara pemahaman saya yang kurang cerdas dalam memahami semua literasi yang saya baca, hehe... telmi guys!. Akhirnya saya coba-coba mempraktekkan dari setiap asumsi menurut pemahamanku hinnga suatu saat tak kujumpai lagi notifikasi pada tag hreflang ini. Begini awalnya script hreflang yang kupasang :</span></p>
<div class="bordertext">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><link href='data:blog.url' hreflang='x-default' rel='alternate'/></span></p><p style="clear: both; text-align: left;"><span style="font-family: inherit;"> ↓</span></p>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><span><link href='https://apa-maumu.blogspot.com/' hreflang='x-default' rel='alternate'/><br /></span><span><link href='https://apa-maumu.blogspot.com/' hreflang='id' rel='alternate'/><br /></span><span><link href='https://apa-maumu.blogspot.com/' hreflang='en-us' rel='alternate'/></span></span></p>
</div>
<p style="clear: both; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU4uTphyjE6JKx_B8Vt2skHK_pCKweu0lO0nb82GqEWlzn19NImSSPrTwXvVR8JxxV6mPL9gte_Xv6yZZdQXJu6YwGsNGGT_yAlR2iyPNEAJ0JWzO6gkY4hFwknlchOn9-vfC4_1Awb9fX-S2F95Xr0SHx_sdAWiYP5cRUpApiPpKo-YSIlWWpNx3BK_I4/s555/tag%20hreflang.webp" style="margin-left: 0em; margin-right: 0em;"><span style="font-family: inherit;"><img alt="cara memasang tag hreflang" border="0" data-original-height="312" data-original-width="555" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU4uTphyjE6JKx_B8Vt2skHK_pCKweu0lO0nb82GqEWlzn19NImSSPrTwXvVR8JxxV6mPL9gte_Xv6yZZdQXJu6YwGsNGGT_yAlR2iyPNEAJ0JWzO6gkY4hFwknlchOn9-vfC4_1Awb9fX-S2F95Xr0SHx_sdAWiYP5cRUpApiPpKo-YSIlWWpNx3BK_I4/s16000/tag%20hreflang.webp" title="cara memasang tag hreflang di blogger" /><span></span></span></a></p>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Saat itu aku gembira karena kudapatkan notifikasi "anda memiliki hreflang yang valid", seo-nya pun semakin baik. Tapi saat itu akupun berpikir bahwa <i>"Tag hreflang yang kupasang hanyalah untuk halaman beranda, lalu halaman filenya?". </i>Kemudian kucoba menambahkan tag hreflang untuk setiap file halaman yang ada di blog-ku.<span></span></span></p>
<div class="bordertext">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><span><link href='https://apa-maumu.blogspot.com/2022/11/apa-itu-kata-kunci.html' hreflang='id' rel='alternate'/></span><span><br /></span><span><link href='https://apa-maumu.blogspot.com/2023/07/ternyata-begini-cara-memasang-tag.html' hreflang='zh-cn' rel='alternate'/></span><span><br /></span><span><link href='https://apa-maumu.blogspot.com/2023/07/3-langkah-membuat-template-blogger.html' hreflang='en-us' rel='alternate'/></span></span></p></div>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Kucoba lagi ke speedtest, hasilnyapun masih tetap valid. Aku masih mencoba untuk berpikir lagi karena kurasa ada yang kurang pas.</span></p>
<div class="note-5">
<span style="font-family: inherit;"><p style="clear: both; font-style: italic; text-align: left;"></p><p style="text-align: left;">"kalau setiap halaman file harus aku buat tag hreflang yang berbeda beda pula, pastinya capek deh..!"</p><p style="font-style: italic;"></p></span></div>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Kucari lagi literasi tentang tag hreflang hingga kucoba download beberapa tema website barangkali ada tag hreflang yang bisa mewakili semua file halaman yang ada di blog-ku. Singkat cerita, akhirnya dapat kutemukan tag hreflang seperti ini : </span></p>
<div class="bordertext">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/></span></p>
</div>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Jika anda ingin menambahkan tag hreflang, copy lalu paste di bawah tag <head> pembuka. Perihal fungsi tag hreflang ini secara detail anda bisa membacanya di : https://ahrefs.com/blog/hreflang-tags/ Dan berikut beberapa kode bahasa yang bisa anda terapkan di website jika anda ingin memasukan tag hreflang satu per satu dari file halaman website yang anda kehendaki sesuai dengan target geografis (negara) yang anda pilih / tentukan. Seperti literasi yang pernah aku baca, bahwa google menyarankan untuk menambahkanya untuk halaman web yang anda kehendaki sesuai dengan target geografi yang anda pilih.</span></p>
<div class="note-5">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><span style="color: #0b5394;">Baca juga :</span><span style="color: #f1c232;"> </span> <a href="https://apa-maumu.blogspot.com/2023/07/membuat-social-share-button-plus-icon.html"><b>Membuat Social Share Button Plus Icon Bentuk Bulat Dan Kotak Tanpa JavaScript</b></a></span></p>
</div>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"></span></p>
<h3 style="clear: both; text-align: left;"><span style="font-family: inherit;">Kode Bahasa</span></h3>
<table>
<tbody><tr>
<th><span style="font-family: inherit; font-weight: normal;">Negara</span></th>
<th><span style="font-family: inherit; font-weight: normal;">Kode Bahasa</span></th>
</tr>
<tr>
<td><span style="font-family: inherit;">Abkhazian</span></td>
<td><span style="font-family: inherit;">ab</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Afar</span></td>
<td><span style="font-family: inherit;">aa</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Afrikaans</span></td>
<td><span style="font-family: inherit;">af</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Akan</span></td>
<td><span style="font-family: inherit;">ak</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Albanian</span></td>
<td><span style="font-family: inherit;">sq</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Amharic</span></td>
<td><span style="font-family: inherit;">am</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Arabic</span></td>
<td><span style="font-family: inherit;">ar</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Aragonese</span></td>
<td><span style="font-family: inherit;">an</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Armenian</span></td>
<td><span style="font-family: inherit;">hy</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Assamese</span></td>
<td><span style="font-family: inherit;">as</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Avaric</span></td>
<td><span style="font-family: inherit;">av</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Avestan</span></td>
<td><span style="font-family: inherit;">ae</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Aymara</span></td>
<td><span style="font-family: inherit;">ay</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Azerbaijani</span></td>
<td><span style="font-family: inherit;">az</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Bambara</span></td>
<td><span style="font-family: inherit;">bm</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Bashkir</span></td>
<td><span style="font-family: inherit;">ba</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Basque</span></td>
<td><span style="font-family: inherit;">eu</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Belarusian</span></td>
<td><span style="font-family: inherit;">be</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Bengali (Bangla)</span></td>
<td><span style="font-family: inherit;">bn</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Bihari</span></td>
<td><span style="font-family: inherit;">bh</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Bislama</span></td>
<td><span style="font-family: inherit;">bi</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Bosnian</span></td>
<td><span style="font-family: inherit;">bs</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Breton</span></td>
<td><span style="font-family: inherit;">br</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Bulgarian</span></td>
<td><span style="font-family: inherit;">bg</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Burmese</span></td>
<td><span style="font-family: inherit;">my</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Catalan</span></td>
<td><span style="font-family: inherit;">ca</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Chamorro</span></td>
<td><span style="font-family: inherit;">ch</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Chechen</span></td>
<td><span style="font-family: inherit;">ce</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Chichewa, Chewa, Nyanja</span></td>
<td><span style="font-family: inherit;">ny</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Chinese</span></td>
<td><span style="font-family: inherit;">zh</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Chinese (Singapore)</span></td>
<td><span style="font-family: inherit;">zh-sg</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Chinese (Simplified)</span></td>
<td><span style="font-family: inherit;">zh-Hans</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Chinese (Traditional)</span></td>
<td><span style="font-family: inherit;">zh-Hant</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Chuvash</span></td>
<td><span style="font-family: inherit;">cv</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Cornish</span></td>
<td><span style="font-family: inherit;">kw</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Corsican</span></td>
<td><span style="font-family: inherit;">co</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Cree</span></td>
<td><span style="font-family: inherit;">cr</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Croatian</span></td>
<td><span style="font-family: inherit;">hr</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Czech</span></td>
<td><span style="font-family: inherit;">cs</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Danish</span></td>
<td><span style="font-family: inherit;">da</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Divehi, Dhivehi, Maldivian</span></td>
<td><span style="font-family: inherit;">dv</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Dutch</span></td>
<td><span style="font-family: inherit;">nl</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Dzongkha</span></td>
<td><span style="font-family: inherit;">dz</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">English</span></td>
<td><span style="font-family: inherit;">en</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">English (Australia)</span></td>
<td><span style="font-family: inherit;">en-au</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">English (Canada)</span></td>
<td><span style="font-family: inherit;">en-ca</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">English (United State)</span></td>
<td><span style="font-family: inherit;">en-us</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Esperanto</span></td>
<td><span style="font-family: inherit;">eo</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Estonian</span></td>
<td><span style="font-family: inherit;">et</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Ewe</span></td>
<td><span style="font-family: inherit;">ee</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Faroese</span></td>
<td><span style="font-family: inherit;">fo</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Fijian</span></td>
<td><span style="font-family: inherit;">fj</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Finnish</span></td>
<td><span style="font-family: inherit;">fi</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">French</span></td>
<td><span style="font-family: inherit;">fr</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Fula, Fulah, Pulaar, Pular</span></td>
<td><span style="font-family: inherit;">ff</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Galician</span></td>
<td><span style="font-family: inherit;">gl</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Gaelic (Scottish)</span></td>
<td><span style="font-family: inherit;">gd</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Gaelic (Manx)</span></td>
<td><span style="font-family: inherit;">gv</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Georgian</span></td>
<td><span style="font-family: inherit;">ka</span></td>
</tr>
<tr>
<td style="height: 23px;"><span style="font-family: inherit;">German</span></td>
<td style="height: 23px;"><span style="font-family: inherit;">de</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Greek</span></td>
<td><span style="font-family: inherit;">el</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Greenlandic</span></td>
<td><span style="font-family: inherit;">kl</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Guarani</span></td>
<td><span style="font-family: inherit;">gn</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Gujarati</span></td>
<td><span style="font-family: inherit;">gu</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Haitian Creole</span></td>
<td><span style="font-family: inherit;">ht</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Hausa</span></td>
<td><span style="font-family: inherit;">ha</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Hebrew</span></td>
<td><span style="font-family: inherit;">he</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Herero</span></td>
<td><span style="font-family: inherit;">hz</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Hindi</span></td>
<td><span style="font-family: inherit;">hi</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Hiri Motu</span></td>
<td><span style="font-family: inherit;">ho</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Hungarian</span></td>
<td><span style="font-family: inherit;">hu</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Icelandic</span></td>
<td><span style="font-family: inherit;">is</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Ido</span></td>
<td><span style="font-family: inherit;">io</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Igbo</span></td>
<td><span style="font-family: inherit;">ig</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Indonesian</span></td>
<td><span style="font-family: inherit;">id, in</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Interlingua</span></td>
<td><span style="font-family: inherit;">ia</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Interlingue</span></td>
<td><span style="font-family: inherit;">ie</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Inuktitut</span></td>
<td><span style="font-family: inherit;">iu</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Inupiak</span></td>
<td><span style="font-family: inherit;">ik</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Irish</span></td>
<td><span style="font-family: inherit;">ga</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Italian</span></td>
<td><span style="font-family: inherit;">it</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Japanese</span></td>
<td><span style="font-family: inherit;">ja</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Javanese</span></td>
<td><span style="font-family: inherit;">jv</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Kalaallisut, Greenlandic</span></td>
<td><span style="font-family: inherit;">kl</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Kannada</span></td>
<td><span style="font-family: inherit;">kn</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Kanuri</span></td>
<td><span style="font-family: inherit;">kr</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Kashmiri</span></td>
<td><span style="font-family: inherit;">ks</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Kazakh</span></td>
<td><span style="font-family: inherit;">kk</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Khmer</span></td>
<td><span style="font-family: inherit;">km</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Kikuyu</span></td>
<td><span style="font-family: inherit;">ki</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Kinyarwanda (Rwanda)</span></td>
<td><span style="font-family: inherit;">rw</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Kirundi</span></td>
<td><span style="font-family: inherit;">rn</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Kyrgyz</span></td>
<td><span style="font-family: inherit;">ky</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Komi</span></td>
<td><span style="font-family: inherit;">kv</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Kongo</span></td>
<td><span style="font-family: inherit;">kg</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Korean</span></td>
<td><span style="font-family: inherit;">ko</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Kurdish</span></td>
<td><span style="font-family: inherit;">ku</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Kwanyama</span></td>
<td><span style="font-family: inherit;">kj</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Lao</span></td>
<td><span style="font-family: inherit;">lo</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Latin</span></td>
<td><span style="font-family: inherit;">la</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Latvian (Lettish)</span></td>
<td><span style="font-family: inherit;">lv</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Limburgish ( Limburger)</span></td>
<td><span style="font-family: inherit;">li</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Lingala</span></td>
<td><span style="font-family: inherit;">ln</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Lithuanian</span></td>
<td><span style="font-family: inherit;">lt</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Luga-Katanga</span></td>
<td><span style="font-family: inherit;">lu</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Luganda, Ganda</span></td>
<td><span style="font-family: inherit;">lg</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Luxembourgish</span></td>
<td><span style="font-family: inherit;">lb</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Manx</span></td>
<td><span style="font-family: inherit;">gv</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Macedonian</span></td>
<td><span style="font-family: inherit;">mk</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Malagasy</span></td>
<td><span style="font-family: inherit;">mg</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Malay</span></td>
<td><span style="font-family: inherit;">ms</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Malayalam</span></td>
<td><span style="font-family: inherit;">ml</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Maltese</span></td>
<td><span style="font-family: inherit;">mt</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Maori</span></td>
<td><span style="font-family: inherit;">mi</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Marathi</span></td>
<td><span style="font-family: inherit;">mr</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Marshallese</span></td>
<td><span style="font-family: inherit;">mh</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Moldavian</span></td>
<td><span style="font-family: inherit;">mo</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Mongolian</span></td>
<td><span style="font-family: inherit;">mn</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Nauru</span></td>
<td><span style="font-family: inherit;">na</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Navajo</span></td>
<td><span style="font-family: inherit;">nv</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Ndonga</span></td>
<td><span style="font-family: inherit;">ng</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Northern Ndebele</span></td>
<td><span style="font-family: inherit;">nd</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Nepali</span></td>
<td><span style="font-family: inherit;">ne</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Norwegian</span></td>
<td><span style="font-family: inherit;">no</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Norwegian bokmål</span></td>
<td><span style="font-family: inherit;">nb</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Norwegian nynorsk</span></td>
<td><span style="font-family: inherit;">nn</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Nuosu</span></td>
<td><span style="font-family: inherit;">ii</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Occitan</span></td>
<td><span style="font-family: inherit;">oc</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Ojibwe</span></td>
<td><span style="font-family: inherit;">oj</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Old Church Slavonic, Old Bulgarian</span></td>
<td><span style="font-family: inherit;">cu</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Oriya</span></td>
<td><span style="font-family: inherit;">or</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Oromo (Afaan Oromo)</span></td>
<td><span style="font-family: inherit;">om</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Ossetian</span></td>
<td><span style="font-family: inherit;">os</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Pali</span></td>
<td><span style="font-family: inherit;">pi</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Pashto, Pushto</span></td>
<td><span style="font-family: inherit;">ps</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Persian (Farsi)</span></td>
<td><span style="font-family: inherit;">fa</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Polish</span></td>
<td><span style="font-family: inherit;">pl</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Portuguese</span></td>
<td><span style="font-family: inherit;">pt</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Punjabi (Eastern)</span></td>
<td><span style="font-family: inherit;">pa</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Quechua</span></td>
<td><span style="font-family: inherit;">qu</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Romansh</span></td>
<td><span style="font-family: inherit;">rm</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Romanian</span></td>
<td><span style="font-family: inherit;">ro</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Russian</span></td>
<td><span style="font-family: inherit;">ru</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Sami</span></td>
<td><span style="font-family: inherit;">se</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Samoan</span></td>
<td><span style="font-family: inherit;">sm</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Sango</span></td>
<td><span style="font-family: inherit;">sg</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Sanskrit</span></td>
<td><span style="font-family: inherit;">sa</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Serbian</span></td>
<td><span style="font-family: inherit;">sr</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Serbo-Croatian</span></td>
<td><span style="font-family: inherit;">sh</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Sesotho</span></td>
<td><span style="font-family: inherit;">st</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Setswana</span></td>
<td><span style="font-family: inherit;">tn</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Shona</span></td>
<td><span style="font-family: inherit;">sn</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Sichuan Yi</span></td>
<td><span style="font-family: inherit;">ii</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Sindhi</span></td>
<td><span style="font-family: inherit;">sd</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Sinhalese</span></td>
<td><span style="font-family: inherit;">si</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Siswati</span></td>
<td><span style="font-family: inherit;">ss</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Slovak</span></td>
<td><span style="font-family: inherit;">sk</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Slovenian</span></td>
<td><span style="font-family: inherit;">sl</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Somali</span></td>
<td><span style="font-family: inherit;">so</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Southern Ndebele</span></td>
<td><span style="font-family: inherit;">nr</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Spanish</span></td>
<td><span style="font-family: inherit;">es</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Sundanese</span></td>
<td><span style="font-family: inherit;">su</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Swahili (Kiswahili)</span></td>
<td><span style="font-family: inherit;">sw</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Swati</span></td>
<td><span style="font-family: inherit;">ss</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Swedish</span></td>
<td><span style="font-family: inherit;">sv</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Tagalog</span></td>
<td><span style="font-family: inherit;">tl</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Tahitian</span></td>
<td><span style="font-family: inherit;">ty</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Tajik</span></td>
<td><span style="font-family: inherit;">tg</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Tamil</span></td>
<td><span style="font-family: inherit;">ta</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Tatar</span></td>
<td><span style="font-family: inherit;">tt</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Telugu</span></td>
<td><span style="font-family: inherit;">te</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Thai</span></td>
<td><span style="font-family: inherit;">th</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Tibetan</span></td>
<td><span style="font-family: inherit;">bo</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Tigrinya</span></td>
<td><span style="font-family: inherit;">ti</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Tonga</span></td>
<td><span style="font-family: inherit;">to</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Tsonga</span></td>
<td><span style="font-family: inherit;">ts</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Turkish</span></td>
<td><span style="font-family: inherit;">tr</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Turkmen</span></td>
<td><span style="font-family: inherit;">tk</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Twi</span></td>
<td><span style="font-family: inherit;">tw</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Uyghur</span></td>
<td><span style="font-family: inherit;">ug</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Ukrainian</span></td>
<td><span style="font-family: inherit;">uk</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Urdu</span></td>
<td><span style="font-family: inherit;">ur</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Uzbek</span></td>
<td><span style="font-family: inherit;">uz</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Venda</span></td>
<td><span style="font-family: inherit;">ve</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Vietnamese</span></td>
<td><span style="font-family: inherit;">vi</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Volapük</span></td>
<td><span style="font-family: inherit;">vo</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Wallon</span></td>
<td><span style="font-family: inherit;">wa</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Welsh</span></td>
<td><span style="font-family: inherit;">cy</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Wolof</span></td>
<td><span style="font-family: inherit;">wo</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Western Frisian</span></td>
<td><span style="font-family: inherit;">fy</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Xhosa</span></td>
<td><span style="font-family: inherit;">xh</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Yiddish</span></td>
<td><span style="font-family: inherit;">yi, ji</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Yoruba</span></td>
<td><span style="font-family: inherit;">yo</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Zhuang, Chuang</span></td>
<td><span style="font-family: inherit;">za</span></td>
</tr>
<tr>
<td><span style="font-family: inherit;">Zulu</span></td>
<td><span style="font-family: inherit;">zu</span></td>
</tr>
</tbody></table>
<span style="font-family: inherit;"><br /></span><div><p style="text-align: left;"><span style="font-family: inherit;"><b>
Selamat Mencoba</b>... semoga bermanfaat, dan jangan lupa untuk bagikan artikel ini. Thank's..!</span></p><div><i><br /></i></div></div>Tomo Koeswoyohttp://www.blogger.com/profile/13227200362676946594noreply@blogger.com0tag:blogger.com,1999:blog-7528518091426398088.post-13912213270038387252023-07-01T10:47:00.103+07:002024-03-18T04:06:35.831+07:003 Langkah Membuat Template Blogger Responsive<span content="Membuat template blogger sendiri, blogger template responsive, cara membuat template blogger responsive, cara mengganti template blogger, template blogger seo friendly fast loading, template blogger seo friendly gratis, tema blogger simple, tema blogger keren, tema blogger yang menarik" itemprop="keywords"></span>
<div class="bordertext2">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><b>Deskripsi :</b></span></p><p style="clear: both; text-align: left;"><span style="font-family: inherit;">Cara mudah membuat, merubah, memodifikasi template blogspot menjadi responsive mobile & seo friendly 100% nggak pake ribet.</span></p></div><a name='more'></a><p></p>
<p style="clear: both; text-align: left;"><span style="font-display: swap; font-family: inherit; loading: over-eager;">Salam jumpa rekan-rekan blogger dimanapun kalian berada. Anda yang sedang membaca artikel ini saya yakin anda masih satu rating dengan saya, yaitu seorang pemula di dunia webmaster, <i>hehe...</i> Namun tak apa, yang penting kita bisa saling berbagi, saling melengkapi walau sekecil apapun pengetahuan yang kita miliki. Baiklah...sebelum menuju tentang <a href="https://apa-maumu.blogspot.com/2023/07/3-langkah-membuat-template-blogger.html"><b>3 langkah membuat template blogger responsive</b></a> ada baiknya saya ucapkan terimakasih terlebih dahulu kepada : https://tipsseokiller.blogspot.com/ yang mana telah menginspirasi saya untuk membuat artikel ini tentunya dengan sedikit perubahan dan modifikasi.</span></p>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Blogger mana yang tak pingin memiliki template <a href="https://www.blogger.com/" target="_blank"><b>blogger</b></a> yang mobile friendly, seo dengan tampilan menawan dan menarik setiap pengunjung yang datang. Dengan sejumlah uang mungkin hari ini juga kita bisa memilikinya. Apalagi sekarang telah banyak template yang berbasis mobile amp dengan kecepatan load yang sangat luar biasa.</span></p>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Jika kalian sepandapat dengan saya, masalahnya bukan pada kita yang tak mau mengeluarkan uang untuk itu. Mungkin saja kita juga harus mengeluarkan uang untuk sebuah template yang menarik, mobile friendly, seo dan sebagainya. Pengeluaran itu dilakukan biasanya untuk keperluan yang sifatnya khusus, seperti template untuk bisnis toko online misalnya.</span></p>
<p style="clear: both; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8ddoTF_NWs1f3HMzUDgqL6IFOppkXpeQxM3O0Cwm45tXns3Agy8BEqETwh9i1NU9w49heF3Nhd6ATpvmBBnahSq9_Fy1BLVdBIaA9QSy_JTA3lu1pNWyGTOcVKOGHXt9tmQUUvQKSOeBEsbocsLUPu4bbtLuhpZbqKoENqMcvSrDEhysRz_VD-P2NCbq5/s578/Template%20Blogger.webp" style="margin-left: 0em; margin-right: 0em;"><span style="font-family: inherit;"><img alt="Template Blogger Responsive" border="0" data-original-height="324" data-original-width="578" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8ddoTF_NWs1f3HMzUDgqL6IFOppkXpeQxM3O0Cwm45tXns3Agy8BEqETwh9i1NU9w49heF3Nhd6ATpvmBBnahSq9_Fy1BLVdBIaA9QSy_JTA3lu1pNWyGTOcVKOGHXt9tmQUUvQKSOeBEsbocsLUPu4bbtLuhpZbqKoENqMcvSrDEhysRz_VD-P2NCbq5/s16000/Template%20Blogger.webp" title="Membuat Template Blogger Responsive" /></span></a></p>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Tujuan tutorial ini lebh tepatnya tidak lain hanya untuk berbagi pengetahuan khususnya bagi para pemula yang mana sebagai sarana berlatih agar menjadi webmaster yang lebih baik di kemudian hari sekalipun autodikdak seperti penulis ( hehe...), seperti pepatah <i>"keberhasilan, kesuksesan hanya milik orang yang bersungguh-sungguh"</i>. Oke sobat, kita langsumg ke TKP tentang 3 langkah membuat tenplate bloger yang responsive</span></p>
<h4 style="clear: both; text-align: left;"><span style="font-family: inherit; font-size: 20px;">Langkah Pertama Membuat Blogger Template Responsive</span></h4><p style="clear: both; text-align: left;"><span style="font-family: inherit;">Sesuai dengan judul bahwa kita ingin membuat template blogger responsive tentunya template yang akan kita rubah template yang berbasis web. Diantaranya : Simple, Picture Window, Awesome inc, Watermark, Ethereal, Travel. Dalam tutorial ini saya memilih template blogger <b><i>"Simple Pale"</i></b>. Dan ini langkah pertama yang tak boleh ketinggalan :</span></p>
<div class="bordertext">
<p style="text-align: left;"><span style="font-family: inherit;"><b>Cari script berikut yang letaknya di bawah tag pembuka <head> :</b></span></p>
<p style="text-align: left;"><span style="font-family: inherit;"><meta expr:content='data:blog.isMobile ? &quot;width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0&quot; : &quot;width=1100&quot;' name='viewport'/></span></p></div>
<p style="clear: both; text-align: left;"><b><span style="font-family: inherit;">Lalu ganti dengan script berikut :</span></b></p>
<div class="bordertext">
<p style="text-align: left;"><span style="font-family: inherit;"><meta content='width=device-width, initial-scale=1' name='viewport'/></span></p></div>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"></span></p>
<h4><span style="font-family: inherit; font-size: 20px;">Langkah Kedua Membuat Blogger Template Responsive</span></h4><p style="clear: both; text-align: left;"><span style="font-family: inherit;">Buka menu tema lalu pilih edit HTML dan letakkan script berikut tepat di atas </head> :</span></p>
<div class="bordertext">
<p style="text-align: left;"><span style="font-family: inherit;"><span><style><br /></span><span>@media screen and (max-width:1024px){<br /></span><span>body,.content-outer, .content-fauxcolumn-outer, .region-inner {width: 100%!important;min-width:100%!important;padding:0!important}<br /></span><span>body .navbar {height: 0!important;}<br /></span><span>.footer-inner {padding: 30px 0px!important;}<br /></span><span>}<br /></span><span>@media screen and (max-width:800px){<br /></span><span>.sidebar .widget,.sidebar .widget img {width:100%; height:auto}<br /></span><span>#menu {width: 95%;}<br /></span><span>.main-inner .columns {padding-left: 0px;padding-right: 240px;}<br /></span><span>.main-inner .fauxcolumn-right-outer {width: 720px;}<br /></span><span>.main-inner .column-center-inner {padding: 0;}<br /></span><span>.main-inner .column-right-outer {width: 250px;margin-right: -250px;}<br /></span><span>}<br /></span><span>@media screen and (max-width: 603px){<br /></span><span>.main-inner .columns {padding-right: 0!important;}<br /></span><span>.main-inner .column-right-outer {width: 100%!important;margin-right: 0!important;}<br /></span><span>.content {position: relative;word-wrap: break-word;width: 97%;margin: 0 5px;}<br /></span><span>body {background:#fff}<br /></span><span>}<br /></span><span>@media screen and (max-width:400px){<br /></span><span>.main-inner .column-center-inner {padding: 0 15px 0 0;}<br /></span><span>.sidebar {margin:10px 0 5px}<br /></span><span></style></span></span></p></div>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"></span></p>
<h4 style="clear: both; text-align: left;"><span style="font-family: inherit; font-size: 20px;"><b>Langkah Ketiga Membuat Blogger Template Responsive</b></span></h4>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Masih di edit HTML template, cari css post kemudian letakkan script di bawah ini pada bagian terakhir paling bawah / css post (lihat gambar di bawah ini).</span></p>
<div class="bordertext">
<p style="text-align: left;"><span style="font-family: inherit;"><span>.post-body img {<br /></span><span> padding: 0px;<br /></span><span> width: auto;<br /></span><span> max-width:100%;</span><span><br /></span><span>}</span></span></p></div>
<p style="clear: both; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit1IL9LYIh5I27Tg0f_c6T3kMX2vE0FvQEtWgc2V8_y46WKSiB_Jm0BKDFWGnpvsGvWt1YS53E2pdfWMyPolkQAMCRV854k7Sm3sgkPp2UgZx0y8V60-yheQRwnxKvLP9yYJQFxKukR89tk2pol4gzU3Tz-J4IKtPY7Gq-FIuZ0wxh-v3gRen6IjX4rrXD/s400/css.webp" style="margin-left: 0em; margin-right: 0em;"><span style="font-family: inherit;"><img alt="css template" border="0" data-original-height="225" data-original-width="400" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit1IL9LYIh5I27Tg0f_c6T3kMX2vE0FvQEtWgc2V8_y46WKSiB_Jm0BKDFWGnpvsGvWt1YS53E2pdfWMyPolkQAMCRV854k7Sm3sgkPp2UgZx0y8V60-yheQRwnxKvLP9yYJQFxKukR89tk2pol4gzU3Tz-J4IKtPY7Gq-FIuZ0wxh-v3gRen6IjX4rrXD/w400-h225/css.webp" title="css template blogger" width="400" /></span></a></p>
<div class="note-5">
<p style="clear: both; text-align: left;"><b><span style="font-family: inherit;"> " Baca juga : <a href="https://apa-maumu.blogspot.com/2023/07/cara-menggunakan-google-fonts-di.html">Cara Menggunakan Google Fonts Di Blogspot</a> "</span></b></p>
</div>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Sejauh ini template sudah berubah menjadi responsive, namun bagaimanakah dengan nilai <b>seo</b>-nya? Untuk mendapatkan nila seo yang tinggi banyak hal yang perlu diperhatikan. Berikut saya akan berbagi tips agar template blogger memiliki angka yang tinggi sesuai dengan pengalaman maupun pengetahuan yang saya miliki, syukur-syukur nilai 100. Ini tips-tipsnya :</span></p>
<div class="bordertext">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><span><b>></b> Pilih warna yang kontras antara latar / background tabulasi dengan warna teks tabulasi. Misalkan anda menentukan warna hitam untuk background tabulasi, kemudian untuk teks tabulasi anda bisa memilih dengan warna hitam atau kuning. Jangan pilih warna abu-abu tua atau biru dongker misalnya.<br /></span><span><b>></b> Demikian pula dengan catatan kaki entry. Pilih warna konras antara warna teks pada catatan kaki entry dengan warna latar / background catatan kaki entry. Juga antara warna bayangan catatan kaki entry dengan warna latar / background kaki entry.<br /></span><span><b>></b> Jangan gunakan kalimat yang terlalu panjang untuk sisipan batas postingan (read more). Usahakan maksimal 230 huruf.<br /></span><span><b>></b> Pada menu tata letak, edit gadget postingan utama dan matikan tombol menu berbagi.<br /></span><span><b>></b> Setting </span><b>"jangan tampilkan cuplikan gambar"</b><span> jika Anda menghendaki adanya </span><i>postingan populair</i><span> ataupun </span><i>postingan unggulan </i><span>blogger template</span><i>, </i><span>karena gambar pada postingan populair ataupun postingan unggulan tidak disertakan</span><b><i> alt image</i></b><span>. <br /></span><span><b>></b> Gunakan gambar dengan kompresi tinggi dan sertakan "alt image" di setiap postingan yang menyertakan gambar. Salahsatu format gambar yang memiliki kompres tingi misalnya format webp.<br /></span><span><b>></b> Gunakan / pasang tag hreflang diantara tag head<br /></span><span><b>></b> Kurangi penggunaan js script yang bisa membuat waktu load halaman besar. Misalkan penggunaan js script pada button share.<br /></span><span><b>></b> Sewaktu upload image, rubah nilai margin left dan margin right menjadi 0px agar letak image pada halaman menjadi proposional.</span></span></p></div>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Setelah semua selesai, saatnya kita uji di PageSpeed Insights untuk mengetahui seberapa besar nilai : <i>Performa, Aksesbilitas, Praktik Terbak, SEO</i> dari web. Sebenarnya masih banyak hal lain yang perlu diperhatian agar bisa mendapat nila seo yang tingi. Namun jika tips di atas dilakukan secara maksimal niscaya nila 100 point untuk seo pun bisa tercapai. </span></p>
<p style="clear: both; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgV-k5PMV7qqPd4Qa_2uCFmfI-Qm7-kEz5ObCwd4BDCLmHCCiGLRACHtK1ihGvJPFBzA0N8UEJfuEPCB4A8H4yaOq2L4Y_lcOSO6cUmIqyFNYPbLPEPGT_P2k_lynNoz9ZkZopvgWj9c4be1O6dsuoXKk8xXLlmogZKTjhHX2tQITq5toBfh_Mru10fbj-/s720/template%20blogspot.webp" style="margin-left: 0em; margin-right: 0em;"><span style="font-family: inherit;"><img alt="Template Blogspot Responsive" border="0" data-original-height="405" data-original-width="720" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgV-k5PMV7qqPd4Qa_2uCFmfI-Qm7-kEz5ObCwd4BDCLmHCCiGLRACHtK1ihGvJPFBzA0N8UEJfuEPCB4A8H4yaOq2L4Y_lcOSO6cUmIqyFNYPbLPEPGT_P2k_lynNoz9ZkZopvgWj9c4be1O6dsuoXKk8xXLlmogZKTjhHX2tQITq5toBfh_Mru10fbj-/w400-h225/template%20blogspot.webp" title="Membuat Template Blogspot Responsive" width="400" /></span></a></p>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Semoga artikel ini bermanfaat, memberi nuansa baru dan menambah perbendaharaan dalam bidang web development khususnya. Selamat mencoba dan sukses selalu untuk kalian, <i>Thank's....! </i> </span></p>Tomo Koeswoyohttp://www.blogger.com/profile/13227200362676946594noreply@blogger.com0tag:blogger.com,1999:blog-7528518091426398088.post-12352817554867022832023-05-29T18:22:00.112+07:002024-03-17T18:33:28.202+07:00Beginilah Caranya! Mengisi Tag Video Youtube Dengan Bantuan Youtube Tag Generator<span content="Youtube tags generator, youtube tag generator keyword tool, youtube tag generator free, cara membuat tag di youtube, cara mengisi tag di youtube, cara memasang tag, aplikasi youtube tag generator free, aplikasi youtube tag generator gratis" itemprop="keywords"></span>
<div class="bordertext2">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><b>Deskripsi :</b></span></p><p style="clear: both; text-align: left;"><span style="font-family: inherit;">Apa itu Youtube Tag Generator, apa pula fungsi dan manfaatnya pada sebuah channel youtube yang kita bangun?</span></p></div><a name='more'></a><p></p>
<p style="clear: both; text-align: left;"><span style="font-display: swap; font-family: inherit; loading: over-eager;">OK.. sobat setia apa-maumu, untuk bisa berpartisipasi di situs youtube kita hanya cukup membuat sebuah channel di youtube dan mengisinya dengan konten video yang menarik, yang banyak dicari atau banyak dinikmati orang (pengguna youtube). Usahakan video yang dibuat mentaati aturan direkomendasikan oleh youtube seperti halnya : jenis, resolusi, durasi video, thumbnail yang menarik dan sebagainya. Tapi ada hal lain yang kalah pentingnya dalam pembuatan video di youtube sebelum video tersebut kita upload dan diperuntukkan bagi publik, yaitu tentang kata kunci atau pun tags youtube agar video kita mudah dicari oleh user.</span></p>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Behubungan dengan kalimat di atas, pada artikel ini saya ingin berbagi tentang sebuah aplikasi yang berhubungan dengan channel youtube kalian yaitu sebuah aplikasi mobile yang berguna untuk mendapatkan atau mengexplorasi katakunci maupun tags untuk video sebelum video tersebut kita upload ke youtube. Lantas.. </span><span>bagaimana caranya </span><span>perihal kata kunci dan tags ini agar bisa menjadi maksimal?.</span></p>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Kalian yang sedang membaca blog ini saya yakin kalian telah mengenal lebih jauh tentang youtube dan bahkan telah memiliki sebuah kanal di youtube. Oleh karena itu setidaknya kalian telah mengenal tentang istilah "SEO Youtube" serta istilah lain yang terdapat di dalamnya seperti : kata kunci video youtube, keyword youtube, tagar, tag youtube, deskripsi youtube, youtube tag generator dan sebagainya yang semuanya merupakan pekerjaan yang harus selesaikan jika video anda pingin dilihat oleh banyak pengunjung.</span></p>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDyFgD6HFAUb_VXyzwIWC2Mjw4_UT_EeMjdIQzE40WGDI4rpKs7ZZFg3kjh99HqL3RhD5sSR_cFF-sj_Uwsnha7pCIyfm8sg5OogG_-WRNH95jodXI2jM32_htB7a831F-s2fUWXlJptwmEqjPCnSjGV8NrQBTof8i4gOBwiTaMXsQAlH5fy8CyW89EXoW/s560/Hyper%20Tags.webp" style="margin-left: 0em; margin-right: 0em;"><img alt="Hyper tags generator" border="0" data-original-height="315" data-original-width="560" loading="lazy-resize" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDyFgD6HFAUb_VXyzwIWC2Mjw4_UT_EeMjdIQzE40WGDI4rpKs7ZZFg3kjh99HqL3RhD5sSR_cFF-sj_Uwsnha7pCIyfm8sg5OogG_-WRNH95jodXI2jM32_htB7a831F-s2fUWXlJptwmEqjPCnSjGV8NrQBTof8i4gOBwiTaMXsQAlH5fy8CyW89EXoW/s16000/Hyper%20Tags.webp" title="Hyper tags generator for youtube" /></a></span></p>
<h4 style="clear: both; text-align: left;"><b><span style="font-family: inherit;">Arti Dan Kegunaan Youtube Tag Generator</span></b></h4><p style="clear: both; text-align: left;"><span style="font-family: inherit;">Dari beberapa sumber yang saya peroleh dalam kaitannya dengan video youtube, Youtube Tag dapat dijabarkan sebagai " kata kunci turunan yang besifat deskriptif dalam youtube yang berfunsi untuk membantu orang atau pemirsa youtube untuk menemukan sebuah konten video. Sedangkan "Generator" sendiri dapat diartikan sebagai "Alat".</span></p>
<div class="bordertext">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">" Jadi, secara garis besar "<a href="https://apa-maumu.blogspot.com/2023/05/beginilah-caranya-mengisi-tag-video.html"><b>Youtube Tag Generator</b></a>" dapat dijabarkan sebagai alat untuk mencari kata kunci turunan yang besifat deskriptif dalam youtube yang berfungsi membantu orang atau pemirsa youtube untuk menemukan sebuah konten video ".</span></p></div>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Nah... apakah nama aplikasi ini dan di mana kita bisa mendapatkannya?. Ada banyak macam aplikasi tag generator ini, tapi dalam artikel ini saya merekomendasikan aplikasi tag generator yang bernama "<a href="https://apa-maumu.blogspot.com/2023/05/beginilah-caranya-mengisi-tag-video.html"><b>HYPER TAGS</b></a>" sebuah aplikasi berbasis android yang selama ini masih gratis dan tidak terlalu banyak iklan didalamnya. Kalian bisa mencari dan mengunduhnya di play store seperti gambar di atas dengan kata kunci hyper tags.</span></p>
<h4 style="clear: both; text-align: left;"><b><span style="font-family: inherit; font-size: medium;">Cara Penggunaan Youtube Tag Generator Hyper Tags</span></b></h4><p style="clear: both; text-align: left;"><span style="font-family: inherit;">Cara menggunakan aplikasi pembuat tag video youtube uni sangatlah mudah, anda tinggal memasukkan sekurang-kurang 2 frasa (suku kata) kata kunci sesuai dengan tema dari video youtube yang anda buat. Sebagai contoh : saya membuat video yang bertemakan " Mancing " di spot pemancingan " Waduk Saguling ". Sehingga kata kunci yang bisa dimasukkan ke dalam tag generator ini sepertit berikut : </span></p>
<div style="text-align: left;"><p style="clear: both; text-align: left;"><span style="font-family: inherit;"><span>| <span style="color: #2b00fe;"><b>Mancing</b></span> <b><span style="color: #a64d79;">Saguling</span></b> (2 frasa)<br /></span><span>| <span style="color: #cc0000;"><b>Mancing</b></span> <span style="color: #2b00fe;"><b>Waduk</b></span> <span style="color: #a64d79;"><b>Saguling</b></span> (3 frasa)</span></span></p>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Ketikan salahsatu kata kunci diatas, lalu enter. Dan tak lama kemudian akan muncul beberapa deretan tag (kata kunci) turunannya. Jika memungkinkan masukkan semua kata kunci turunan yang dihasilkan oleh youtube tags generator Hyper Tags ke dalam Tags Video Youtube anda. Jika kata kunci turunannya terlalu banyak, anda bisa memilih / memilah kata kunci yang sekiranya banyak digunakan oleh user pada tabulasi pencarian youtube.</span></p></div>
<div class="note-5">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">" Baca juga artikel kami :<b> </b><a href="https://apa-maumu.blogspot.com/2022/11/apa-itu-kata-kunci.html"><b>Apa Itu Kata Kunci</b> </a>"</span></p>
</div>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Untuk lebih jelasnya bagaimana cara menggunakan atau menoperasikan aplikasi ini, kalian dapat melihat contoh video tutorialnya di vdeo youtube di bawah ini.</span></p>
<div class="note-3">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Video tutorial "<a href="https://youtu.be/hgLzgsylKwc" rel="nofollow" target="_blank"><b>Youtube Tag Generator</b></a>"</span></p>
</div>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Selamat mencoba dan sukses selalu !.</span></p>Tomo Koeswoyohttp://www.blogger.com/profile/13227200362676946594noreply@blogger.com0tag:blogger.com,1999:blog-7528518091426398088.post-75704857291116295472022-11-21T18:18:00.138+07:002024-03-19T03:54:32.888+07:00Apa Itu Kata Kunci ?<span content="Apa itu kata kunci, apa yang dimaksud dengan kata kunci, kata kunci adalah, ciri-ciri sebuah kata kunci, kata kunci youtube, kata kunci yang benar, cara membuat kata kunci" itemprop="keywords"></span>
<div class="bordertext2">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><b>Deskripsi :</b></span></p><p style="clear: both; text-align: left;"><span style="font-family: inherit;">Apa yang dimaksud dengan kata kunci, ciri-ciri sebuah kata kunci serta apa fungsi dan manfaatnya pada sebuah website ataupun channel youtube dan bagaimana pula penerapannya ?</span></p></div><a name='more'></a><p></p>
<p style="clear: both; text-align: left;"><span style="font-display: swap; font-family: inherit; loading: over-eager;">Jika anda memiliki sebuah website atau youtube channel pastinya ingin agar website atau channel youtubenya mudah ditemukan, juga banyak pengunjung atau viewers bukan? Tapi bagaimanakah orang akan bisa tahu jika anda mempunyai sebuah website ataupun channel youtube untuk bisa dikunjungi, apakah anda akan memberitahu kepada setiap orang yang anda jumpai, atau anda akan memasang iklan untuk website atau channel youtube anda pada sebuah media televisi misalnya?. Mungkin cara ini bisa anda lakukan, tapi berapa banyak biaya promosi untuk ini. <i>Jawabnya pastinya bukanlah dengan cara demikian.</i></span></p>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Setiap konten baik itu konten berupa tulisan maupun konten berupa video pastinya mempunyai judul, deskripsi sesuai dengan tema atau topik yang dipilih. Apa yang tertulis pada judul serta gambaran singkat tentang sebuah konten pada deskripsi akan direkam oleh spider sebagai input pencarian pada sebuah mesin pencari (search engine), seperti google search engine, youtube dan sebagainya.</span></p>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Kata kunci sendiri dapat dijabarkan sebagai berikut : </span></p>
<div class="bordertext">
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><a href="https://apa-maumu.blogspot.com/2022/11/apa-itu-kata-kunci.html"><b>Kata Kunci</b></a> adalah frasa (kata) atau sekumpulan kata yang diketikan (dituliskan) baik oleh pengguna (user) pada mesin pencari (search engine) .</span></p></div>
<p style="clear: both; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2ih6UzsnzI6BAQQMJcC2pA5tbaONqz8CmA5Q3ZsZXjzVwpLao8zbm3NyJH0zxaNgH5VpyDxSugQCh6QfVB-sUJexPHx73NuRrwbuS49iLwPlM5pqjpWfPTFofPkNT44XpCXlxrhcbAUZmtkt3IcToGYUaUauLnZAeRTXvXFQUbAADU8kCRVoytwHRRPZr/s585/KATA%20KUNCI.webp" style="margin-left: 0em; margin-right: 0em;"><span style="font-family: inherit;"><img alt="apa itu kata kunci" border="0" data-original-height="329" data-original-width="585" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2ih6UzsnzI6BAQQMJcC2pA5tbaONqz8CmA5Q3ZsZXjzVwpLao8zbm3NyJH0zxaNgH5VpyDxSugQCh6QfVB-sUJexPHx73NuRrwbuS49iLwPlM5pqjpWfPTFofPkNT44XpCXlxrhcbAUZmtkt3IcToGYUaUauLnZAeRTXvXFQUbAADU8kCRVoytwHRRPZr/w400-h225/KATA%20KUNCI.webp" title="apa itu kata kunci google" width="400" /></span></a></p>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;"><span></span></span></p>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Kesamaan antara kata kunci yang diketikkan oleh pengguna (user) pada mesin pencari (search engine) dengan kata kunci yang dituliskan oleh pemilik konten pada judul maupun deskripsi konten yang dimiliki memungkinkan <i>"website ataupun konten berupa video seperti youtube"</i> akan keluar dihalaman sebuah pencarian yang dilakukan oleh pengguna pada mesin pencari search engine. Inilah fungsi kata kunci.<span></span></span></p><p></p>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Agar bisa memehamI apa itu kata kunci, fungsi kata kunci, contoh kata kunci untuk lebih jelasnya anda bisa melihat video tutorialnya di bawah ini. Semoga bermanfaat, dan jangan lupa untuk berikan subscribe tentuanya.<span></span></span></p>Tomo Koeswoyohttp://www.blogger.com/profile/13227200362676946594noreply@blogger.com0tag:blogger.com,1999:blog-7528518091426398088.post-17786850444055859042022-11-17T15:59:00.209+07:002024-03-18T04:16:49.009+07:00Cara Menggunakan Google Trends<span content="google trends, cara menggunakan google trends, cara menggunakan google trends untuk riset kata kunci youtube, cara riset kata kunci di google trends" itemprop="keywords"></span>
<div class="bordertext2">
<p style="text-align: left;"><span style="font-family: inherit;"><b>Deskripsi :</b></span></p>
<p style="text-align: left;"><span style="font-family: inherit;">cara menggunakan google trends indonesia untuk riset kata kunci youtube maupun riset kata kunci untuk website</span></p></div><a name='more'></a><p></p>
<p style="text-align: left;"><span style="font-display: swap; font-family: inherit; loading: over-eager;">Sekarang ini banyak alat atau aplikasi untuk mengoptimasi sebuah konten, baik itu konten youtube, website atau blog agar peforma dari sebuah website ataupun youtube channel yang kita miliki dapat bekerja dengan maksimal. Salah satu aplikasi yang banyak digunakan oleh para blogger ataupun konten kreator adalah <a href="https://apa-maumu.blogspot.com/2022/11/cara-menggunakan-google-trends.html"><b>Google Trends</b></a>. Optimasi dengan google trends ini mestinya dalam kaitannya dengan kata kunci, karena kata kunci merupakan salah satu unsur terpenting dalam membangun atau mengoptimasi sebuah konten.</span></p>
<p style="text-align: left;"><span style="font-family: inherit;">Penggunaan kata kunci akan membantu audience menemukan untuk menemukan sebuah konten yang kita buat. Namun demikian penggunaan kata kunci haruslah tepat, yang mampu mewakili atau menggambar isi dari sebuah konten. </span><span>Dalam kaitanya dengan kata kunci ini google trends bertugas merangkum semua kata kunci yang diketikan oleh user pada sebuah mesin pencari (search engine) waktu tertentu serta kata kunci yang sedang trending.</span></p>
<p style="text-align: left;"><span style="font-family: inherit;">Pingin tahu lebih banyak tentang google trends, serta bagaimana cara menggunakan google trends untuk riset kata kunci video youtube maupun riset kata kunci untuk website? Ikuti penjelasannya di bawah ini:</span></p>
<p style="clear: both; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWTJIprJjFda_523CxdoxW6KMm0OBj7YF4ItslDQlQi5-e_9WJzwSUQfakzGUqwfDoj5ypLeNNx9uRgK0vzW1qEfovBB_rxiyHatKZdQcqIYtUM40babfZrTL4KP22erpRIFlaE4TXhyZhVwP0CBv5DJ_5RiBzqYQGB57mDEA5x6z76Tl58D-9wna3gmTP/s560/google%20trends.webp" style="margin-left: 0em; margin-right: 0em;"><span style="font-family: inherit;"><img alt="cara mengunakan google trends" border="0" data-original-height="315" data-original-width="560" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWTJIprJjFda_523CxdoxW6KMm0OBj7YF4ItslDQlQi5-e_9WJzwSUQfakzGUqwfDoj5ypLeNNx9uRgK0vzW1qEfovBB_rxiyHatKZdQcqIYtUM40babfZrTL4KP22erpRIFlaE4TXhyZhVwP0CBv5DJ_5RiBzqYQGB57mDEA5x6z76Tl58D-9wna3gmTP/s16000/google%20trends.webp" title="cara menggunakan google trends untuk survey kata kunci" /></span></a></p>
<h4 style="clear: both; text-align: left;"><b><span style="font-family: inherit;">Cara Riset Kata Kunci Menggunakan Google Trends</span></b></h4><p style="text-align: left;"><span style="font-family: inherit;">Sesuai dengan kegunaannya google trends berfungsi untuk mencari dan menemukan tema topik atau kata kunci yang sedang hangat, yang sedang trending dalam waktu tertentu dengan cara survey kata kunci atau tema topik yang akan kita cari. Nilai popularitas akan ditunjukan dalam bentuk angka sampai dengan 100 dengan menurut wilayah. Untuk lebih jelasnya bagaimana cara menggunakan google trends, coba ikuti langkah-langkah di bawah ini :<span></span></span></p>
<p style="text-align: left;"><span style="font-family: inherit;"><span style="text-align: justify;">1. Buka situs "Google Trends" </span><a href="https://trends.google.com/trends/?geo=ID" rel="nofollow" style="text-align: justify;" target="_blank"><b>di sini</b><br /></a>2. Klik "Jelajahi", untuk pengguna mobile, klik icon menu lalu pilih "Jelajahi"<br />3. Tentukan dan pilih jenis penelusuran yang anda kehendaki : penelusuran web, penelusuran youtube, penelusuran gambar, penelusuran berita ataupun, google shopping.<br />4. Masukkan "Topik atau Kata Kunci". Jika anda menggunakan kata kunci penulusuran tidak boleh lebih dari 3 frasa kata kunci tekan enter.<br />5. Hasil penelurusan akan tanpak dalam bentuk grafik, dalam rentang waktu.<br />6. Google juga akan memberikan alternatif lain yang berhubungan dengan kata kunci penelusuran berupa topik serta penelusuran terkait yang terletak di bawah hasil penelusuran (grafik) dengan keterangan pesat ataupun prosentase pencarian dari topik dan kata kunci penelusuran terkait tersebut.</span></p>
<p style="clear: both; text-align: left;"><span style="font-family: inherit;">Selamat mencoba, sukses selalu untuk kalian!</span></p>
Tomo Koeswoyohttp://www.blogger.com/profile/13227200362676946594noreply@blogger.com0Bandung, Kota Bandung, Jawa Barat, Indonesia-6.9174639 107.6191228-32.015555334478755 72.4628728 18.180627534478756 142.7753728