[Ask] Mengalihkan Url Blog Ke Halaman Tertentu

Mengalihkan Url Blog ke halaman tertentu

: Ishad : ishad*****@gmail.com : https://app-jos.blogspot.com
: Salam blogger teman, Saya newbie di blogspot,
Rencananya saya mau buat blog dengan isi tentang apk MOD,
blog ini nantinya berisi artikel download apk gitu.
tapi saya ingin membuat 1 halaman yang berisi tabel list apk yang langsung bisa di klik download.

Pertanyaannya bagaimana caranya pengunjung teralihkan pada halaman tertentu saja yang berisi tabel list apk ya gan ?

contohnya :
sample.com/postingan1.html


Salam blogger juga gan,
Untuk mengalihkan pada halaman tertentu (Redirect URL), ada dua cara gan, silahkan pilih salah satu saja :

Cara Pertama : Melalui code meta

Kalau blogger harus melalui menu Theme => Edit HTML

Edit blogger theme

letakkan Code berikut dibawah code <head>
<meta http-equiv="refresh" content="0;url=http://sample.com/postingan1.html" />

Cara Kedua : Menggunakan javascript

Cara yang ini lebih mudah, karena code javascript bisa diletakkan dimana saja,
bisa diletakkan dalam widget HTML atau melalui Edit Theme seperti di atas tadi, 
asalkan code ini muncul / tereksekusi, maka page akan berubah ke halaman yang di tuju.

blogger add gadget


Berikut code redirectnya :

<script  type="text/javascript">
window.location = 'http://sample.com/postingan1.html';
</script>


Itu tadi dua cara redirect / mengalihkan ke halaman yang diinginkan secara otomatis, silahkan dicoba gan, semoga bermanfaat


Wait..!

Dari pertanyaan agan sepertinya ada dua pertanyaan :
  1. Membuat 1 halaman yang berisi tabel list apk.
  2. Mengalihkan URL Blog Ke Halaman Tertentu.

Untuk pertanyaan ke 2, yang mengalihkan URL sudah kita bahas diawal,

Sekarang untuk page yang hanya berisi Tabel List APK dan bisa langsung di download, ane kurang paham ini mau dibuat page secara otomatis dengan mengambil dari postingan, atau agan mau membuat page secara manual yang berisi tabel link download.

Kalau cara manual tentu agan harus mengetik sendiri satu persatu ^_^

Sedangkan untuk membuat page yang berisi postingan secara otomatis, kita bisa memanfaatkan code JSON dari blogger, hasilnya seperti ini : Demo Auto App-Jos

contoh blogger json


Membuat Table List Blogger POST + Link Download

Kita akan memakai code JSON gan,
Scrap blogger sudah pernah ane jelaskan disini : Mengambil Content Blogger Menggunakan Javascript

Tapi kali ini ada sedikit modifikasi, karena agan membutuhkan URL "Download APK", sedangkan blogger tidak bisa membedakan mana URL Download, mana yang URL ke website lain ataupun URL gambar.

Jadi  kalau bisa, saat agan membuat link download, silahkan diberi tambahan title "download", untuk membedakan mana yang link download dan mana yang bukan.

Contoh title Download pada link URL

<a href="http://example.com/file.apk" title="download">Klik untuk Download</a>

Sekarang untuk cara membuat Table List secara Otomatis,
Code ini akan melakukan scraping judul Postingan, dan mencari URL didalam postingan,
  • Bila ada URL dengan title download maka URL itu akan dijadikan URL utama, dan mengabaikan URL yang lain.
  • Kalau tidak ada URL dengan title download maka Code akan menganggap link dalam postingan sebagai URL alterntive download, hal ini yang membuat tampilan tabel kurang rapi.
Berikut Codenya :

 <style>
#listPost {text-align: left;margin: 0 auto;}
#listPost tr{height:2em;}
#listPost tr:nth-of-type(odd) { background: #eee; }
#listPost td{ padding: 6px; border: 1px solid #ccc;}
.downLink a{text-alignt:center; margin:0 auto; color: #4CAF50; font-weight:bold; text-decoration: none;}
</style>
<table id="listPost"></table>
<div id="temp" style="display:none !important"></div>
<script type="text/javascript">
function AmbilContent(json) {
    var temp = document.getElementById("temp");
    var table = document.getElementById("listPost");
    var entry = json.feed.entry;
    for (var i = 0; i < entry.length; i++) {
        var judulPost = entry[i].title.$t;
        for(var f=0; f<entry[i].link.length; f++){
            if(entry[i].link[f].rel=="alternate"){
                var linkPost = entry[i].link[f].href;
            }
        }
        var isiPost = entry[i].content.$t;
        var row = table.insertRow(i);
            row.insertCell(0).innerHTML = '<a href="'+linkPost+'">'+judulPost+'</a>';
            row.insertCell(1).innerHTML = '<div id="showLink'+i+'" class="downLink"></div>';           
        temp.innerHTML= '<section id="getLink'+i+'" style="display:none !important">'+isiPost+'</section>';
        getDownloadLink('getLink'+i,'showLink'+i);
    }
    temp.remove();
};
function getDownloadLink(id,show){
    var theID = document.getElementById(id);
    var theShow = document.getElementById(show);
    var linkList = theID.getElementsByTagName('a');
    var aTitle = /download/g;
    var downloadLink='';
    for(var i=0; i<linkList.length; i++){
        if(linkList[i].title.toLowerCase().match(aTitle)!=null){
            downloadLink +='<a href="'+linkList[i].href+'" target="_blank">Download APK</a><br/>'
        }
    }
    if(downloadLink==''){
        downloadLink +='<b>Alternative Link: </b><br/><ul>'
        for(var i=0; i<linkList.length; i++){
            if(linkList[i].innerText !==''){
                if(linkList[i].href.match(/.png|.jpg|.jpeg|.gif|.ico|.webp/g)==null){
                    downloadLink +='<li><a href="'+linkList[i].href+'" target="_blank">'+linkList[i].innerText+'</a></li>';
                }
            }
        }
        downloadLink +='</ul>';
    }
    theShow.innerHTML = downloadLink;
};
</script>
<script src="https://app-jos.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=AmbilContent"></script>



Agan bisa meletakkan code itu dalam widget HTML, post, atau page,
hasilnya mungkin kurang rapi, karena tidak semua post mempunyai title download.
Demo Auto App-Jos


blogger json




Related Artikel [Ask] Mengalihkan Url Blog Ke Halaman Tertentu

4 komentar:

  1. mas code yang pakai json itu diletakkan dimana..?

    BalasHapus
    Balasan
    1. Bisa dimana saja gan, bisa dalam post, page, theme, atau widget HTML

      Hapus
  2. Anonim8/02/2019

    gan kalau sudah pakai yg code meta, apakah javascript tidak perlu

    BalasHapus
    Balasan
    1. kalau sudah ada meta tidak perlu pakai javacript gan,

      *itu hanya alternative aja, jadi bisa pilih salah satu

      Hapus