Memoir of Insani

Kerengkos

Latest Post

Panduan Lajukan Wifi Internet Router TM (Telecom Malaysia). Tahukah anda, default setting pada router TM boleh menyebabkan bottleneck yang mengakibatkan kelajuan sambungan Wi-Fi menjadi  perlahan daripada sepatutnya. Selalunya streamyx 8Mbps, masih mengalami mengalami lag ketika bermain online game atau buffering ketika menonton video secara streaming.

Majoriti pengguna internet TM (terutama Streamyx) menggunakan router yang dibekalkan sendiri oleh TM. Kalau mampu, tukarlah kepada router jenama lain seperti Asus untuk kualiti dan usability yang lebih baik berbanding router TM. Jika anda tidak bercadang untuk menukar router, saya galakkan praktik tips seperti di bawah untuk dapatkan sambungan Wi-Fi yang lebih memuaskan.

 Langkah 1 : Akses Configuration Router Anda

Panduan Lajukan Wifi Internet Router TM

Untuk mengakses configuration router, taip 192.168.1.1 pada pelayar internet anda. Jika anda menggunakan router seperti dalam gambar di atas, model INNATECH-W700N (Innacom) username dan password adalah seperti berikut :
Login : tmadmin
Password : Adm@XXXX
 

*XXXX merujuk kepada empat angkat terakhir MAC Address router tersebut. Boleh rujuk di pelekat di bahagian bawah router.


Langkah 2 : Menukar Wi-Fi kepada Wireless N sahaja

Panduan Lajukan Wifi Internet Router TM

Setting asal bagi kebanyakan router ialah Wi-Fi B/G/N iaitu signal “radio” yang menyokong peranti “legacy” dari zaman sedekad lepas hingga ke sekarang. Peranti moden seperti laptop generasi baru, iPhone, peranti Android kebanyakannya menyokong sambungan Wifi b/g/n/ac.

Masalah utama ialah penggunaan mode wifi b/g/n pada peranti moden boleh menjejaskan “speed” wifi transfer itu sendiri. Oleh itu, bagi mengurangkan bottleneck saya sarankan bahawa anda set wifi mode kepada Wifi N sahaja.

AMARAN: JIKA ANDA MENGGUNAKAN DEVICE YANG MENYOKONG Wifi G sahaja, jangan buat langkah ini kerana di khuatiri anda menghadapi masalah tidak dapat connect ke WIFI.

Tekan “Apply Changes” untuk menyimpan setting terbaru.
  • Kalau tak boleh proceed, sila buat langkah 3 dulu kemudian baru tukar kepada WPA2.
  • Laptop atau model telefon lama mungkin tidak mesra wireless N atau tidak dapat connect langsung.


Langkah 3 : Menukar security kepada WPA2

Panduan Lajukan Wifi Internet Router TM

Kebanyakan router juga masih mengekalkan wifi security jenis WEP sebagai default settings. Masalah utama WEP ialah boleh menyebabkan kelajuan transfer data melalui wifi dibawah prestasi sebenar selain sekuriti WEP yang mudah digodam.

Biasa dengar kes curi wifi? Saya yakin kebanyakan wifi yang kena curi itu masih guna sekuriti WEP.

Untuk lebih lajukan wifi transfer, tukar sekuriti kepada WPA2 (AES) dan apply changes, kemudian restart router anda.


Langkah 4 : Menukar DNS kepada Google DNS

Panduan Lajukan Wifi Internet Router TM

Penulis pernah tulis mengenai Google DNS, enam tahun lepas. Tapi hari ini ianya masih relevan. Google DNS tidak meningkatkan kelajuan wifi tetapi membantu anda melayari web dengan lebih pantas. Untuk menukar DNS pada router TM, masuk 192.168.1.1 > Service > DNS > Set DNS Manually > 8.8.8.8 dan 8.8.4.4.

Langkah 5 : Menukar kedudukan router

Router TM biasanya guna ‘internal antenna” jadi signal tidak kuat berbanding router yang ada 2 atau tiga tanduk, dan boleh menjadi bertambah lemah sekiranya banyak halangan. Letak router di kawasan utama dan terbuka dan elakkan dari meletak router di bilik paling hujung atau tempat tersorok. Percayalah, kalau signal tidak banyak halangan, wifi pun akan jadi kuat dan laju.

Secara teori anda akan merasakan perubahan yang agak drastik terutamanya bila streaming dan bermain online games. Router TM banyak limitasinya, seperti signal yang tidak kuat kerana antena terbina dalam, jumlah RAM yang rendah (tidak mampu menambung banyak peranti pada masa sama) dan tiada sokongan dual-band

