Friday, January 10, 2025

How To Add Scrolling Image In Blogger

 <style>

div.scroll-container {

  background-color: #333;

  overflow: auto;

  white-space: nowrap;

  padding: 10px;

}


div.scroll-container img {

  padding: 10px;

}

</style>

<h2>Image Gallery With Horizontal Scroll</h2>


<div class="scroll-container">

  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDEe5AltizoKfjrpUwKF7j-lwio0f3kCCA4oAD_xm24Z_PdfdQBmC6bGs7JhUiGqT5pD1DfzrAakQRvZHinzIFCD96-XG1BUKHQ96HzVyFayashKFPgSIYK7kLsWV8cThlyEICN0Q7hpk_Yqarq-oOmZPXdfXpI1ViCuRu5W4wu8Vp8Y6imhsgUSyFHXw/s1600/photo_2024-12-21_10-16-51.jpg" width="200" height="200" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn5QEdMqot2nAaJKMfcRzlL9PBlMrzXjffcD4hBXYZUXPmLONBRot9jerLl3g7i_GtoDOYSNVlL11DrRI0NycVzLAiWhHWkL1Q02tIHfUKuWsy-bkOb2fZBicimOVPJSXa0PKZw_vbZ_QKGInMOFTF57uCvUIiq-EbsCfXGKWLc9RW0iIJNrmL6DahuTo/s1600/676a6748302ba_1735026504.jpg" width="200" height="200" />

  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCu6jlca1_QphwHEH5flcPRVkNEvSQhr9TXculA63Fvu4-nurxj_deG5b34uUOibZhPgEiqVUITaML153G2TCQpawIRtZucT58i5IWUvXtqJhxgQ30osU5xZdK7lgkCEdH-qutobwvl1tBRe3JVVAjM9An7wYqTu5r2nK_8uzalLrvB26Mh05gqLR78mo/s1600/photo_2024-12-16_14-33-03.jpg" width="200" height="200" />

  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXLDLmmZHM4XfHkXzB0KiytT0Y3DyxXcpvX58j4goHiy-Ns4kg4gI__BXUfcdKUvbTDvQwjFNh3_MJJrrZA6OCZzua5QuGljubVXSI25MLs6Z8rW9JVfWsY55K0KOuoOowmlJ9VTQKUJJ7o5-QXU-2EM3HccYG_z6L8RhllDBGCRpzlIugrGuzkGGk5CA/s1600/photo_2024-12-16_14-31-11.jpg" width="200" height="200" />

  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiEkC_pKRJ1b2evnx7Dpg0ErIrugPoJxhnEYT2G-ec8C0qptlxPg91OhXewEe0D0aikb47jq4DqefqwWSUmSClZevWhgUhqwK0LSHACv7gP7Xb065nt02iHhW2IZw51JhZGGfAhF490XyZCGCHXsbr1MRJl4QzU65w_Yk_xwaiIQCembs_YnUwZaRVW1c/s1600/photo_2024-12-16_14-31-23.jpg" width="200" height="200" />

  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5B-VaZwHRldSLcAH9xsz1EjyhQIWXPe6JQCeZLJg3Jy7uQqYX0j8Fr7ATsxKDFMld_tor0o6tW7-VWCXOCcxQX_iEfRFIKDAaQp6CXtD1Bmk9_u0jv6pYraeD7-uIwpmIwLB5_bO0UgIwbeszKXFYrvgOaeEQo0StS1NhLsPl37_Cs4wDgErtQSfKbrM/s1600/673dd2185f187_1732104728.jpg" width="200" height="200" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5V_d1jG-9d8Z4_bdVjDMLab_gJIOKRHeE9NyjI8WgwC9dumx2rp8J9i3QqMUYvzGnr-nmuEqBmgApSrSRVJURYUR7KjhUdE7pJBE_HvV70sjdyvodXioup45arcxyOrC0bWok-DWpZpPCeFz4_nnPBfA5NnIcV0pp0zXYdXCIgHEITS0hL8KbC35nIlY/s1600/676a6763ac2d0_1735026531.jpg" width="200" height="200" />

</div>

No comments:

Post a Comment

Html Coding for Blinking Text in Blog

 Sure! Here's a simple way to make text blink in an HTML blog using CSS (since the old <blink> tag is deprecated and not support...