Kan sawi tawh ang khan Blogger hian theme/template hi a rawn chhawpsa a, blog siamtir tan leh newbies ho tan awlsam taka themes hmang mai tur simple tak leh zangkhai tak a rawn chhawpsa kha. Mahse, chung ah chuan tihtur neuh neuh a awm nual thin. Tehkhinnan kan thlalak upload te chu te lutuk te, lian lutuk te, blog width nen in fit lo te, blog post area content nen in fit lo te, kan duh ang size ang chiaha dah fuh hi har ve tak ani thin. Chuvangin, he tutorial ah hian Blogger Blog post ah image/thlalak te in fit tak, full width tur leh resize siam dan kan en ang.
Blogger posts ah hian kan duh duh pictures, images, thlalak kan upload thei a, video pawh nise. Tichuan, images dimension pawh kan duh danin kan resize thei bawk.
Images leh thlalak te kan upload dawn chuan Blog posts editor ah khan Image icon te tang khan (a) kan computer chhunga thlalak te, (b) kan blog veka kanlo upload tawh atangin kan upload thei bawk, (c) Google Album Archive atang, (d) Mobile Phone atang kan upload thei, (e) Webcam leh (f) hmudanga URL atang pawn kan upload thei ani.
Thlalak kan upload zawh hnu chuan kan duh ang size khan kan set thei a: Small, Medium, Large, X-Large, Original Size tih ang te an ni.
Image/Thlalak Quality Neih Dan
Blogger ah image/pictures/thlalak kan upload tawh chuan thlalak te chu quality tha taka siam hi a pawimawhna tamtak a awm ang. Chung hunah chuan x-large otpion, 640px dimensions ai a lian in kan thlang a tul ang. Thlalak te deuha lang tur pawhin kan edit thei bawk anga. Mahse, thlalak size te lutuk anih chuan ama quality a tlahniam thei a, a fiahlo duh chawk. Mahse, thlalak size (big image size) lian lutuk anih chuan kan page loading a ti muang em em thin tihhi kan hriat a pawimawh bawk ang.Photoshop leh Microsoft Picture Manager hmang hian a tlangpuiin thlalak te chu kan edit leh chawp a, size lian lutuk te chu kan siam te leh deuh thin ang. Kan blog ah eng ang image size nge tawk chiah ang tih pawh kan hriat a ngai bawk anga. Mi thenkhat chuan 700px hi a tawk chiaha, flexible pawh ani an ti a, blog posts ah chuan a tawk vel chiah an ti bawk.
Kan duh ang tiat thlalak/image size kan siam zawh hnuah kan upload anga. Tichuan, kan publish hmain or publish tawh hnu post image pawh kan edit thei; tin, HD quality photos leh thlalak te chu size lian lutuk anih chuan Online Image Compressor ah hian convert la, quality hlauh silo, mahse size tlemte in anlo siam sak ang che.
Kan hriattur pawimawh chu tuna tutorial hi, automatically resize blogger image dan ani ber a, image zawng ah va siam ngailo in, i blog posts tawhsa ah leh post leh tur zel ah ava affect, siamsa vek dawn tih kha hria ila.
Step 1. image/thlalak ah chuan han click la, Options ho kha a lo lang nual ang. Chung zingah chuan "Original size" tih ah khan dah tur ani.
Note: Post editor area ai lian leh daihlo deuhin a lian em em mai thei, mahse chutak chu kan siam that tur ber ani.
Step 2. Blogger Dashboard atang chuan Theme >Customize ah click la, Blogger Theme Designer ah a hruai ang che.
Step 3. Advanced >> Add CSS ah kal zel la, Add Custom CSS hnuai ah khan, a hnuaia CSS code hi Copy la Paste rawh. (I paste zawh rual khan a danglam dan tur ang khan ahnuaia Preview ah hian a hriat nghal ang)
.post-body img {
max-width: 100%;
max-height: auto;
display: block;
margin: auto;
Step 4. Tichuan, Enter kha hmetla, Apply to Blog ah clik ang che.
Tuna CSS code hi HTML editor ah va kal ngailoa tih dan ani a, ila hrelo anih chuan Blogger ah CSS code add dan hi en rawh.
Theme/Template i thlak anih chuan heng CSS code te hi a bo thei a, chuvangin heng code hi dah luh leh chu a ngai dawn tih kha hresa la.
Hei aia uluk leh felfai tak i duh chuan a hnuaia CSS code hi hmang zawk ang che:
.post-body img {He CSS code hi chuan image borders (thlalak sir) sir vel chu a nih dan tur dik thlap leh felfai zawk turin a resize mai ang.
max-width: 100%;
max-height: auto;
display: block;
margin: auto;
box-shadow: none;
border: none;
padding: 0px;
}
Images Size, thlalak size chu i duh dan anga i thlak duh anih chuan, a hnuaia css code hi hmang ang che.
.post-body img {Hriattur pakhat leh chu heng css code hian posts zawng chhunga images/thlalak zawng zawng te chu ava affect vek dawn avangin content chhung velah emaw, thlalak kang deuh, right or left ang chi te kha full width (khat vek turin) in a thlak dawn ani.
width:100%;
height:100%;
display: block;
}
Tichuan, i blog post area ah chuan thlalak leh images te chu post content/area ah a khat tawk (full width, fit) chiah chiah dawn ani. Post area ah lenglo tih vel kha a awm tawh dawnlo ani. Mahse, kan hriat tur pakhat leh chu kan template leh theme a zir khan mobile phone browser ah chuan thlalak ho chu lian em em in a awm thei. A inang lo a, code i add lai chuan mobile browser atang en chhin zel la, a sual lo ang.
Sawitawh ang khan heng CSS code te hian kan blog posts zawng zawnga image, pictures/thlalak zawng zawng chu affect vek dawn tih kan hriat angai a. Thlalak pakhat te te a va siam a ngaih loh phah ani. Heng CSS code te hi i add zawh hnuah chuan i posts zinga image ah chuan 'Original size' ah ila dah loh alo awm anih pawhin Original size ha va thlak leh vekla, a fuh dik ve tawh dawn ani. Tichuan, posts thar i siam leh anih pawhin thlalak (images, pictures) re re i upload hunah 'Original size' ah dah theihnghilh suh ang che.