3+ Kode Penting untuk Modifikasi Template Blogger
Daftar Kode HTML, CSS, dan JavaScript Penting untuk Modifikasi Template Blogger
Hampir setiap blogger menggunakan template blog yang sama; seringkali mengubah tampilan blog agar tidak persis mirip dengan situs pesaing lainnya.
Semisal, situs A dan B menggunakan SEO Kraken Blogger Theme; percaya atau tidak, pasti ada perbedaan meskipun tidak jauh berbeda.
Modifikasi biasanya dilakukan dari segi ukuran lebar tampilan blog, jenis huruf, warna, tambah/kurang widget, dan masih banyak lagi. Oh iya, modifikasi template blogger ini juga bagian dari aktivitas ngeblog/blogger (blogging).
Buat kamu yang sudah download template blogger gratis di sini, tentunya kamu harus tahu beberapa kode penting untuk modifikasi template blog.
Kenapa harus diketahui? Ya karena penting. Namun, sebelum masuk ke inti artikel; kamu harus tahu apa itu HTML, CSS, dan JavaScript (Js) serta perbedaannya.
HTML adalah singkatan dari Hyper Text Markup Language, yakni sebuah bahasa markah yang dibuat dan digunakan dalam berkas format ASCII agar bisa menampilkan wujud yang terintegrasi.
CSS adalah singkatan dari Cascading Style Sheet, yakni sebuah teknologi yang direkomendasikan oleh World Wide Web Consortium (W3C) guna mengatur tampilan/layout suatu situs agar tertata rapi sehingga enak di pandang.
JavaScript adalah bahasa pemrograman tingkat tinggi. JS dapat bekerja di hampir semua peramban browser seperti Google Chrome, Mozilla Firefox, Opera, Internet Explorer (IE), dan Netscape.
Lalu, apa perbedaan antara HTML, CSS, dan JavaScript (Js) jika di lihat dari sisi fungsi dan tujuannya? Baik itu HTML, CSS, dan JS; sebenarnya dapat diartikan (ibarat) sebuah RUMAH.
Semisal, HTML diibaratkan sebagai pondasi rumah; sedangkan CSS diartikan sebagai tukang bangunan, -- artinya CSS inilah yang mengatur semuanya agar tertata rapi sebagaimana keinginan sang pemilik rumah.
Bagaimana dengan JavaScript (Js), bro/sis? JS diartikan sebagai "pemanis". Pernah melihat pintu rumah yang terbuka secara otomatis? Nah, itulah fungsi JavaScript.
Untuk mudahnya, JavaScript itu hanya mempermudah dan mempertambah fungsi dari rumah itu sendiri; sehingga meninggalkan kesan istimewa dan lebih menarik dibandingkan rumah (ket: situs) lainnya.
Salah satu cara mengatasi, menghapus dan menghilangkan ikon obeng dan tang di tampilan blogger; kode yang perlu ditambahkan adalah kode ini:
Kode tersebut diletakkan di deretan CSS, biasanya di atas kode </style> atau </b:skin>.
Oh iya, kode ini pada praktiknya akan menghilangkan icon palu, obeng, dan tang di tampilan situs web Blogger/Blogspot. Sayangnya, kode ini hanya menghilangkan; bukannya menghapus.
Untuk menghapus ikon obeng dan tang, Cara Menghapus Ikon Obeng, Palu & Tang di Blogspot secara Permanen.
Sudah membuat blog dan mendaftarkan situsnya ke Google? Apakah artikel sudah "terdeteksi" di Google?
Ketika sebuah artikel sudah di Crawling oleh robot Google, lalu artikel tersebut di hapus; maka artikel tersebut akan tetap muncul di Google. Nah ketika artikel ini di buka, maka pembaca akan melihat tulisan peringatan Error 404 Page Not Found.
Tahukah kamu kalau situs web yang terdeteksi "Error 404 Page Not Found" tidak bagus buat SEO? Maka dari itu, harus diatasi sedini mungkin.
Copas kode di atas, bisa di simpan di atas kode </body> atau </head> template blogger. Saran terbaik dari kami, di atas kode </body>.
Untuk mengatasi masalah ini, sebenarnya ada 2 hal yang bisa kamu lakukan; (1.) menghapus URL artikel di Google Console, atau (2.) menggunakan JavaScript khusus untuk Redirect URL. Selengkapnya bisa di baca di sini: Cara Mengatasi URL Error 404 Page Not Found di Blogspot agar Blog SEO Friendly.
Sebuah situs web di anggap berkualitas apabila banyak dikomentari oleh pembaca. Benar, kan?
Sayangnya, apabila mayoritas komentar dari sebuah situs web ternyata banyak ditemukan Spam Comments, maka kredibilitas (kepercayaan) akan situs tersebut, akan menurun di mata pengunjung.
Gunakan kode di atas untuk mengatasi komentar spam di Blogger. Bisa di pasang di atas kode </head> atau </body>. Saran dari kami, letakkan di atas kode </body>.
Pada default blogger theme milik Blogger, nama blog akan terdeteksi sebagai Tag H1. Namun, apabila blog itu dipasangkan logo/gambar untuk Header, maka tag header H1 tidak akan terdeteksi, -- menghilang.
Perlu ditekankan di sini, apabila sebuah situs tidak memiliki H1 maka SEO-nya kurang bagus. Jadi, agar blog kamu semakin SEO Friendly, lebih baik modifikasi; salah satu caranya yakni menambahkan atribut tag H1 pada logo/gambar blog.
Silakan tambahkan atribut <H1> dan </H1> sebagaimana gambaran kode di atas -- sudah ditandai. Perhatikan lagi kode <div id='header-inner'> ini. Sebab, tidak semua template blogger memiliki atribut HTML yang sama.
Cek kembali situs web kamu, apakah sudah menggunakan tahun Copyright yang bisa berubah secara otomatis mengikuti tahun sekarang, atau tidak sama sekali.
Jika belum, silakan Replace dengan kode Copyright di bawah ini:
Dikatakan penting, tidak juga. Kenapa? Karena kodenya menggunakan JavaScript (Js) yang artinya sedikit mempengaruhi kecepatan loading situs web.
Itulah daftar kode HTML, CSS, dan JavaScript penting untuk modifikasi template blogger agar lebih SEO Friendly. Ada hal yang ingin ditanyakan, barangkali? Silakan.
Hampir setiap blogger menggunakan template blog yang sama; seringkali mengubah tampilan blog agar tidak persis mirip dengan situs pesaing lainnya.
Semisal, situs A dan B menggunakan SEO Kraken Blogger Theme; percaya atau tidak, pasti ada perbedaan meskipun tidak jauh berbeda.
Modifikasi biasanya dilakukan dari segi ukuran lebar tampilan blog, jenis huruf, warna, tambah/kurang widget, dan masih banyak lagi. Oh iya, modifikasi template blogger ini juga bagian dari aktivitas ngeblog/blogger (blogging).
3+ Kode Penting untuk Modifikasi Template Blogger
Buat kamu yang sudah download template blogger gratis di sini, tentunya kamu harus tahu beberapa kode penting untuk modifikasi template blog.
Kenapa harus diketahui? Ya karena penting. Namun, sebelum masuk ke inti artikel; kamu harus tahu apa itu HTML, CSS, dan JavaScript (Js) serta perbedaannya.
Pengertian HTML, CSS, dan JavaScript (Js)
HTML adalah singkatan dari Hyper Text Markup Language, yakni sebuah bahasa markah yang dibuat dan digunakan dalam berkas format ASCII agar bisa menampilkan wujud yang terintegrasi.
CSS adalah singkatan dari Cascading Style Sheet, yakni sebuah teknologi yang direkomendasikan oleh World Wide Web Consortium (W3C) guna mengatur tampilan/layout suatu situs agar tertata rapi sehingga enak di pandang.
JavaScript adalah bahasa pemrograman tingkat tinggi. JS dapat bekerja di hampir semua peramban browser seperti Google Chrome, Mozilla Firefox, Opera, Internet Explorer (IE), dan Netscape.
Perbedaan HTML, CSS, dan JavaScript (Js) dari Segi Fungsi & Tujuan
Lalu, apa perbedaan antara HTML, CSS, dan JavaScript (Js) jika di lihat dari sisi fungsi dan tujuannya? Baik itu HTML, CSS, dan JS; sebenarnya dapat diartikan (ibarat) sebuah RUMAH.
Semisal, HTML diibaratkan sebagai pondasi rumah; sedangkan CSS diartikan sebagai tukang bangunan, -- artinya CSS inilah yang mengatur semuanya agar tertata rapi sebagaimana keinginan sang pemilik rumah.
Bagaimana dengan JavaScript (Js), bro/sis? JS diartikan sebagai "pemanis". Pernah melihat pintu rumah yang terbuka secara otomatis? Nah, itulah fungsi JavaScript.
Untuk mudahnya, JavaScript itu hanya mempermudah dan mempertambah fungsi dari rumah itu sendiri; sehingga meninggalkan kesan istimewa dan lebih menarik dibandingkan rumah (ket: situs) lainnya.
3+ Kode Penting untuk Modifikasi Template Blogger
1. Kode Quickedit Name - Obeng & Tang
Salah satu cara mengatasi, menghapus dan menghilangkan ikon obeng dan tang di tampilan blogger; kode yang perlu ditambahkan adalah kode ini:
.quickedit{display:none}
Kode tersebut diletakkan di deretan CSS, biasanya di atas kode </style> atau </b:skin>.
Oh iya, kode ini pada praktiknya akan menghilangkan icon palu, obeng, dan tang di tampilan situs web Blogger/Blogspot. Sayangnya, kode ini hanya menghilangkan; bukannya menghapus.
Untuk menghapus ikon obeng dan tang, Cara Menghapus Ikon Obeng, Palu & Tang di Blogspot secara Permanen.
2. Kode Redirect URL Error 404 Page Not Found
Sudah membuat blog dan mendaftarkan situsnya ke Google? Apakah artikel sudah "terdeteksi" di Google?
Ketika sebuah artikel sudah di Crawling oleh robot Google, lalu artikel tersebut di hapus; maka artikel tersebut akan tetap muncul di Google. Nah ketika artikel ini di buka, maka pembaca akan melihat tulisan peringatan Error 404 Page Not Found.
Tahukah kamu kalau situs web yang terdeteksi "Error 404 Page Not Found" tidak bagus buat SEO? Maka dari itu, harus diatasi sedini mungkin.
<b:if cond='data:blog.pageType == "error_page"'>
<script type='text/javascript'>
BSPNF_redirect=setTimeout(function() {
location.pathname= "/"
}, 1);
</script>
</b:if>
<script type='text/javascript'>
BSPNF_redirect=setTimeout(function() {
location.pathname= "/"
}, 1);
</script>
</b:if>
Copas kode di atas, bisa di simpan di atas kode </body> atau </head> template blogger. Saran terbaik dari kami, di atas kode </body>.
Untuk mengatasi masalah ini, sebenarnya ada 2 hal yang bisa kamu lakukan; (1.) menghapus URL artikel di Google Console, atau (2.) menggunakan JavaScript khusus untuk Redirect URL. Selengkapnya bisa di baca di sini: Cara Mengatasi URL Error 404 Page Not Found di Blogspot agar Blog SEO Friendly.
3. Kode Anti Komentar Spam di Blogspot
Sebuah situs web di anggap berkualitas apabila banyak dikomentari oleh pembaca. Benar, kan?
Sayangnya, apabila mayoritas komentar dari sebuah situs web ternyata banyak ditemukan Spam Comments, maka kredibilitas (kepercayaan) akan situs tersebut, akan menurun di mata pengunjung.
<script type='text/javascript'>
jQuery(document).ready(function(){
jQuery("#comments p").find("a").replaceWith("<mark>Komentar Spam, Terdeteksi!</mark> Maaf, URL aktif otomatis terhapus!!! Terima kasih.");
});
</script>
jQuery(document).ready(function(){
jQuery("#comments p").find("a").replaceWith("<mark>Komentar Spam, Terdeteksi!</mark> Maaf, URL aktif otomatis terhapus!!! Terima kasih.");
});
</script>
Gunakan kode di atas untuk mengatasi komentar spam di Blogger. Bisa di pasang di atas kode </head> atau </body>. Saran dari kami, letakkan di atas kode </body>.
4. Kode Tag Header Tag SEO H1 untuk Logo Blog
Pada default blogger theme milik Blogger, nama blog akan terdeteksi sebagai Tag H1. Namun, apabila blog itu dipasangkan logo/gambar untuk Header, maka tag header H1 tidak akan terdeteksi, -- menghilang.
Perlu ditekankan di sini, apabila sebuah situs tidak memiliki H1 maka SEO-nya kurang bagus. Jadi, agar blog kamu semakin SEO Friendly, lebih baik modifikasi; salah satu caranya yakni menambahkan atribut tag H1 pada logo/gambar blog.
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<h1><img expr:alt='data:title' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' style='display: block'/></h1>
</a>
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<h1><img expr:alt='data:title' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' style='display: block'/></h1>
</a>
Silakan tambahkan atribut <H1> dan </H1> sebagaimana gambaran kode di atas -- sudah ditandai. Perhatikan lagi kode <div id='header-inner'> ini. Sebab, tidak semua template blogger memiliki atribut HTML yang sama.
5. Kode Tahun Copyright Berubah secara Otomatis di Blogger
Cek kembali situs web kamu, apakah sudah menggunakan tahun Copyright yang bisa berubah secara otomatis mengikuti tahun sekarang, atau tidak sama sekali.
Jika belum, silakan Replace dengan kode Copyright di bawah ini:
Copyright © <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All rights reserved. Powered by Google.
Dikatakan penting, tidak juga. Kenapa? Karena kodenya menggunakan JavaScript (Js) yang artinya sedikit mempengaruhi kecepatan loading situs web.
Itulah daftar kode HTML, CSS, dan JavaScript penting untuk modifikasi template blogger agar lebih SEO Friendly. Ada hal yang ingin ditanyakan, barangkali? Silakan.
Labels: Tutorial Blogger
Thanks for reading 3+ Kode Penting untuk Modifikasi Template Blogger. Please share this article.
0 Response to "3+ Kode Penting untuk Modifikasi Template Blogger"
Post a Comment
Punya masalah? Hubungi kami di Pemecah Masalah.
Silakan bertanya secara spesifik agar kami mudah dalam menjawabnya :)