Cara Embed Video Youtube Responsive di Blogspot - Youtube adalah sebuah situs video berbagi paling populer saat ini yang dimana sobat bisa mengupload video, menonton video, atau bisa juga untuk mendapatkan penghasilan dari youtube dengan mendaftarkan akun adsense melalui youtube.

Banyak kelebihan yang ditawarkan situs youtube ini, salah satunya adalah fitur embed video yang bisa sobat tambahkan dan dapat ditonton langsung di blog. Namun dengan menambahkan video tersebut akan mengurangi nilai SEO sebuah blog karena adanya elemen iframe dan tampilannya pun belum responsive jika ukuran layar diperkecil.

Maka dari itu di sini Berkongsi panduan agar video youtube menjadi responsive dan tidak akan mengurangi nilai SEO blog sobat. Berikut cara penerapannya :

1. Buka Blogger > Template > Edit HTML > Tambahkan kode di bawah ini sebelum ]]></b:skin> atau </style>

.videoyoutube{text-align:center;margin:auto;width:100%;}
.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

2. Tambahkan kode di bawah ini sebelum </body>

<script type='text/javascript'>
//<![CDATA[
// Youtube Responsive
setTimeout(function(){$(".video-youtube").each(function(){$(this).replaceWith('<iframe class="video-youtube loader" src="'+$(this).data("src")+'" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>')})},5e3);
//]]>
</script>

3. Simpan template.

4. Selanjutnya untuk menambahkan video pada postingan, gunakan kode di bawah ini :

<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="SIMPAN-LINK-EMBED-VIDEO-DI-SINI">
</div>
</div>
</div>

Contoh link embed video yang diambil :

Embed Youtube Video

Salin link embed seperti screenshot di atas, kemudian simpan di dalam kode HTML di atas seperti ini :

<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/31k_DB8KVQM">
</div>
</div>
</div>

5. Terakhir simpan / publikasikan postingan.


Kini video youtube yang diembed di postingan sudah responsive yang berarti video bisa menyesuaikan dengan ukuran dalam layar apapun. Sekian sedikit trik tentang Cara Embed Video Youtube Responsive di Blogspot. Mudah-mudahan bermanfaat bagi sobat blogger semua. Terima kasih.

3 Style Widget Popular Post Blogspot - Widget popular post merupakan salah satu widget yang cukup penting perannya dalam sebuah blog. Widget ini akan menampilkan daftar postingan yang paling dilihat oleh pengunjung yang bisa diurutkan berdasarkan 7 hari terakhir, 30 hari terakhir, dan setiap saat.

Sebelumnya Saya juga pernah berbagi modifikasi dari widget popular post dengan style thumbnail warna-warni.

Namun kali ini Saya akan memberikan 3 style sekaligus yang bisa sobat tambahkan di blog. Ok langsung saja berikut cara penerapannya :

1. Buka Blogger > Template > Edit HTML > Tambahkan kode di bawah ini sebelum ]]></b:skin> atau </style> dan silakan pilih dari ketiga style di bawah ini :

Popular Post Versi 1

Style 1


