Posts with the label Blogger
Memaparkan catatan dengan label Blogger. Papar semua catatan
Memaparkan catatan dengan label Blogger. Papar semua catatan

November 23, 2021

Responsif Youtube Video. Buat Online Pun Boleh!!

Hari ni gantung periuk belanga sebabnya orang rumah Syu dah kenyang makan nasi Vanggey πŸ˜† dengan ayam Baker's Cottage. Makanya, tidak berasaplah dapur hari ini. Horey!! Memandangkan Syu ada kelapangan, jadi Syu nak buat perkongsian sikit pasal satu laman web yang membolehkan video YTube di convert menjadi video yang responsif bila diletakkan di blog.



Sebelum ni Syu ada kongsi cara macam mana nak buat video YTube responsif di blog [Cara Buat Responsif YouTube Video Di Blog] . Caranya mungkin agak renyah sikit sebab korang kena bermain dengan kod CSS & html. Kali ni Syu tunjuk satu cara lagi. Kali ni lagi mudah. Korang hanya perlu copy, paste & embedded kan sahaja link YTube video yang korang nak letak pada blog πŸ˜‰πŸ’•. 




Untuk embed link YTube tu, korang perlu pergi ke Embend Responsively. Lepas dah dapat kodnya. Korang just copy & paste pada post yang korang nak create. Make sure korang paste dalam mode html view okay & bukan compose view. Dekat bawah ni korang boleh tengok hasil video YTube dari kod yang Syu dah embed menggunakan Embend Responsively (Sila papar menggunakan versi mobile mode πŸ“²




Semoga perkongsian Syu kali ni bermanfaat pada korang yang nak letak video YTube pada blog dengan cara yang mudah tanpa bermain dengan kod CSS & html yang ternyata menyerabutkan kepala tu. Sebarang pertanyaan korang boleh drop diruangan komen - Good Night!! Nah epal πŸ˜‰πŸŽ!!

Responsif Youtube Video. Buat Online Pun Boleh!!

November 23, 2021

Weekend Lepas Buat Apa Jer?

Weekend


Alhamdulillah. Sabtu Ahad lepas sempatlah cuit sekejap akaun Google Syu. Dekat sehari suntuk jugaklah menghadap. Itupun sebab banyak sangat selingan πŸ˜‚. Mana taknya. Laptop nak hadap. Kerja rumah pun nak hadap jugak. Nak masak lagi. Tu belum campur dengan berbakul kain yang terlihat "rancak" dalam bilik tetamu nun. Itupun nak kena hadap kejap lagi lepas balik kerja nanti. Kalau tak lipat siapa nak buat. Niat hati nak jer upah jiran belakang rumah tu tolong lipatkan. Tapi nanti tak syok pulak di cop pemalas πŸ˜‚. So, hadap jelah.




SESI "CUCI" GOOGLE ACCOUNT STORAGE


Sebut pasal Google Account Storage Syu. Sejujurnya, agak serabut jugak yer bila asyik dapat notifikasi dari Google ni. Mana tak nya. Ruang penyimpanan di akaun Google Syu dikatakan dah hampir 99% dah digunakan. Bila dah kena macam tu, Google apa lagi. Berdesup-desup hantar email suruh tambah space. Sajalah tu nak suruh kita keluar duit. Sebulan katanya kena bayar RM8.49 untuk 100GB. Nampak macam murah. Tapi, kalau dicongak-congak balik. Setahun RM101.88 jugaklah nak kena bayar. Domain setahun busuk dalam RM60. Kalau campur yang ini? Koyak jugak poket. So, no thanks Google!! πŸ˜…. 



Memandangkan Syu tengah ada kerajinan nak buka laptop. So, nak tak nak terpaksalah Syu rajinkan jugak diri untuk manage storage Google Account Syu. Yang jadi penuh tu sebab Syu ter-sync Syu punya photo dalam phone ke Cloud. Setiap kali ada gambar baru dari phone, berdesup-desuplah gambar tu masuk dalam Google Photo.



Korang bayangkanlah, dalam Google Photo sahaja dah 14.2GB. Dah lah space kawan tu cuma boleh muat 15GB jer πŸ˜‚. Bila nak delete satu-satu udah pening kepala. Nak buang sayang. Bukan apa, dalam setiap gambar tu semua ada kenangan. Walaupun gambar tu gambar seekor semut sekalipun. Itupun Syu tak habis pilih lagi yang mana satu nak delete.


Penuh gambar kahwin. Tu belum campur gambar makanan & pokok-pokok segala πŸ˜‚.

Yang penting Syu dah remove auto sync ke Google Photo. So, tak akan ada lagi muat naik gambar secara automatik dari phone Syu. Selain Google Photo, Syu buang jugak mana-mana file & email yang tak berguna yang ada dalam Google Drive & GMail. Kebiasaannnya, dalam Google Drive ni Syu simpan dokumen temuduga kerja, sijil-sijil belajar & beberapa dokumen peribadi Syu laki bini 😁. Bukan apa, senang bila dah ada soft copy. Tak payah kalut nak scan & upload dua tiga kali bila nak guna.





SESI MEMBALAS KOMEN DI BLOGGER


Lepas dah buang segala mak nenek sampah dalam akaun Google. Syu beralih pulak ke Blogger. Dekat Blogger pulak, sesi melihat & membalas komen pun bermula. Sejujurnya, banyak komen-komen sahabat Syu terbiar sendu diruangan komen. Maaflah yer. Punya lama baru Syu nak respon.



Nak kata Syu tak balas langsung tu taklah. Ada juga beberapa komen-komen yang Syu sempat balas secara random. Itu pun balas dengan menggunakan handphone. Bila buka Blogger guna handphone, korang faham-fahamlah kan. Dia punya view tu kadang-kadang sakit mata nak pandang. Buka guna laptop juga baru puas. Walaupun, laptop Syu dah haok screennya. Entah bila nak tukar pun tak tahu lah πŸ˜‚.


Nah, berderet masuk awaiting list. Padahal yang lain elok jer lepas πŸ˜….


Dalam tengah nak berbalas komen tu, Syu terperasan ada beberapa komen missing dari blog. Dekat dashboard ada tunjuk. Tapi, bila view dekat blog tak ada. Rupa-rupanya, dah masuk dalam "Awaiting Moderation". Itu tak apa lah lagi. Yang hairannya ada pulak yang sesat masuk dalam "Spam". Hallah3 πŸ˜…. Dah kenapa pulak jadi macam tu yer. Mungkin Syu tertekan kot? πŸ˜•Tapi, rasa macam tak...Entahlah.



Malas nak semak kepala berfikir, Syu hantar jer feedback pada pihak Blogger berserta screenshot. Harap Syu boleh tahu sebabnya kenapa. Yang pasti, komen-komen korang semua dah dibalas & diterbitkan. Cuma beberapa komen Kak Azhafizah Syu terpaksa padam. Sebab komennya ber-double muncul dekat dashboard. Minta maaf yer kak πŸ˜…. Tapi, komen akak tetap ada. Cuma komen yang sama jer Syu buang.


Yang ini usah dikenanglah. Blog yang Syu sedia-sedia follow pun masih dok masuk dalam spam.


For those komentator yang komennya masuk dalam "Awaiting List" &  "Spam", Syu harap korang tak berkecil hati tak nampak komen korang muncul dalam blog Syu yer. Memang tak dinafikan ada komen yang dah lah lama duduk bersarang dalam tu πŸ˜‚. Syu sendiri pun tak pasti kenapa jadi macam tu. Apa-apa pun, jangan serik mengomen okay!! Syu suka bila korang tinggalkan jejak. Baru Syu tahu yang blog Syu ada yang memerhati πŸ˜ŠπŸ’•. Terima kasih!!

Weekend Lepas Buat Apa Jer?

Oktober 31, 2021

Cara Letak Responsif YouTube Video Di Blog

꧁Bismillahirrahmanirahim꧂


Pagi ni memang sejuk sangat bila celik biji mata subuh-subuh πŸ˜‚. Lama jugak hujan malam tadi. Sampai ke subuh pun masih ada sisa-sisa renyai lagi. By the way, untuk pengakhiran bulan Oktober yang indah ni, Syu nak buat perkongsian sikit pada korang-korang yang tak tahu macam mana nak letak responsif YTube video dalam entri, Memang tak dinafikan, ada masa & ketika kita nak jugak selitkan hiburan segala dalam blog. Bukan apa, saja nak bagi blog meriah. Tak ada lah sendu jer dengan tulisan & gambar memanjang. 

Cara Letak Responsif YouTube Video Di Blog

Mesti runsingkan kalau korang letak video YTube lepas tu dia punya paparan video tu tak responsif.  Tambah-tambah bila korang tengok guna handphone atau tablet. Bila jadi pembaca, nak klik video pun rasa macam malas jer sebab video  yang dikongsi tu keluarnya separuh. Kalau terkena video yang autoplay, nak tak nak layankan jelah sampai sudah πŸ˜…. 

Ni paparan video tanpa menggunakan kod responsif (Sila papar  menggunakan mobile mode πŸ“²). Sedihkan kalau tengok video separuh macam ni πŸ˜‚.


Bila view guna desktop mode, video memang nampak sempurna tanpa cacat cela. Tapi, bila korang tengok menggunakan mode yang berskala kecil dari dektop (tablet atau handpone), dia punya aspek ratio tu akan lari sikit. Video yang korang dah kongsi tu tak cantik terletak & akan nampak separuh jer bila nak tengok.



Kalau nak tahu, satu-satu paparan video di blog tu dikatakan responsif bila mana kita buka menggunakan handphone atau tablet, saiz & aspek ratio video tu tak berubah. Apa yang berlaku adalah, video yang responsif ni akan mengubah saiz paparannya secara automatik & pada masa yang sama mengekalkan aspek ratio video tu.



Macam mana nak buat? Ni yang Syu nak explain ni πŸ˜„. Untuk langkah yang pertama, korang kena letak kod CSS ni dalam theme korang. Dengan meletakkan kod CSS ni, baru kod html korang apply akan aktif. 


LANGKAH 1 : MASUKKAN KOD CSS

.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}

 

