Aku akan menemani kalian seminggu sekali untuk belajar HTML.. Khususnya setiap malam minggu. Rasanya gak enak aklo punya ilmu dipendem sendiri. Lagian percuma juara 1 lomba blog tapi gak bagi-bagi..
Bagi yang belum bisa HTML, CSS, maupun JavaScript silahkan bergabung disini..
Di malam minggu ini aku pengen ngasih tutorial untuk Me-Redirect Blog ke Tampilan HP (Mobile View) secara Otomatis.. Mungkin udah ada yang pernah coba script yang ada di bawah ini namun ada sedikit ketidaksamaan pada script ini.
Beda dari yang lain... :
Kalo yang biasa, Redirectnya biasanya ke homepage. Padahal yang mau kita buka adalah link ke posting kita. Kalo script yang ini secara otomatis menuju halaman yang kita inginkan.!!
Buat apa sih pasang tooll ini??
Sekarang kan banyak yang browsing lewat HP. Lha blog dari BLOGGER yang kita buat itu biasanya sangat berat untuk ditampilkan di HP yang layarnya cukup mungil.. Apalagi kalo blog kita tuh kita pasang widget yang gak karu-karuan.. Wis abot tambah abot manehh... hehehe
Nah, untuk mengatasi hal tersebut aku buatin (lebih tepatnya mengeditkan) script yang bisa me-redirect (mengarahkan) agar HP kita tidak membuka tampilan untuk PC alias template blog yang asli, tapi TAMPILAN BLOG untuk Ponsel yang tampilannya lebih sederhana dan sangat enteng...
Oke untuk lebih jelasnya silahkan lihat demo tampilan Ponsel dibawah ini :
tampilan PC : http://pelajaransmaku.blogspot.com/
tampilan Ponsel : http://pelajaransmaku.blogspot.com/?m=1
Sebenernya cuma simpel.. hanya menambahkan "?m=1" setelah link url blog kita.
Oh iya.. untuk mengaktifkan tampilan ponsel, silahkan login blogger > Setting > Email &Seluler
Terus centang "Tampilkan template seluler di perangkat seluler"
Pilih template seluler yang kamu sukai..
Terus simpan pengaturan...
Oke langsung saja kalo udah... Silahkan pergi ke Rancangan > Edit HTML
Cari tag "</head>". Kalo susah pake Ctrl + F aja..
kalu udah ketemu, langsung aja copas kode / script dibawah ini di atas tag </head> tersebut...
<script language='javascript' type='text/javascript'>
var $thisurl=window.location;
(function(a,b){if(/android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))window.location=b})(navigator.userAgent||navigator.vendor||window.opera, $thisurl + '?m=1');
</script>
Oke udah selesai .. Blog kamu udah bisa redirect secara otomatis...
Muhammad Zha'farudin Pudya Wardana / X-4
Silahkan kunjungi
http://allabouttekno.blogspot.com
untuk mendapatkan widget yang lebih baik...
dan ikuti untuk belajar HTML, CSS, javascript bersama AYAS... hahaha
terima kasihh.... sama-sama....
0 komentar:
Posting Komentar