/* Popular Post Style 1 */
#PopularPosts1 ul{padding:10px 0;margin-top:-15px;}
.PopularPosts .item-thumbnail{margin:0}
.PopularPosts .widget-content ul{padding:0;margin-top:-7px}
.PopularPosts .item-title a{text-decoration:none;font-weight:400;font-size:14px;color:#000;line-height:1.4em;transition:all ease-in-out .1s;}
.PopularPosts .item-title{padding-bottom:.4em}
.PopularPosts .widget-content ul li:hover a,.PopularPosts .widget-content ul li a:hover{color:#48d;}
.PopularPosts li:first-child .item-snippet{position:absolute;top:0;opacity:0;visibility:hidden;width:85%;left:11px;color:#fff;background-color:rgba(172,22,172,.83);padding:10px;font-size:90%;line-height:normal;transition:.3s}
.PopularPosts li:hover:first-child .item-snippet{top:20%;opacity:1;visibility:visible}
.PopularPosts img{width:100%;height:100%}
.PopularPosts .widget-content ul li{list-style:none;margin:10px 0 0!important;padding:0 0 10px!important;line-height:1.3em!important;position:relative;border-bottom:1px solid #f1f1f1}
.PopularPosts li .item-snippet{display:none}
.PopularPosts li .item-thumbnail{width:85px;height:72px;margin:0 10px 0 0;overflow:hidden;float:left}
.PopularPosts li:first-child .item-thumbnail{width:100%;height:100%;max-height:190px;overflow:hidden;margin-bottom:10px}
.PopularPosts li:first-child .item-content{position:relative}
.PopularPosts li:first-child .item-thumbnail,.PopularPosts li:first-child .item-snippet{display:block}
.PopularPosts li:first-child .item-title a{font-size:18px;line-height:1.3em;font-weight:700}

Popular Post Versi 2

Style 2


/* Popular Post Style 2 */
.PopularPosts .widget-content ul{padding:0;margin-top:-10px}
.PopularPosts .item-thumbnail{margin:0}
.PopularPosts .item-title {padding:0;}
.PopularPosts .item-title a{text-decoration:none;color:#000;}
.PopularPosts .item-title a:hover{color:#ff2d2d}
.PopularPosts .item-snippet{font-size:12px;line-height:1.6em;color:#777;padding-top:10px}
.PopularPosts li{border-bottom:1px dashed #e3e3e3}
.PopularPosts li .item-thumbnail,.PopularPosts li .item-snippet{display:none}
.PopularPosts li:first-child .item-thumbnail,.PopularPosts li:first-child .item-snippet{display:block;overflow:hidden;max-height:180px;margin-bottom:10px;}
.PopularPosts img{padding:0}
.PopularPosts .widget-content ul li{padding:10px 0;margin:0}

Popular Post Versi 3

Style 3


/* Popular Post Style 3 */
#PopularPosts1 ul{padding:10px 0;margin-top:-15px;}
.PopularPosts .item-thumbnail{margin:0}
.PopularPosts .widget-content ul{padding:0;margin-top:-7px}
.PopularPosts .item-title a{text-decoration:none;font-weight:700;font-size:14px;color:#000;line-height:1.4em;transition:all ease-in-out .1s;}
.PopularPosts .item-title{padding-bottom:.4em}
.PopularPosts .widget-content ul li:hover a,.PopularPosts .widget-content ul li a:hover{color:#48d;}
.PopularPosts img{width:100%;height:100%}
.PopularPosts .widget-content ul li{list-style:none;margin:10px 0 0!important;padding:0 0 10px!important;line-height:1.3em!important;position:relative;border-bottom:1px solid #f1f1f1}
.PopularPosts li .item-snippet{position:absolute;top:0;opacity:0;visibility:hidden;width:85%;left:11px;color:#fff;background-color:rgba(172,22,172,.83);padding:10px;font-size:90%;line-height:normal;transition:.3s}
.PopularPosts li:hover .item-snippet{top:20%;opacity:1;visibility:visible}
.PopularPosts li .item-thumbnail{margin:10px 0;overflow:hidden;float:left}
.PopularPosts li:first-child .item-thumbnail{width:100%;height:100%;max-height:190px;overflow:hidden;margin-bottom:10px}
.PopularPosts li:first-child .item-content{position:relative}
.PopularPosts li:first-child .item-thumbnail,.PopularPosts li:first-child .item-snippet{display:block}

2. Selanjutnya tambahkan kode di bawah ini di atas </body>

Style 1


<script type='text/javascript'>
//<![CDATA[ 
function resizeThumbarlina(e,t){for(var s=document.getElementById(e),r=s.getElementsByTagName("img"),c=0;c<r.length;c++)r[c].src=r[c].src.replace(/\/s72\-c/,"/s"+t),r[c].width=t,r[c].height=t}resizeThumbarlina("PopularPosts1",400);
//]]>
</script>

Style 2


<script type='text/javascript'>
//<![CDATA[
// Popular Post
var newidth=295;var neweight=180;$(".popular-posts .item-thumbnail img").each(function(){var t=$(this).attr("width");$(this).attr("width",newidth),$(this).attr("height",neweight),$(this).attr("src",$(this).attr("src").replace("/s72-c/","/w"+newidth+"-h"+neweight+"-c/"))}),$(".PopularPosts .item-snippet").text(function(t,i){return i.substr(0,70)});
//]]>
</script>

Style 3


<script type='text/javascript'>
//<![CDATA[ 
function resizeThumbarlina(e,t){for(var s=document.getElementById(e),r=s.getElementsByTagName("img"),c=0;c<r.length;c++)r[c].src=r[c].src.replace(/\/s72\-c/,"/s"+t),r[c].width=t,r[c].height=t}resizeThumbarlina("PopularPosts1",400);
//]]>
</script>

3. Simpan template.


Setelan Widget


Untuk setelan widget bisa disesuaikan dengan screenshot di bawah ini :

Setelan Widget Popular Post


Berikut demo tampilan menggunakan style 1 :



Sekian untuk tips blogger kali ini tentang Widget Popular Post dengan 3 Style, semoga bermanfaat.

MKRdezign

Contact Form

Name

Email *

Message *

Powered by Blogger.
Javascript DisablePlease Enable Javascript To See All Widget