Pernah merasa URL artikel Blogger terlalu panjang karena harus menampilkan tahun dan bulan? Secara default, Blogger menggunakan struktur URL posting seperti:
Dengan menggunakan JavaScript tertentu, bagian tahun, bulan, dan ekstensi .html dapat disembunyikan dari URL yang terlihat pada address bar browser.
Sebaiknya lakukan backup template Blogger terlebih dahulu sebelum melakukan perubahan pada HTML template.
Tutorial ini menggunakan JavaScript pada sisi browser. Script tidak mengubah struktur permalink Blogger pada sisi server/backend.
Bagaimana Cara Kerjanya?
Script akan membaca URL halaman ketika artikel atau halaman Blogger dibuka. Selanjutnya, script mencari URL yang sesuai melalui feed Blogger.
Setelah URL ditemukan, browser dapat menampilkan URL yang lebih pendek dengan memanfaatkan History API.
URL asli Blogger tetap menggunakan struktur permalink bawaan Blogger. Script ini hanya mengubah URL yang ditampilkan pada browser setelah JavaScript berjalan.
Cara Menghilangkan Tahun dan Bulan dari URL Blogger
-
Buka Dashboard Blogger
Masuk ke dashboard Blogger dan pilih blog yang ingin kamu ubah.
-
Buka menu Tema / Theme
Pada menu sebelah kiri Blogger, pilih Tema atau Theme.
-
Buka Edit HTML
Selanjutnya pilih Edit HTML untuk membuka kode template Blogger.
-
Cari tag <head>
Gunakan fitur pencarian pada editor HTML Blogger, kemudian cari:
HTML<head>Contoh tag yang perlu dicari pada template Blogger. -
Letakkan script di bawah <head>
Setelah menemukan tag <head>, letakkan script berikut di bawahnya.
Script Pemendek URL Blogger
Salin seluruh script berikut dan letakkan di bawah tag <head> pada template Blogger.
<script type='text/javascript'>
//<![CDATA[
// BloggerJS v0.3.1
// Copyright (c) 2017-2018 Kenny Cruz
// Licensed under the MIT License
var urlTotal,nextPageToken,postsDatePrefix=!1,accessOnly=!1,useApiV3=!1,apiKey="",blogId="",postsOrPages=["pages","posts"],jsonIndex=1,secondRequest=!0,feedPriority=0,amp="&"[0];
function urlVal(){
var e=window.location.pathname,
t=e.length;
return ".html"===e.substring(t-5)
?0
:t>1
?1
:2
}
function urlMod(){
var e=window.location.pathname;
"p"===e.substring(1,2)
?(
e=(e=e.substring(e.indexOf("/",1)+1))
.substr(0,e.indexOf(".html")),
history.replaceState(null,null,"../"+e)
)
:(
e=(e=postsDatePrefix
?e.substring(1)
:e.substring(e.indexOf("/",7)+1))
.substr(0,e.indexOf(".html")),
history.replaceState(null,null,"../../"+e)
)
}
function urlSearch(e,t){
var n=e+".html";
t.forEach(function(e){
-1!==e.search(n)&&(window.location=e)
})
}
function urlManager(){
var e=urlVal();
0===e
?accessOnly||urlMod()
:1===e
?getJSON(postsOrPages[feedPriority],1)
:2===e&&(accessOnly||history.replaceState(null,null,"/"))
}
function getJSON(e,t){
var n=document.createElement("script");
if(useApiV3){
var o=
"https://www.googleapis.com/blogger/v3/blogs/"
+blogId+"/"
+e
+"?key="
+apiKey
+"#maxResults=500"
+"#fields=nextPageToken%2Citems(url)"
+"#callback=bloggerJSON";
nextPageToken&&(o+="#pageToken="+nextPageToken);
nextPageToken=void 0
}else{
o=
window.location.protocol
+"//"
+window.location.hostname
+"/feeds/"
+e
+"/default?start-index="
+t
+"#max-results=150"
+"#orderby=published"
+"#alt=json-in-script"
+"#callback=bloggerJSON"
}
o=o.replace(/#/g,amp);
n.type="text/javascript";
n.src=o;
document
.getElementsByTagName("head")[0]
.appendChild(n)
}
function bloggerJSON(e){
var t=[];
if(
useApiV3
||
void 0===urlTotal
&&
(urlTotal=parseInt(
e.feed.openSearch$totalResults.$t
))
){
if(useApiV3){
try{
e.items.forEach(function(e,n){
t.push(e.url)
})
}catch(e){}
nextPageToken=e.nextPageToken
}
}else{
try{
e.feed.entry.forEach(function(n,o){
var r=e.feed.entry[o];
r.link.forEach(function(e,n){
"alternate"===r.link[n].rel
&&
t.push(r.link[n].href)
})
})
}catch(e){}
}
urlSearch(
window.location.pathname,
t
);
urlTotal>150
?(
jsonIndex+=150,
urlTotal-=150,
getJSON(
postsOrPages[feedPriority],
jsonIndex
)
)
:nextPageToken
?getJSON(
postsOrPages[feedPriority]
)
:secondRequest
&&
(
nextPageToken=void 0,
urlTotal=void 0,
jsonIndex=1,
secondRequest=!1,
0===feedPriority
?(
feedPriority=1,
getJSON("posts",1)
)
:1===feedPriority
&&
(
feedPriority=0,
getJSON("pages",1)
)
)
}
function bloggerJS(e){
e&&(feedPriority=e);
urlManager()
}
bloggerJS();
//]]>
</script>Setelah Script Dipasang
-
Simpan perubahan template
Setelah script ditempatkan pada posisi yang benar, simpan perubahan pada template Blogger.
-
Buka salah satu artikel
Buka salah satu postingan di blog dan perhatikan URL pada address bar browser.
-
Periksa hasilnya
Jika script berjalan dengan baik, URL yang ditampilkan pada browser akan terlihat lebih pendek tanpa bagian tahun, bulan, dan ekstensi .html.
Apakah Permalink Blogger Benar-Benar Berubah?
Script ini tidak mengubah permalink asli yang disimpan oleh Blogger.
Yang berubah adalah URL yang ditampilkan pada address bar browser setelah JavaScript berjalan.
Karena itu, metode ini sebaiknya dipahami sebagai modifikasi tampilan URL pada sisi client, bukan sebagai perubahan struktur permalink Blogger secara permanen.
Checklist Sebelum dan Sesudah Pemasangan
- Backup template Blogger terlebih dahulu.
- Pastikan script ditempatkan di dalam area <head>.
- Simpan template setelah script dipasang.
- Uji beberapa artikel, bukan hanya satu artikel.
- Periksa apakah artikel lama masih dapat dibuka.
- Periksa tampilan URL pada desktop dan mobile.
Kesimpulan
Dengan script tersebut, URL artikel Blogger dapat ditampilkan dalam bentuk yang lebih pendek karena bagian tahun, bulan, dan ekstensi tertentu tidak lagi terlihat pada address bar browser.
Namun, metode ini bekerja pada sisi client menggunakan JavaScript dan History API. Struktur permalink asli Blogger tetap menjadi URL sebenarnya di sisi platform.