Untuk masukkan kod CSS ni ada dua cara. So, apa yang korang perlu buat adalah, korang pergi ke bahagian THEME > CUSTOMIZE > ADVANCED > ADD CSS > SAVE. Atau cara kedua korang boleh masukkan kod CSS di bahagian EDIT HTML. Pastikan korang letak kod CSS sebelum </b:skin>. Lepas dah SAVE baru korang boleh masukkan kod html ni bersama embedded kod YTube dalam post korang.


LANGKAH 2 : MASUKKAN KOD KE DALAM POST
 
<div class="videoyoutube">
<div class="video-responsive">
<div style="text-align: center;">EMBEDDED KOD YTUBE >
</ div></ div></ div> 

 

Bila korang dah masukkan kod responsive, video YTube korang akan jadi macam ni (Sila view guna mobile mode πŸ“²). So, senang untuk orang tengok video YTube yang korang dah share. pada blog.  Tak ada lah keluar separuh. Macam sedih jer bila nak tengok πŸ˜‚.

Ni paparan video selepas menggunakan kod responsif. Kan seronok tengok macam ni πŸ˜œ. 

Bila guna responsif kod ni, dia punya video tu akan disuai padankan secara automatik mengikut view mode yang korang guna ketika buka blog. Tak kiralah korang buka melalui desktop, tablet waima mobilephone sekalipun. Nampak kemaskan bila buat macam ni. Korang pun akan berpuas hati bila korang buka & tengok blog korang sendiri. Cubalah!! πŸ˜‰πŸ’•

Cara Letak Responsif YouTube Video Di Blog

Oktober 31, 2021