How to Embed Youtube video in Blogger

 

ಬ್ಲಾಗರ್‌ ಲೇಔಟ್‌ನಲ್ಲಿ ಮಾಡಿಕೊಳ್ಳಬೇಕಾದ ಬದಲಾವಣೆಗಳು

create slideshow to blogger.

 ಬ್ಲಾಗರನಲ್ಲಿ ಒಂದು ಸ್ಲೈಡ್ ಶೋ ಇದ್ದರೆ ಬ್ಲಾಗ್ ಬಹಳ ಚನ್ನಾಗಿ ಕಾಣುತ್ತದೆ...

ಈ ಸ್ಲೈಡ್ ಶೋ ರಚಿಸುವುದು ಹೇಗೆಂದು ತಿಳಿಯೋಣ.

ಹಿಂದಿನ ವಿಡಿಯೋದಲ್ಲಿ ನಾನು ಈ ಸ್ಲೈಡ್ ಶೋ ಮಾಡಲು ಬೇಕಾದ ಚಿತ್ರಗಳನ್ನು ತಯಾರಿಸುವುದು ಹೇಗೆಂದು ತಿಳಿಸಿದ್ದೆ. 

ಅದರಂತೆ ನಿಮ್ಮ ಚಿತ್ರಗಳು ತಯಾರಾಗಿವೆ ಎಂದುಕೊಳ್ಳುವೆ. 

ನೀವು ತಯಾರಿಸಿದ ಚಿತ್ರಗಳನ್ನು ಪೇಂಟ್ ಮೂಲಕ ಚಿತ್ರಗಳ  ಸೈಜ್ 1200pix ಅಗಲ, 400pix ಎತ್ತರ ಇರುವಂತೆ ರಿಸೈಜ್ ಮಾಡಿಕೊಳ್ಳಿ. 

ಎಲ್ಲಾ ಚಿತ್ರಗಳು ಒಂದೇ ಸೈಜ್‌ ಇರಲಿ.

ಬ್ಲಾಗರ್ ಗೆ ಲಾಗಿನ್ ಆಗಿ ಹೊಸ ಪೋಸ್ಟ್ ಒಂದನ್ನು ತೆರೆದು ಅದರಲ್ಲಿ ನೀವು ತಯಾರಿಸಿದ ಎಲ್ಲಾ ಇಮೇಜ್ ಗಳನ್ನು ಸೇರಿಸಿ.

ಚಿತ್ರಗಳನ್ನು ಸೆಲೆಕ್ಟ್ ಮಾಡಿ pen icon ಮೇಲೆ ಒತ್ತಿ   ಓರಿಜಿನಲ್ ಸೈಜ್ ಎಂದು ಕೊಡಿ (ಎಲ್ಲಾ ಚಿತ್ರಗಳಿಗೆ)

ನಂತರ ಪೋಸ್ಟ್ ನ್ನು ಸೇವ್ ಮಾಡಿ. (ಪಬ್ಲಿಷ್ ಮಾಡಬೇಡಿ)

Page layout ಗೆ ಹೋಗಿ, cross column ನಲ್ಲಿ add a gadget ಕೊಡಿ.

HTML / JavaScript ಗ್ಯಾಜೆಟ್ ಸೆಲೆಕ್ಟ್ ಮಾಡಿ.

ಅದರಲ್ಲಿ ನೀಡಿರುವ ಫೈಲ್ ನಿಂದ HTML code ಕಾಪಿ ಮಾಡಿ ಪೇಸ್ಟ್ ಮಾಡಿ.

DOWNLOAD HTML CODE HERE

Slider container ಕೆಳಗೆ.

