Membuat menu navigasi di blog merupakan hal yang
penting kita lakukan untuk mempermudah pengunjung menemukan topik yang mereka
inginkan dan juga untuk mempercantik tampilan blog tentunya. Sebagian besar
blogger pasti sudah tidak asing lagi bagaimana cara membuat menu navigasi di
html blog karena memang ini adalah tindakan mendasar saat seseorang membuat
blog. Disini kita tidak membahas mengenai langkah-langkah membuat menu blog
karena saya yakin, saat teman-teman mencari artikel ini otomatis teman-teman sudah
bisa membuat menu blog di html.
Tapi disini saya ingin lebih berbagi mengenai
masalah yang sering ditemukan saat atau setelah membuat menu. Ada dua masalah
yang ingin saya bahas yaitu munculnya tulisan “max result must end
with the ‘;’ delimiter” ketika hendak menyimpan hasil edit html dan
yang kedua adalah menu blog yang tidak bisa diklik. Inilah masalah yang membuat
saya sempat kebingungan.Tapi setelah mencari tau dan membaca berbagai
referensi, akhirnya saya bisa memecahkan masalah tersebut.
Cara Mengatasi “max result must end with the ‘;’
delimiter”
Seperti yang kita ketahui, saat membuat menu
blog, kita memasukkan kode label di bagian html agar saat menu diklik, maka
akan keluar semua artikel yang berada di label tersebut. Namun, setelah
memasukkan kode label, tiba-tiba muncul pesan eror “max result must
end with the ‘;’ delimiter” seperti di foto diatas. Bagi teman-teman
yang juga mengalami hal yang sama,teman-teman bisa mencoba cara yang saya
lakukan, yaitu dengan menambahkan “amp;” tepat sebelum “max-results” dalam kode label.
Untuk lebih jelasnya, berikut contohnya:
Sebelum diganti
<li><a
href='http://serbadiklik.blogspot.com/search/label/OLSHOP?&max-results=7'
itemprop='url'><span itemprop='name'>OLSHOP
</span></a>
</li>
Setelah diganti
<li><a
href='http://serbadiklik.blogspot.com/search/label/OLSHOP?&max-results=7' itemprop='url'><span
itemprop='name'>OLSHOP </span></a>
</li>
Ternyata sangat simple dan mudah ya. Silahkan
langsung dicoba, mudah-mudahan cara ini juga berhasil di blog teman-teman.
Cara Mengatasi
Menu Blog yang Tidak bisa Diklik
Kendala saat membuat menu blog ternyata tidak hanya masalah
diatas, masalah lain yang sering dialami banyak blogger adalah menu blog yang
tidak bisa diklik. Untuk mengatasi masalah ini, silahkan coba dara dibawah ini.
Cari kode
berikut di html
<script type='text/javascript'>
(function() { var ad =
document.createElement('script'); ad.type =
'text/javascript'; ad.async = true; ad.src =
'//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js';
var sc = document.getElementsByTagName('script')[0];
sc.parentNode.insertBefore(ad, sc); })();
//<![CDATA[
//CSS Ready
function loadCSS(e, t, n) { "use strict"; var i =
window.document.createElement("link"); var o = t ||
window.document.getElementsByTagName("script")[0]; i.rel =
"stylesheet"; i.href = e; i.media = "only x";
o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n ||
"all" }) }
loadCSS("//fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic");
loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.cs");
//]]>
</script>
Hapus, lalu ganti dengan
kode berikut,
<script
src='//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'/>
<script type='text/javascript'>
//<![CDATA[
//CSS Ready
function loadCSS(e, t, n) { "use strict"; var i =
window.document.createElement("link"); var o = t ||
window.document.getElementsByTagName("script")[0]; i.rel =
"stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i,
o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic");
loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css");
//]]>
</script>
Setelah selesai, cari lagi kode berikut
// Slide toggle
$(function(){$("#simplify-click
> li").click(function(i){var
l=$("ul",this);return $("#simplify-click > li
> ul").not(l).slideUp(),l.stop(!0,!0).slideToggle(400),!1}),$("#simplify-click
> li > ul >
li").click(function(i){i.stopPropagation()})});
Kemudian ganti dengan kode
dibawah ini:
// Slide toggle
$(function(){$(".dropdown-toggle").click(function(i){var
l=$("ul",this);return $("#simplify-click > li
>
ul").not(l).slideUp(),l.stop(!0,!0).slideToggle(400),!1}),$("#simplify-click
> li > ul >
li").click(function(i){i.stopPropagation()})});
Nah, itulah cara yang bisa teman-teman coba untuk memperbaiki “max result must end with the ‘;’ delimiter” dan menu blog yang tidak bisa diklik. Semoga cara ini berhasil digunakan di blog teman-teman. Sekian, terimakasih dan semoga bermanfaat.
EmoticonEmoticon