Aapka sochna achha hai, lekin Blogger me row-x1 jaisa koi default ya built-in tag nahi hota hai. Kuch customized premium themes me developers row-x1 ya row jaisi classes ka use karte hain, par bina sahi CSS ke sirf HTML me ise likhne se Layout mode me columns side-by-side nahi aayenge.

Pichle code me maine Layout mode ke CSS me जानबूझकर (deliberately) unhe vertically stack kiya tha taaki drag-and-drop karne me aur widget add karne me aasani ho.

Agar aap chahte hain ki Layout mode me bhi teenon columns bilkul live website ki tarah ek hi row me side-by-side dikhein, to aapko kisi naye tag ki zaroorat nahi hai. Aapko bas pichle diye gaye CSS me thoda sa badlav karna hoga.

Sahi Tarika (CSS Update):

Aapne apni theme me jo CSS paste kiya tha, usme sabse niche scroll karein jahan /* --- 2. Blogger Layout Mode Styling (CRUCIAL) --- */ likha hai.

Wahan par sabse aakhiri me diye gaye is code ko:

/* Is wale purane code ko hata dein: */
body#layout .footer-columns {
  display: block;
}
body#layout .footer-col {
  width: 100% !important;
  float: none;
}

Niche diye gaye is naye CSS code se badal (replace) dein:

/* --- New Side-by-Side Layout Mode CSS --- */
body#layout .footer-columns {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
  clear: both;
}

body#layout .footer-col {
  width: 32% !important; /* Teenon columns ko ek row me set karne ke liye */
  float: left !important;
  display: inline-block !important;
  box-sizing: border-box !important;
}

/* Clearfix taaki bottom section sahi se niche aaye */
body#layout .footer-columns::after {
  content: "";
  display: table;
  clear: both;
}

Yeh badlav karne ke baad:

1. Theme ko Save karein.

2. Apne Blogger Layout tab ko ek baar refresh (Reload) karein.

Ab aapke teenon columns (Left, Center, Right) Layout mode me bhi ek hi row me barabar-barabar dikhne lagenge, jisse aapko samajhne me aur aasani hogi!