Image 1 ಇರುವಲ್ಲಿ ಚಿತ್ರಕ್ಕೆ ಒಂದು ಹೆಸರು ನೀಡಿ, ಅಲ್ಲಿರುವ ಇಮೇಜ್ URL ಜಾಗದಲ್ಲಿ ಪೋಸ್ಟ್ ಗೆ ಹೋಗಿ‌ ನೀವು ಸೇರಿಸಬೇಕಾದ ಇಮೇಜ್ ಮೇಲೆ right click ಮಾಡಿ  copy Image address ಮಾಡಿ <img src="ಇಲ್ಲಿ ಪೇಸ್ಟ್ ಮಾಡಿ" 

ಇದೇ ಹಂತವನ್ನು ಎಲ್ಲಾ ಪೋಟೋ ಗಳಿಗೆ ಅನುಸರಿಸಿ.

ಇಲ್ಲಿ‌10 ಪೋಟೋಗಳನ್ನು ಸೇರಿಸಲು ಅವಕಾಶವಿದ್ದು, ಹೆಚ್ಚು ಪೋಟೋ ಸೇರಿಸಲು ಚಿತ್ರದಲ್ಲಿ ಕಾಣುವಂತ ಕೋಡನ್ನು ಕಾಪಿ ಮಾಡಿ ಪೇಸ್ಟ್ ಮಾಡಿಕೊಂಡು  ಹಿಂದಿನ ಹಂತಗಳನ್ನೇ ಅನುಸರಿಸಿ.

ಚಿತ್ರಗಳನ್ನು ಕಡಿಮೆ ಮಾಡಿಕೊಳ್ಳಬೇಕಾಗಿದ್ದಲ್ಲಿ ಚಿತ್ರದಲ್ಲಿ ಕಾಣುವಂತೆ ಬೇಡವಾದ ಕೋಡಗಳನ್ನು delete ಮಾಡಿ.

ಚಿತ್ರಗಳ URLಹಾಗೂ ಅದರ ಕೆಳಗೆ ನೀಡಿರುವ <span class="dot"></span>  ಕೋಡ್ ಗಳು ಸಮನಾಗಿರಬೇಕು....

ಎಲ್ಲಾ ಮುಗಿದ ಮೇಲೆ Save ಮಾಡಿ.

How to Create Slider to Blogger in Kannada. ಬ್ಲಾಗರ್‌ಗೆ ಸ್ಲೈಡರ್‌ ತಯಾರಿಸುವ ವಿಧಾನ

How to create sidebar menus/buttons. ಸೈಡ್‌ ಬಾರ್‌ ಮೆನು ತಯಾರಿಸುವ ವಿಧಾನ

ಕೆಳಗಿನ ಹಂತಗಳನ್ನು ಅನುಸರಿಸಿ
Layout ಗೆ ಹೋಗಿ. sidebarನಲ್ಲಿ Add a new gadget
(ಎರಡು ಸೈಡ್‌ಬಾರ್‌ ಹೊಂದಿದ್ದರೆ, ನಿಮಗೆ ಬೇಕಾದ ಕಡೆಗೆ)


ಅದರಲ್ಲಿ
ಕೆಳಗೆ ನೀಡಿರುವ HTML code ನ್ನು ಡೌನಲೋಡ್‌ ಮಾಡಿ . ಕೋಡಗಳನ್ನು ಕಾಪಿ ಮಾಡಿ ಇಲ್ಲಿ ಪೇಸ್ಟ್‌ ಮಾಡಿ.



ನಂತರ ವಿಡಿಯೋದಲ್ಲಿ ತಿಳಿಸಿದಂತೆ ನಿಮಗೆ ಬೇಕಾದಂತೆ ಕಲರ್ ಬದಲಿಸಿಕೊಳ್ಳಿ.
Title 1, Title 2 ಇರುವಲ್ಲಿ ಪೇಜ್‌ ಟೈಟಲ್‌ ಹಾಕಿ, 
"#" ಇರುವಲ್ಲಿ ಲೇಬಲ್/ಪೇಜ್/ವೆಬ್‌ಸೈಟ್‌ ಮುಂತಾದ ಯಾವುದೇ ಲಿಂಕ್‌ ಹಾಕಿ..

Click here to download HTML CODES

Click here to RGB colors