iklan banner

3+ Arahan Penting Untuk Modifikasi Template Blogger

Daftar Kode HTML, CSS, dan JavaScript Penting untuk Modifikasi Template Blogger

Hampir setiap blogger memakai template blog yang sama; seringkali mengubah tampilan blog semoga tidak persis mirip dengan situs pesaing lainnya.

Semisal, situs A dan B memakai SEO Kraken Blogger Theme; percaya atau tidak, niscaya 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 cuilan dari acara ngeblog/blogger (blogging).

3+ Kode Penting untuk Modifikasi Template Blogger


Buat kau yang sudah d0wnl0ad template blogger gratis di sini, tentunya kau harus tahu beberapa aba-aba penting untuk modifikasi template blog.

Kenapa harus diketahui? Ya alasannya yaitu penting. Namun, sebelum masuk ke inti artikel; kau harus tahu apa itu HTML, CSS, dan JavaScript (Js) serta perbedaannya.

Pengertian HTML, CSS, dan JavaScript (Js)


HTML yaitu kependekan dari Hyper Text Markup Language, yakni sebuah bahasa markah yang dibentuk dan dipakai dalam berkas format ASCII semoga sanggup menampilkan wujud yang terintegrasi.

CSS yaitu kependekan dari Cascading Style Sheet, yakni sebuah teknologi yang direkomendasikan oleh World Wide Web Consortium (W3C) guna mengatur tampilan/layout suatu situs semoga tertata rapi sehingga yummy di pandang.

JavaScript yaitu bahasa pemrograman tingkat tinggi. JS sanggup bekerja di hampir semua peramban browser mirip 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) kalau di lihat dari sisi fungsi dan tujuannya? Baik itu HTML, CSS, dan JS; bahwasanya sanggup diartikan (ibarat) sebuah RUMAH.

Semisal, HTML diibaratkan sebagai pondasi rumah; sedangkan CSS diartikan sebagai tukang bangunan, -- artinya CSS inilah yang mengatur semuanya semoga tertata rapi sebagaimana harapan 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; aba-aba yang perlu ditambahkan yaitu aba-aba ini:

.quickedit{display:none}

Kode tersebut diletakkan di formasi CSS, biasanya di atas aba-aba </style> atau </b:skin>.

Oh iya, aba-aba ini pada praktiknya akan menghilangkan icon palu, obeng, dan tang di tampilan situs web Blogger/Blogspot. Sayangnya, aba-aba 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 menciptakan blog dan mendaftarkan situsnya ke Google? Apakah artikel sudah "terdeteksi" di Google?

Ketika sebuah artikel sudah di Crawling oleh robot Google, kemudian artikel tersebut di hapus; maka artikel tersebut akan tetap muncul di Google. Nah dikala artikel ini di buka, maka pembaca akan melihat goresan pena peringatan Error 404 Page Not Found.

Tahukah kau kalau situs web yang terdeteksi "Error 404 Page Not Found" tidak elok buat SEO? Maka dari itu, harus diatasi sedini mungkin.

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<script type='text/j4vascript'>
BSPNF_redirect=setTimeout(function() {
location.pathname= &quot;/&quot;
}, 1);
</script>
</b:if>

Copas aba-aba di atas, sanggup di simpan di atas aba-aba </body> atau </head> template blogger. Saran terbaik dari kami, di atas aba-aba </body>.

Untuk mengatasi problem ini, bahwasanya ada 2 hal yang sanggup kau lakukan; (1.) menghapus URL artikel di Google Console, atau (2.) memakai JavaScript khusus untuk Redirect URL. Selengkapnya sanggup di baca di sini: Cara Mengatasi URL Error 404 Page Not Found di Blogspot semoga 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 lebih banyak didominasi komentar dari sebuah situs web ternyata banyak ditemukan Spam Comments, maka dapat dipercaya (kepercayaan) akan situs tersebut, akan menurun di mata pengunjung.

<script type='text/j4vascript'>
jQuery(document).ready(function(){
jQuery("#comments p").find("a").replaceWith("<mark>Komentar Spam, Terdeteksi!</mark> Maaf, URL aktif otomatis terhapus!!! Terima kasih.");
});
</script>

Gunakan aba-aba di atas untuk mengatasi komentar spam di Blogger. Bisa di pasang di atas aba-aba </head> atau </body>. Saran dari kami, letakkan di atas aba-aba </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 mempunyai H1 maka SEO-nya kurang bagus. Jadi, semoga blog kau 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 + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/></h1>
</a>

Silakan tambahkan atribut <H1> dan </H1> sebagaimana citra aba-aba di atas -- sudah ditandai. Perhatikan lagi aba-aba <div id='header-inner'> ini. Sebab, tidak semua template blogger mempunyai atribut HTML yang sama.

5. Kode Tahun Copyright Berubah secara Otomatis di Blogger


Cek kembali situs web kamu, apakah sudah memakai tahun Copyright yang sanggup berubah secara otomatis mengikuti tahun sekarang, atau tidak sama sekali.

Jika belum, silakan Replace dengan aba-aba Copyright di bawah ini:

Copyright &#169; <script type='text/j4vascript'>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 memakai JavaScript (Js) yang artinya sedikit menghipnotis kecepatan loading situs web.

Itulah daftar aba-aba HTML, CSS, dan JavaScript penting untuk modifikasi template blogger semoga lebih SEO Friendly. Ada hal yang ingin ditanyakan, barangkali? Silakan.
Sumber http://addbloggerthemes.blogspot.com

0 Response to "3+ Arahan Penting Untuk Modifikasi Template Blogger"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel