ಸಿಎಸ್ಎಸ್ ನಲ್ಲಿ 3-ಅಂಕಣ ಲೇಔಟ್ ಅನ್ನು ಹೇಗೆ ರಚಿಸುವುದು

by ಜೆನ್ನಿಫರ್ Kyrnin

ಸಿಎಸ್ಎಸ್ ವಿನ್ಯಾಸವು ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ ವಿನ್ಯಾಸವನ್ನು ಒಟ್ಟಾರೆಯಾಗಿ ನೀವು ಯೋಚಿಸುವ ಅಗತ್ಯವಿರುತ್ತದೆ, ತದನಂತರ ತುಣುಕುಗಳನ್ನು ತೆಗೆದುಕೊಂಡು ಅವುಗಳನ್ನು ಒಟ್ಟಾಗಿ ಇರಿಸಿ. CSS ನೊಂದಿಗೆ ಸರಳವಾದ 3-ಕಾಲಮ್ ವಿನ್ಯಾಸವನ್ನು ಹೇಗೆ ರಚಿಸುವುದು ಎಂದು ತಿಳಿಯಿರಿ.

01 ರ 09

ನಿಮ್ಮ ವಿನ್ಯಾಸವನ್ನು ರಚಿಸಿ

ಜೆ ಕಿರ್ನಿನ್

ನಿಮ್ಮ ವಿನ್ಯಾಸವನ್ನು ಕಾಗದದ ಮೇಲೆ ಅಥವಾ ಗ್ರಾಫಿಕ್ಸ್ ಪ್ರೋಗ್ರಾಂನಲ್ಲಿ ನೀವು ಸೆಳೆಯಬಹುದು . ನೀವು ಈಗಾಗಲೇ ವೈರ್-ಫ್ರೇಮ್ ಅಥವಾ ಇನ್ನೂ ಹೆಚ್ಚಿನ ವಿನ್ಯಾಸವನ್ನು ಮನಸ್ಸಿನಲ್ಲಿ ಹೊಂದಿದ್ದರೆ, ಅದನ್ನು ಸೈಟ್ ಮಾಡುವ ಮೂಲ ಪೆಟ್ಟಿಗೆಗಳಿಗೆ ಸರಳಗೊಳಿಸಿ. ಈ ಲೇಖನದ ಜೊತೆಯಲ್ಲಿರುವ ಈ ವಿನ್ಯಾಸವು ಮುಖ್ಯ ವಿಷಯ ಪ್ರದೇಶದ ಮೂರು ಕಾಲಮ್ಗಳನ್ನು ಹೊಂದಿದೆ, ಹಾಗೆಯೇ ಹೆಡರ್ ಮತ್ತು ಅಡಿಟಿಪ್ಪಣಿ. ನೀವು ನಿಕಟವಾಗಿ ನೋಡಿದರೆ, ಮೂರು ಕಾಲಮ್ಗಳು ಅಗಲವಾಗಿ ಸಮನಾಗಿರುವುದಿಲ್ಲ ಎಂದು ನೀವು ನೋಡಬಹುದು.

ನಿಮ್ಮ ವಿನ್ಯಾಸವನ್ನು ರಚಿಸಿದ ನಂತರ, ನೀವು ಆಯಾಮಗಳನ್ನು ಆಲೋಚಿಸುತ್ತೀರಿ. ಈ ಉದಾಹರಣೆ ವಿನ್ಯಾಸವು ಕೆಳಗಿನ ಮೂಲ ಆಯಾಮಗಳನ್ನು ಹೊಂದಲಿದೆ:

900 ಪಿಕ್ಸೆಲ್ಗಳಿಗಿಂತ ಹೆಚ್ಚು ಅಗಲವಿಲ್ಲ
ಎಡಭಾಗದಲ್ಲಿ 20 px ಗಟಾರ
ಕಾಲಮ್ಗಳು ಮತ್ತು ಸಾಲುಗಳ ನಡುವೆ 10 px
250px, 300px ಮತ್ತು 300px ಅಗಲವಿರುವ ಕಾಲಮ್ಗಳು
ಮೇಲಿನ ಸಾಲು 150px ಎತ್ತರವಾಗಿದೆ
ಕೆಳಗಿನ ಸಾಲು 100px ಎತ್ತರವಾಗಿದೆ

02 ರ 09

ಬೇಸಿಕ್ ಎಚ್ಟಿಎಂಎಲ್ / ಸಿಎಸ್ಎಸ್ ಬರೆಯಿರಿ ಮತ್ತು ಕಂಟೈನರ್ ಎಲಿಮೆಂಟ್ ರಚಿಸಿ

ಈ ಪುಟವು ಮಾನ್ಯ HTML ಡಾಕ್ಯುಮೆಂಟ್ ಆಗಿರುವುದರಿಂದ, ಖಾಲಿ HTML ಕಂಟೇನರ್ನೊಂದಿಗೆ ಪ್ರಾರಂಭಿಸಿ

ಶೀರ್ಷಿಕೆರಹಿತ ದಾಖಲೆ </ ಶೀರ್ಷಿಕೆ> </ ತಲೆ> <body> </ body> </ html> <p> <a href="https://kn.eyewated.com/%E0%B2%A8%E0%B2%BF%E0%B2%AE%E0%B3%8D%E0%B2%AE-%E0%B2%85%E0%B2%82%E0%B2%9A%E0%B3%81-%E0%B2%AE%E0%B2%A4%E0%B3%8D%E0%B2%A4%E0%B3%81/">ಪುಟ ಅಂಚುಗಳು, ಅಂಚುಗಳು ಮತ್ತು ಪ್ಯಾಡಿಂಗ್ಗಳನ್ನು ಶೂನ್ಯಕ್ಕೆ</a> ಮೂಲ ಸಿಎಸ್ಎಸ್ ಶೈಲಿಯಲ್ಲಿ ಸೇರಿಸಿ. ಹೊಸ ದಾಖಲೆಗಳಿಗಾಗಿ ಇತರ <a href="https://kn.eyewated.com/%E0%B2%88-%E0%B2%B8%E0%B2%BF%E0%B2%8E%E0%B2%B8%E0%B3%8D%E0%B2%8E%E0%B2%B8%E0%B3%8D-%E0%B2%9A%E0%B3%80%E0%B2%9F%E0%B3%8D/">ಸ್ಟ್ಯಾಂಡರ್ಡ್ ಸಿಎಸ್ಎಸ್ ಶೈಲಿಗಳು</a> ಇದ್ದಾಗ, ಈ ಶೈಲಿಗಳು ನೀವು ಶುದ್ಧ ವಿನ್ಯಾಸವನ್ನು ಪಡೆಯಬೇಕಾದ ಕನಿಷ್ಠವಾಗಿರುತ್ತದೆ. ನಿಮ್ಮ ಡಾಕ್ಯುಮೆಂಟ್ನ ಮುಖ್ಯಸ್ಥರನ್ನು ಸೇರಿಸಿ: </p> <style type = "text / css"> html, ದೇಹ {margin: 0px; ಪ್ಯಾಡಿಂಗ್: 0px; ಗಡಿ: 0px; } </ ಶೈಲಿ> <p> ವಿನ್ಯಾಸವನ್ನು ನಿರ್ಮಿಸಲು ಪ್ರಾರಂಭಿಸಿ, ಕಂಟೇನರ್ ಎಲಿಮೆಂಟ್ನಲ್ಲಿ ಇರಿಸಿ. ನಂತರ ನೀವು ಧಾರಕವನ್ನು ತೊಡೆದುಹಾಕಲು ಕೆಲವೊಮ್ಮೆ ಇದು ಸಂಭವಿಸುತ್ತದೆ, ಆದರೆ ಹೆಚ್ಚಿನ ಸ್ಥಿರ-ಅಗಲ ಚೌಕಟ್ಟಿನಲ್ಲಿ, ಕಂಟೇನರ್ ಎಲಿಮೆಂಟ್ ಹೊಂದಿರುವ ವಿಭಿನ್ನ ವೆಬ್ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ನಿರ್ವಹಿಸಲು ಸುಲಭವಾಗುತ್ತದೆ. ಆದ್ದರಿಂದ ದೇಹದಲ್ಲಿ ಇದನ್ನು ಇರಿಸಿ: </p> <div id = "container"> </ div> <p> ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಶೈಲಿ ಹಾಳೆಯಲ್ಲಿ, ಪುಟ್: </p> # ಕಂಟೈನರ್ {} <p> <strong>03 ರ 09</strong> </p> <h3> ಕಂಟೇನರ್ ಶೈಲಿ </h3><p> ಕಂಟೇನರ್ ವೆಬ್ ಪುಟದ ವಿಷಯಗಳು ಎಷ್ಟು ವಿಶಾಲವೆಂದು ವಿವರಿಸುತ್ತದೆ, ಹಾಗೆಯೇ ಒಳಭಾಗದಲ್ಲಿ ಹೊರಗಡೆ ಮತ್ತು ಪ್ಯಾಡಿಂಗ್ನ ಯಾವುದೇ ಅಂಚುಗಳು. ಈ ಡಾಕ್ಯುಮೆಂಟ್ಗಾಗಿ, ಕಂಟೇನರ್ 870px ಅಗಲವಾಗಿದ್ದು, ಎಡಭಾಗದಲ್ಲಿ 20 ಪಿಕ್ಸೆಲ್ ಗಟಾರನ್ನು ಹೊಂದಿದೆ. ಗಟಾರನ್ನು ಅಂಚು ಶೈಲಿಯೊಂದಿಗೆ ಹೊಂದಿಸಲಾಗಿದೆ, ಆದರೆ ಕಂಟೇನರ್ನ ಮೇಲೆ ಪ್ಯಾಡಿಂಗ್ ಯಾವುದೇ ಅಂಶಗಳು ಕಂಟೇನರ್ನಂತೆ ಅಗಲವಾಗದಂತೆ ತಡೆಗಟ್ಟಲು ಶೂನ್ಯವಾಗಿರುತ್ತದೆ. </p> # ಕಂಟೈನರ್ {width: 870px; ಅಂಚು: 0 0 0 20px; / * ಮೇಲಿನ ಬಲ ಕೆಳಗೆ ಎಡ * / ಪ್ಯಾಡಿಂಗ್: 0; } <p> ನಿಮ್ಮ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು ಇದೀಗ ನೀವು ಉಳಿಸಿದರೆ, ಧಾರಕವನ್ನು ನೋಡಲು ಕಷ್ಟವಾಗುತ್ತದೆ ಏಕೆಂದರೆ ಅದು ಅದರಲ್ಲಿ ಏನೂ ಇಲ್ಲ. ಪ್ಲೇಸ್ಹೋಲ್ಡರ್ ಪಠ್ಯವನ್ನು ನೀವು ಸೇರಿಸಿದರೆ, ಧಾರಕ ಅಂಶವನ್ನು ಹೆಚ್ಚು ಸ್ಪಷ್ಟವಾಗಿ ನೀವು ನೋಡಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ. </p> <p> <strong>04 ರ 09</strong> </p> <h3> ಶಿರೋನಾಮೆಯ ಹೆಡ್ಲೈನ್ ಟ್ಯಾಗ್ ಬಳಸಿ </h3><p> ಶಿರೋಲೇಖ ಸಾಲು ಎಷ್ಟು ಶೈಲಿಯಲ್ಲಿದೆ ಎಂದು ನೀವು ನಿರ್ಧರಿಸುತ್ತೀರಿ ಹೇಗೆ ಅದರಲ್ಲಿದೆ ಎಂಬುದನ್ನು ಅವಲಂಬಿಸಿರುತ್ತದೆ. ಹೆಡರ್ ಸಾಲು ಕೇವಲ ಲಾಂಛನ ಗ್ರಾಫಿಕ್ ಮತ್ತು ಶಿರೋನಾಮೆಯನ್ನು ಹೊಂದಲು ಹೋದರೆ, ನಂತರ ಶಿರೋನಾಮೆಯ ಟ್ಯಾಗ್ (<h1>) ಅನ್ನು ಬಳಸಿ <div> ಅನ್ನು ಬಳಸುವುದಕ್ಕಿಂತ ಹೆಚ್ಚು ಅರ್ಥವನ್ನು ನೀಡುತ್ತದೆ. ನೀವು ಹೆಡ್ಲೈನ್ ಶೈಲಿಯನ್ನು ನೀವು ಡಿವಿಲ್ ಶೈಲಿಯ ರೀತಿಯಲ್ಲಿಯೇ ಮಾಡಬಹುದು, ಮತ್ತು ನೀವು ಬಾಹ್ಯ ಟ್ಯಾಗ್ಗಳನ್ನು ತಪ್ಪಿಸಬಹುದು. </p> <p> ಹೆಡರ್ ಸಾಲುಗಾಗಿನ HTML ಧಾರಕದ ಮೇಲ್ಭಾಗದಲ್ಲಿ ಹೋಗುತ್ತದೆ ಮತ್ತು ಈ ರೀತಿ ಕಾಣುತ್ತದೆ: </p> <h1> ನನ್ನ ಶಿರೋಲೇಖ ಸಾಲು </ h1> <p> ನಂತರ, ಅದರ ಮೇಲೆ ಶೈಲಿಗಳನ್ನು ಹೊಂದಿಸಲು, ಕೆಳಭಾಗದಲ್ಲಿ ಕೆಂಪು ಗಡಿ ಸೇರಿಸಲ್ಪಟ್ಟಿದ್ದು, ಅಂಚುಗಳು ಮತ್ತು ಪ್ಯಾಡಿಂಗ್ ಅನ್ನು ಶೂನ್ಯಗೊಳಿಸಲಾಗುತ್ತದೆ, ಅಗಲವು 100% ಮತ್ತು 150px ಗೆ ಎತ್ತರ: </p> # ಕಂಟೈನರ್ h1 {margin: 0; ಪ್ಯಾಡಿಂಗ್: 0; ಅಗಲ: 100%; ಎತ್ತರ: 150px; ಫ್ಲೋಟ್: ಎಡ; ಗಡಿ-ಕೆಳಗೆ: # c00 solid 3px; } <p> ಫ್ಲೋಟ್ನೊಂದಿಗೆ ಈ ಅಂಶವನ್ನು ಫ್ಲೋಟ್ ಮಾಡಲು ಮರೆಯಬೇಡಿ: ಎಡ; ಆಸ್ತಿ. CSS ವಿನ್ಯಾಸಗಳನ್ನು ಬರೆಯುವ ಕೀಲಿಯು ಎಲ್ಲವನ್ನೂ ತೇಲುತ್ತದೆ - ಕಂಟೇನರ್ನಂತೆಯೇ ಇರುವ ಅಗಲವೂ ಸಹ. ಆ ರೀತಿಯಲ್ಲಿ, ಅಂಶಗಳು ಪುಟದಲ್ಲಿ ಎಲ್ಲಿ ಬರುತ್ತವೆ ಎಂದು ನಿಮಗೆ ತಿಳಿದಿರುತ್ತದೆ. </p> <p> ಒಂದು <a href="https://kn.eyewated.com/%E0%B2%92%E0%B2%82%E0%B2%A6%E0%B3%81-%E0%B2%B8%E0%B2%BF%E0%B2%8E%E0%B2%B8%E0%B3%8D%E0%B2%8E%E0%B2%B8%E0%B3%8D-%E0%B2%B5%E0%B2%82%E0%B2%B6%E0%B2%B8%E0%B3%8D%E0%B2%A5/">ಸಿಎಸ್ಎಸ್ ವಂಶಸ್ಥ ಸೆಲೆಕ್ಟರ್</a> # ಕಂಟೈನರ್ ಅಂಶ ಒಳಗೆ ಎಂದು H1 ಅಂಶಗಳನ್ನು ಮಾತ್ರ ಶೈಲಿಗಳು ಅನ್ವಯಿಸಲಾಗಿದೆ. </p> <p> <strong>05 ರ 09</strong> </p> <h3> ಮೂರು ಕಾಲಮ್ಗಳನ್ನು ಪಡೆದುಕೊಳ್ಳಲು, ಎರಡು ಕಾಲಮ್ಗಳನ್ನು ನಿರ್ಮಿಸುವ ಮೂಲಕ ಪ್ರಾರಂಭಿಸಿ </h3><p> ನೀವು ಸಿಎಸ್ಎಸ್ನೊಂದಿಗೆ ಮೂರು-ಕಾಲಮ್ ವಿನ್ಯಾಸವನ್ನು ನಿರ್ಮಿಸಿದಾಗ, ನಿಮ್ಮ ವಿನ್ಯಾಸವನ್ನು ನೀವು ಎರಡು ಗುಂಪುಗಳಾಗಿ ವಿಭಜಿಸಬೇಕಾಗುತ್ತದೆ. ಆದ್ದರಿಂದ ಈ ಮೂರು ಕಾಲಮ್ ವಿನ್ಯಾಸಕ್ಕಾಗಿ, ಮಧ್ಯದ ಮತ್ತು ಬಲ ಕಾಲಮ್ ಮತ್ತು ಎರಡು ಕಾಲಮ್ ವಿನ್ಯಾಸದಲ್ಲಿ ಎಡ ಕಾಲಮ್ನ ಬಳಿ ಗುಂಪು ಮತ್ತು ಇರಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ಎಡ ಕಾಲಮ್ 250px ಅಗಲವಾಗಿರುತ್ತದೆ, ಮತ್ತು ಬಲ ಕಾಲಮ್ 610px ಅಗಲವಾಗಿರುತ್ತದೆ (ಎರಡು ಕಾಲಮ್ಗಳಿಗೆ 300 ಪ್ರತಿ , ಅವುಗಳ ನಡುವೆ ಗಟಾರಕ್ಕಾಗಿ 10px ಜೊತೆಗೆ). </p> <p> ಎಚ್ಟಿಎಮ್ಎಲ್ ಈ ರೀತಿ ಕಾಣುತ್ತದೆ: </p> <div id = "col1"> <p> ಈ ಕಲಾಕೃತಿಯ ಪರಿಣಾಮಗಳನ್ನು ಅನುಸರಿಸಿ. ಸ್ವಲ್ಪ ಸಮಯದ ವರೆಗೂ ನೀವು ಕಲಿಯಲು ಬಯಸುವಿರಾ? ಈ ವ್ಯಾಯಾಮದ ಬಗ್ಗೆ ಯಾವುದೇ ವಿವೇಚನೆಯಿಲ್ಲದೆ ಈ ವ್ಯಾಯಾಮವನ್ನು ಮಾಡಿದೆ. ಈ ಕಲಾಕೃತಿಯಿಂದ ಹೊರಬರಲು ಬೇಕಾದ ಕೆಲಸವನ್ನು ಮಾಡಬಾರದು. </ P> </ div> <div id = "col2outer"> <p> ಸ್ವಲ್ಪ ಸಮಯದ ನಂತರ, ಆದರೆ ಇಯಮೊಡ್ಯೂಡ್ ಯಾವುದೇ ಸಮಯದಲ್ಲಿ ಕೆಲಸ ಮಾಡುವುದಿಲ್ಲ. ನೀವು ಕೆಲಸ ಮತ್ತು ಕೆಲವು ದೊಡ್ಡ ಕೆಲಸ. ನಾನು ಈ ಬಗ್ಗೆ ಮಾತನಾಡುತ್ತಿದ್ದೇನೆ ಎಂದು ಹೇಳಿದೆ. </ P> </ div> <p> ಲಂಬಸಾಲಿನ ಪ್ಲೇಸ್ಹೋಲ್ಡರ್ ಪಠ್ಯವು ಪರೀಕ್ಷಿಸುವಾಗ ಅವುಗಳನ್ನು ಹೆಚ್ಚು ಗೋಚರಿಸುತ್ತದೆ. ಸಿಎಸ್ಎಸ್ ಈ ರೀತಿ ಕಾಣುತ್ತದೆ: </p> # ಕಂಟೈನರ್ # col1 {width: 250px; ಫ್ಲೋಟ್: ಎಡ; } # ಕಂಟೈನರ್ # col2outer {width: 610px; ಫ್ಲೋಟ್: ಸರಿ; ಅಂಚು: 0; ಪ್ಯಾಡಿಂಗ್: 0; } <p> ಎಡಭಾಗದಲ್ಲಿರುವ ಕಾಲಮ್ ಎಡಕ್ಕೆ ತೇಲುತ್ತದೆ, ಇತರವು ಬಲಕ್ಕೆ ತೇಲುತ್ತದೆ. ಎರಡೂ ಕಾಲಮ್ಗಳ ಒಟ್ಟು ಅಗಲವು 860px ಏಕೆಂದರೆ, ಅವುಗಳ ನಡುವೆ 10px ಗಟಾರ ಇರುತ್ತದೆ. </p> <p> <strong>06 ರ 09</strong> </p> <h3> ವೈಡ್ ದ್ವಿತೀಯ ಅಂಕಣದಲ್ಲಿ ಎರಡು ಕಾಲಮ್ಗಳನ್ನು ಸೇರಿಸಿ </h3><p> ಮೂರು ಸ್ತಂಭಗಳನ್ನು ರಚಿಸಲು, ಕೊನೆಯ ಹಂತದಲ್ಲಿ ಕಂಟೇನರ್ ಕಾಲಮ್ನ ಒಳಗೆ 2 ಡಿವ್ಗಳನ್ನು ಸೇರಿಸಿದಂತೆ, ವಿಸ್ತಾರವಾದ ಎರಡನೇ ಕಾಲಮ್ನ ಒಳಗೆ ಎರಡು ಡಿವ್ಗಳನ್ನು ಸೇರಿಸಿ. ಎಚ್ಟಿಎಮ್ಎಲ್ ಈ ರೀತಿ ಕಾಣುತ್ತದೆ: </p> <div id = "col2outer"> <div id = "col2mid"> <p> ನೀವು ಸ್ವಲ್ಪ ಸಮಯದ ನಂತರ, ಆದರೆ ಯಾವುದೇ ಸಮಯದಲ್ಲಾಗುವ ಕೆಲಸವನ್ನು ಮಾಡಬಾರದು. ನೀವು ಕೆಲಸ ಮತ್ತು ಕೆಲವು ದೊಡ್ಡ ಕೆಲಸ. "" ನಾನು ಈ ಸಮಯದಲ್ಲಿ ಮಾತನಾಡುತ್ತಿದ್ದೇನೆ ಎಂದು ಹೇಳಲು ಬಯಸುತ್ತೇನೆ. "</ P> </ div> <div id =" col2side "> <p> ಉಲ್ಲಮ್ ಕಾರ್ಪೊರೇಷನ್ ಕಾರ್ಮಿಕರಿಗೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ, ಇದು ಕೆಲವು ಅಪೇಕ್ಷೆಗೆ ಕಾರಣವಾಗುತ್ತದೆ. </ P> </ div> </ div> ಇಲ್ಲಿಯವರೆಗೆ, ಎಲ್ಲಾ ಸಮಯದಲ್ಲೂ ನಿಮ್ಮ ಕೆಲಸವನ್ನು ಗಮನದಲ್ಲಿಟ್ಟುಕೊಳ್ಳಲು ನೀವು ಬಯಸಿದರೆ, <p> ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಈ ರೀತಿ ಕಾಣುತ್ತದೆ: </p> # col2outer # col2mid {width: 300px; ಫ್ಲೋಟ್: ಎಡ; } # col2outer # col2side {width: 300px; ಫ್ಲೋಟ್: ಸರಿ; } <p> ಈ ಎರಡು 300px ವಿಶಾಲ ಪೆಟ್ಟಿಗೆಗಳು 610px ವಿಶಾಲ ಪೆಟ್ಟಿಗೆಯೊಳಗೆ ಇರುವುದರಿಂದ, ಅವುಗಳ ನಡುವೆ 10 ಪೌಂಡ್ ಗಟರ್ ಇರುತ್ತದೆ. </p> <p> <strong>07 ರ 09</strong> </p> <h3> ಅಡಿಟಿಪ್ಪಣಿ ಸೇರಿಸಿ </h3><p> ಈಗ ಉಳಿದ ಪುಟವು ಶೈಲಿಯಲ್ಲಿದೆ, ನೀವು ಅಡಿಟಿಪ್ಪಣಿಗೆ ಸೇರಿಸಬಹುದು. ಒಂದು "ಅಡಿಟಿಪ್ಪಣಿ" ಐಡಿನೊಂದಿಗೆ ಕೊನೆಯ ಡಿವ್ ಅನ್ನು ಬಳಸಿ, ಮತ್ತು ನೀವು ಅದನ್ನು ನೋಡಬಹುದು ಆದ್ದರಿಂದ ವಿಷಯವನ್ನು ಸೇರಿಸಿ. ನೀವು ಮೇಲಿರುವ ಗಡಿ ಕೂಡ ಸೇರಿಸಬಹುದು, ಆದ್ದರಿಂದ ಅದು ಎಲ್ಲಿ ಪ್ರಾರಂಭವಾಗುತ್ತದೆ ಎಂದು ನಿಮಗೆ ತಿಳಿಯುತ್ತದೆ. </p> <p> HTML: </p> <div id = "footer"> <p> ಕೃತಿಸ್ವಾಮ್ಯ © 2017 </ p> </ div> <p> ಸಿಎಸ್ಎಸ್: </p> # ಕಂಟೈನರ್ # ಫೂಟರ್ {ಫ್ಲೋಟ್: ಎಡ; ಅಗಲ: 870 px; ಗಡಿ-ಮೇಲಿನ: # c00 solid 3px; } <p> <strong>08 ರ 09</strong> </p> <h3> ನಿಮ್ಮ ವೈಯಕ್ತಿಕ ಶೈಲಿಯಲ್ಲಿ ಮತ್ತು ವಿಷಯದಲ್ಲಿ ಸೇರಿಸಿ </h3><p> ಈಗ ನೀವು ಲೇಔಟ್ ಮುಗಿದಿದೆ, ನೀವು ನಿಮ್ಮ ಸ್ವಂತ ವೈಯಕ್ತಿಕ ಶೈಲಿ ಮತ್ತು ವಿಷಯವನ್ನು ಸೇರಿಸುವುದನ್ನು ಪ್ರಾರಂಭಿಸಬಹುದು. ವಿನ್ಯಾಸಕ್ಕಾಗಿ ನಿರ್ದಿಷ್ಟವಾಗಿ ವಿನ್ಯಾಸ ವಿಭಾಗಗಳನ್ನು ತೋರಿಸಲು ಹೆಡರ್ ಮತ್ತು ಅಡಿಟಿಪ್ಪಣಿಗಳ ಮೇಲಿನ ಗಡಿಗಳನ್ನು ಸೇರಿಸಲಾಗಿದೆಯೆಂದು ನೆನಪಿಡಿ. </p> <p> <strong>09 ರ 09</strong> </p> <h3> ಅಂತಿಮ HTML / CSS </h3><p> ಸಂಪೂರ್ಣ ಡಾಕ್ಯುಮೆಂಟ್, HTML ಮತ್ತು CSS ಇಲ್ಲಿದೆ: </p> <! DOCTYPE html ಸಾರ್ವಜನಿಕ "- / / ಡಬ್ಲ್ಯು 3 ಸಿ / ಡಿಟಿಡಿ ಎಕ್ಸ್ಎಚ್ಎಚ್ 1.0 1.0 ಪರಿವರ್ತನೆ // ಎನ್" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns = "http : //www.w3.org/1999/xhtml "> <head> <meta http-equiv =" ವಿಷಯ-ಪ್ರಕಾರ "ವಿಷಯ =" ಪಠ್ಯ / html; ಅಕ್ಷರಸೆಟ್ = utf-8 "/> <title> ಶೀರ್ಷಿಕೆರಹಿತ ದಾಖಲೆ </ title> <style type = "text / css"> html, ದೇಹ {margin: 0px; ಪ್ಯಾಡಿಂಗ್: 0px; ಗಡಿ: 0px; } # ಕಂಟೈನರ್ {ಅಗಲ: 870 px; ಅಂಚು: 0 0 0 20px; / * ಮೇಲಿನ ಬಲ ಕೆಳಗೆ ಎಡ * / ಪ್ಯಾಡಿಂಗ್: 0; ಹಿನ್ನೆಲೆ ಬಣ್ಣ: #fff; } # ಕಂಟೈನರ್ h1 {margin: 0; ಪ್ಯಾಡಿಂಗ್: 0; ಅಗಲ: 100%; ಎತ್ತರ: 150px; ಫ್ಲೋಟ್: ಎಡ; ಗಡಿ-ಕೆಳಗೆ: # c00 solid 3px; } # ಕಂಟೈನರ್ # col1 {width: 250px; ಫ್ಲೋಟ್: ಎಡ; } # ಕಂಟೈನರ್ # col2outer {width: 610px; ಫ್ಲೋಟ್: ಸರಿ; ಅಂಚು: 0; ಪ್ಯಾಡಿಂಗ್: 0; } # col2outer # col2mid {width: 300px; ಫ್ಲೋಟ್: ಎಡ; } # col2outer # col2side {width: 300px; ಫ್ಲೋಟ್: ಸರಿ; } # ಕಂಟೈನರ್ # ಫೂಟರ್ {ಫ್ಲೋಟ್: ಎಡ; ಅಗಲ: 870 px; ಗಡಿ-ಮೇಲಿನ: # c00 solid 3px; } </ style> </ head> <body> <div id = "container"> <h1> ನನ್ನ ಶಿರೋಲೇಖ ಸಾಲು </ h1> <div id = "col1"> <p> </ div> </ div> <div id = "col2side"> <p> <p> <p> <p> </ P> </ div> </ div> <div id = "footer"> <p> ಕೃತಿಸ್ವಾಮ್ಯ © 2008 </ p> </ div> </ div> </ body> </ html> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%B8%E0%B2%BF%E0%B2%8E%E0%B2%B8%E0%B3%8D%E0%B2%8E%E0%B2%B8%E0%B3%8D-%E0%B2%95%E0%B2%BE%E0%B2%AE%E0%B3%86%E0%B2%82%E0%B2%9F%E0%B3%8D-%E0%B2%85%E0%B2%A8%E0%B3%8D%E0%B2%A8%E0%B3%81/"> <amp-img src="https://exse.eyewated.com/pict/eb475c938ddb317f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%B8%E0%B2%BF%E0%B2%8E%E0%B2%B8%E0%B3%8D%E0%B2%8E%E0%B2%B8%E0%B3%8D-%E0%B2%95%E0%B2%BE%E0%B2%AE%E0%B3%86%E0%B2%82%E0%B2%9F%E0%B3%8D-%E0%B2%85%E0%B2%A8%E0%B3%8D%E0%B2%A8%E0%B3%81/">ಸಿಎಸ್ಎಸ್ ಕಾಮೆಂಟ್ ಅನ್ನು ಸೇರಿಸುವುದು ಹೇಗೆ</a></h3> <div class="amp-related-meta"> ವೆಬ್ ವಿನ್ಯಾಸ & ದೇವ್ </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%B8%E0%B3%8D%E0%B2%A5%E0%B2%BF%E0%B2%B0-%E0%B2%85%E0%B2%97%E0%B2%B2-%E0%B2%B2%E0%B3%87%E0%B2%94%E0%B2%9F%E0%B3%8D-%E0%B2%B9%E0%B3%8A%E0%B2%82%E0%B2%A6%E0%B2%BF%E0%B2%B0%E0%B3%81%E0%B2%B5/">ಸ್ಥಿರ ಅಗಲ ಲೇಔಟ್ ಹೊಂದಿರುವ ಸೆಂಟರ್ಗೆ ಡಾಕ್ಯುಮೆಂಟ್ಗೆ ಸಿಎಸ್ಎಸ್ ಬಳಸಿ</a></h3> <div class="amp-related-meta"> ವೆಬ್ ವಿನ್ಯಾಸ & ದೇವ್ </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%AC%E0%B2%B9%E0%B3%81-%E0%B2%B8%E0%B2%BF%E0%B2%8E%E0%B2%B8%E0%B3%8D%E0%B2%8E%E0%B2%B8%E0%B3%8D/"> <amp-img src="https://exse.eyewated.com/pict/fa929f827af430e8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%AC%E0%B2%B9%E0%B3%81-%E0%B2%B8%E0%B2%BF%E0%B2%8E%E0%B2%B8%E0%B3%8D%E0%B2%8E%E0%B2%B8%E0%B3%8D/">ಬಹು ಸಿಎಸ್ಎಸ್ ಆಯ್ಕೆಗಳನ್ನು ಗುಂಪು ಮಾಡುವಿಕೆ</a></h3> <div class="amp-related-meta"> ವೆಬ್ ವಿನ್ಯಾಸ & ದೇವ್ </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%B8%E0%B3%86%E0%B2%82%E0%B2%9F%E0%B2%B0%E0%B3%8D-%E0%B2%9A%E0%B2%BF%E0%B2%A4%E0%B3%8D%E0%B2%B0%E0%B2%97%E0%B2%B3%E0%B3%81-%E0%B2%AE%E0%B2%A4%E0%B3%8D%E0%B2%A4%E0%B3%81/"> <amp-img src="https://exse.eyewated.com/pict/9890204b2b7b31a6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%B8%E0%B3%86%E0%B2%82%E0%B2%9F%E0%B2%B0%E0%B3%8D-%E0%B2%9A%E0%B2%BF%E0%B2%A4%E0%B3%8D%E0%B2%B0%E0%B2%97%E0%B2%B3%E0%B3%81-%E0%B2%AE%E0%B2%A4%E0%B3%8D%E0%B2%A4%E0%B3%81/">ಸೆಂಟರ್ ಚಿತ್ರಗಳು ಮತ್ತು ಇತರ HTML ಆಬ್ಜೆಕ್ಟ್ಗಳಿಗೆ ಸಿಎಸ್ಎಸ್ ಬಳಸಿ</a></h3> <div class="amp-related-meta"> ವೆಬ್ ವಿನ್ಯಾಸ & ದೇವ್ </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%B8%E0%B3%8D%E0%B2%AA%E0%B3%8D%E0%B2%AF%E0%B2%BE%E0%B2%A8%E0%B3%8D-%E0%B2%AE%E0%B2%A4%E0%B3%8D%E0%B2%A4%E0%B3%81-%E0%B2%A1%E0%B2%BF%E0%B2%B5%E0%B3%8D/"> <amp-img src="https://exse.eyewated.com/pict/fcec918b16533154-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%B8%E0%B3%8D%E0%B2%AA%E0%B3%8D%E0%B2%AF%E0%B2%BE%E0%B2%A8%E0%B3%8D-%E0%B2%AE%E0%B2%A4%E0%B3%8D%E0%B2%A4%E0%B3%81-%E0%B2%A1%E0%B2%BF%E0%B2%B5%E0%B3%8D/">ಸ್ಪ್ಯಾನ್ ಮತ್ತು ಡಿವ್ ಎಚ್ಟಿಎಮ್ಎಲ್ ಎಲಿಮೆಂಟ್ಸ್ ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು</a></h3> <div class="amp-related-meta"> ವೆಬ್ ವಿನ್ಯಾಸ & ದೇವ್ </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%B8%E0%B3%8D%E0%B2%AA%E0%B3%8D%E0%B2%AF%E0%B2%BE%E0%B2%A8%E0%B3%8D-%E0%B2%9F%E0%B3%8D%E0%B2%AF%E0%B2%BE%E0%B2%97%E0%B3%8D-%E0%B2%AE%E0%B2%A4%E0%B3%8D%E0%B2%A4%E0%B3%81/"> <amp-img src="https://exse.eyewated.com/pict/64f1762bf05131d8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%B8%E0%B3%8D%E0%B2%AA%E0%B3%8D%E0%B2%AF%E0%B2%BE%E0%B2%A8%E0%B3%8D-%E0%B2%9F%E0%B3%8D%E0%B2%AF%E0%B2%BE%E0%B2%97%E0%B3%8D-%E0%B2%AE%E0%B2%A4%E0%B3%8D%E0%B2%A4%E0%B3%81/">ಸ್ಪ್ಯಾನ್ ಟ್ಯಾಗ್ ಮತ್ತು ಸಿಎಸ್ಎಸ್ನೊಂದಿಗೆ ಪದಗಳ ಬಣ್ಣವನ್ನು ಹೇಗೆ ಬದಲಾಯಿಸುವುದು</a></h3> <div class="amp-related-meta"> ವೆಬ್ ವಿನ್ಯಾಸ & ದೇವ್ </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%B9%E0%B3%87%E0%B2%97%E0%B3%86-%E0%B2%B6%E0%B3%88%E0%B2%B2%E0%B2%BF-%E0%B2%9F%E0%B3%8D%E0%B2%AF%E0%B2%BE%E0%B2%97%E0%B3%8D-%E0%B2%AE%E0%B3%87%E0%B2%98-%E0%B2%97%E0%B3%86/">ಹೇಗೆ ಶೈಲಿ ಟ್ಯಾಗ್ ಮೇಘ ಗೆ</a></h3> <div class="amp-related-meta"> ವೆಬ್ ವಿನ್ಯಾಸ & ದೇವ್ </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%B8%E0%B2%BF%E0%B2%8E%E0%B2%B8%E0%B3%8D%E0%B2%8E%E0%B2%B8%E0%B3%8D-%E0%B2%A8%E0%B2%B2%E0%B3%8D%E0%B2%B2%E0%B2%BF-%E0%B2%85%E0%B2%B0%E0%B3%8D%E0%B2%A5%E0%B2%B5%E0%B3%87%E0%B2%A8%E0%B3%81/"> <amp-img src="https://exse.eyewated.com/pict/d08b62f6c7f73033-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%B8%E0%B2%BF%E0%B2%8E%E0%B2%B8%E0%B3%8D%E0%B2%8E%E0%B2%B8%E0%B3%8D-%E0%B2%A8%E0%B2%B2%E0%B3%8D%E0%B2%B2%E0%B2%BF-%E0%B2%85%E0%B2%B0%E0%B3%8D%E0%B2%A5%E0%B2%B5%E0%B3%87%E0%B2%A8%E0%B3%81/">ಸಿಎಸ್ಎಸ್ ನಲ್ಲಿ ಅರ್ಥವೇನು?</a></h3> <div class="amp-related-meta"> ವೆಬ್ ವಿನ್ಯಾಸ & ದೇವ್ </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%B8%E0%B2%BF%E0%B2%8E%E0%B2%B8%E0%B3%8D%E0%B2%8E%E0%B2%B8%E0%B3%8D-%E0%B2%A4%E0%B3%86%E0%B2%B0%E0%B2%B5%E0%B3%81%E0%B2%97%E0%B3%8A%E0%B2%B3%E0%B2%BF%E0%B2%B8%E0%B2%BF/"> <amp-img src="https://exse.eyewated.com/pict/61ccce8c56663422-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%B8%E0%B2%BF%E0%B2%8E%E0%B2%B8%E0%B3%8D%E0%B2%8E%E0%B2%B8%E0%B3%8D-%E0%B2%A4%E0%B3%86%E0%B2%B0%E0%B2%B5%E0%B3%81%E0%B2%97%E0%B3%8A%E0%B2%B3%E0%B2%BF%E0%B2%B8%E0%B2%BF/">ಸಿಎಸ್ಎಸ್ ತೆರವುಗೊಳಿಸಿ ಆಸ್ತಿಯನ್ನು ಅಂಡರ್ಸ್ಟ್ಯಾಂಡಿಂಗ್</a></h3> <div class="amp-related-meta"> ವೆಬ್ ವಿನ್ಯಾಸ & ದೇವ್ </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%AA%E0%B2%82%E0%B2%A1%E0%B3%8B%E0%B2%B0%E0%B2%BE-%E0%B2%B0%E0%B3%87%E0%B2%A1%E0%B2%BF%E0%B2%AF%E0%B3%8B-%E0%B2%AC%E0%B2%B3%E0%B2%B8%E0%B2%BF-%E0%B2%B9%E0%B3%87%E0%B2%97%E0%B3%86/"> <amp-img src="https://exse.eyewated.com/pict/24f319750e0a36f3-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%AA%E0%B2%82%E0%B2%A1%E0%B3%8B%E0%B2%B0%E0%B2%BE-%E0%B2%B0%E0%B3%87%E0%B2%A1%E0%B2%BF%E0%B2%AF%E0%B3%8B-%E0%B2%AC%E0%B2%B3%E0%B2%B8%E0%B2%BF-%E0%B2%B9%E0%B3%87%E0%B2%97%E0%B3%86/">ಪಂಡೋರಾ ರೇಡಿಯೋ ಬಳಸಿ ಹೇಗೆ</a></h3> <div class="amp-related-meta"> ಐಪ್ಯಾಡ್ </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/google-%E0%B2%A8%E0%B3%8A%E0%B2%82%E0%B2%A6%E0%B2%BF%E0%B2%97%E0%B3%86-%E0%B2%AA%E0%B2%BE%E0%B2%B5%E0%B2%A4%E0%B2%BF%E0%B2%B8%E0%B3%81%E0%B2%B5%E0%B3%81%E0%B2%A6%E0%B3%81/"> <amp-img src="https://exse.eyewated.com/pict/a063e8b83cc935f1-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/google-%E0%B2%A8%E0%B3%8A%E0%B2%82%E0%B2%A6%E0%B2%BF%E0%B2%97%E0%B3%86-%E0%B2%AA%E0%B2%BE%E0%B2%B5%E0%B2%A4%E0%B2%BF%E0%B2%B8%E0%B3%81%E0%B2%B5%E0%B3%81%E0%B2%A6%E0%B3%81/">Google ನೊಂದಿಗೆ ಪಾವತಿಸುವುದು ಹೇಗೆ</a></h3> <div class="amp-related-meta"> ಆಂಡ್ರಾಯ್ಡ್ </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%87%E0%B2%A8%E0%B3%8D-%E0%B2%85%E0%B2%AA%E0%B3%8D%E0%B2%B2%E0%B2%BF%E0%B2%95%E0%B3%87%E0%B2%B6%E0%B2%A8%E0%B3%8D/"> <amp-img src="https://exse.eyewated.com/pict/67cdf50ad75f34e1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%87%E0%B2%A8%E0%B3%8D-%E0%B2%85%E0%B2%AA%E0%B3%8D%E0%B2%B2%E0%B2%BF%E0%B2%95%E0%B3%87%E0%B2%B6%E0%B2%A8%E0%B3%8D/">ಇನ್-ಅಪ್ಲಿಕೇಶನ್ ಜಾಹೀರಾತಿನೊಂದಿಗೆ ಯಶಸ್ಸು ಸಾಧಿಸಲು ವಿಧಾನಗಳು</a></h3> <div class="amp-related-meta"> ವೆಬ್ & ಹುಡುಕಾಟ </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%B5%E0%B2%BF%E0%B2%A8%E0%B3%8B%E0%B2%A6-%E0%B2%B8%E0%B2%82%E0%B2%97%E0%B2%A4%E0%B2%BF%E0%B2%97%E0%B2%B3%E0%B3%81-%E0%B2%A8%E0%B3%80%E0%B2%B5%E0%B3%81-google/"> <amp-img src="https://exse.eyewated.com/pict/42b243f8b124344b-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%B5%E0%B2%BF%E0%B2%A8%E0%B3%8B%E0%B2%A6-%E0%B2%B8%E0%B2%82%E0%B2%97%E0%B2%A4%E0%B2%BF%E0%B2%97%E0%B2%B3%E0%B3%81-%E0%B2%A8%E0%B3%80%E0%B2%B5%E0%B3%81-google/">ವಿನೋದ ಸಂಗತಿಗಳು ನೀವು Google ಹುಡುಕಾಟವನ್ನು ಮಾಡಲು ಸಾಧ್ಯವಾಗಿಲ್ಲ ಎಂಬುದು ನಿಮಗೆ ತಿಳಿದಿಲ್ಲ</a></h3> <div class="amp-related-meta"> ವೆಬ್ & ಹುಡುಕಾಟ </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%9C%E0%B2%A8%E0%B2%B0%E0%B3%81-%E0%B2%AC%E0%B2%B3%E0%B2%B8%E0%B3%81%E0%B2%A4%E0%B3%8D%E0%B2%A4%E0%B2%BF%E0%B2%B0%E0%B3%81%E0%B2%B5-%E0%B2%85%E0%B2%97%E0%B3%8D%E0%B2%B0/"> <amp-img src="https://exse.eyewated.com/pict/a3cd85b789c1353e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%9C%E0%B2%A8%E0%B2%B0%E0%B3%81-%E0%B2%AC%E0%B2%B3%E0%B2%B8%E0%B3%81%E0%B2%A4%E0%B3%8D%E0%B2%A4%E0%B2%BF%E0%B2%B0%E0%B3%81%E0%B2%B5-%E0%B2%85%E0%B2%97%E0%B3%8D%E0%B2%B0/">ಜನರು ಬಳಸುತ್ತಿರುವ ಅಗ್ರ ಸಾಮಾಜಿಕ ನೆಟ್ವರ್ಕಿಂಗ್ ತಾಣಗಳು</a></h3> <div class="amp-related-meta"> ಸಾಮಾಜಿಕ ಮಾಧ್ಯಮ </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%8E%E0%B2%8E%E0%B2%B8%E0%B3%8D%E0%B2%AF%E0%B3%81%E0%B2%8E%E0%B2%B8%E0%B3%8D-%E0%B2%B5%E0%B2%BF%E0%B2%B5%E0%B3%8A%E0%B2%AC%E0%B3%81%E0%B2%95%E0%B3%8D-q200e-bsi3t08/"> <amp-img src="https://exse.eyewated.com/pict/dc859a2383d13600-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%8E%E0%B2%8E%E0%B2%B8%E0%B3%8D%E0%B2%AF%E0%B3%81%E0%B2%8E%E0%B2%B8%E0%B3%8D-%E0%B2%B5%E0%B2%BF%E0%B2%B5%E0%B3%8A%E0%B2%AC%E0%B3%81%E0%B2%95%E0%B3%8D-q200e-bsi3t08/">ಎಎಸ್ಯುಎಸ್ ವಿವೊಬುಕ್ Q200E-BSI3T08</a></h3> <div class="amp-related-meta"> ಉತ್ಪನ್ನ ವಿಮರ್ಶೆಗಳು </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%95%E0%B3%8D%E0%B2%B2%E0%B3%8C%E0%B2%A1%E0%B3%8D-%E0%B2%95%E0%B2%82%E0%B2%AA%E0%B3%8D%E0%B2%AF%E0%B3%82%E0%B2%9F%E0%B2%BF%E0%B2%82%E0%B2%97%E0%B3%8D-3/"> <amp-img src="https://exse.eyewated.com/pict/1610be38695033cd-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%95%E0%B3%8D%E0%B2%B2%E0%B3%8C%E0%B2%A1%E0%B3%8D-%E0%B2%95%E0%B2%82%E0%B2%AA%E0%B3%8D%E0%B2%AF%E0%B3%82%E0%B2%9F%E0%B2%BF%E0%B2%82%E0%B2%97%E0%B3%8D-3/">ಕ್ಲೌಡ್ ಕಂಪ್ಯೂಟಿಂಗ್ ಮತ್ತು ಅದು ನಿಜಕ್ಕೂ ಎಲ್ಲ ಪ್ರಯೋಜನಕಾರಿ?</a></h3> <div class="amp-related-meta"> ವೆಬ್ & ಹುಡುಕಾಟ </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%AE%E0%B2%A7%E0%B3%8D%E0%B2%AF%E0%B2%82%E0%B2%A4%E0%B2%B0%E0%B2%A6%E0%B2%BF%E0%B2%82%E0%B2%A6-%E0%B2%B8%E0%B3%81%E0%B2%A7%E0%B2%BE%E0%B2%B0%E0%B2%BF%E0%B2%A4/"> <amp-img src="https://exse.eyewated.com/pict/f928801f3db13163-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%AE%E0%B2%A7%E0%B3%8D%E0%B2%AF%E0%B2%82%E0%B2%A4%E0%B2%B0%E0%B2%A6%E0%B2%BF%E0%B2%82%E0%B2%A6-%E0%B2%B8%E0%B3%81%E0%B2%A7%E0%B2%BE%E0%B2%B0%E0%B2%BF%E0%B2%A4/">ಮಧ್ಯಂತರದಿಂದ ಸುಧಾರಿತ ಆರ್ಡುನೋ ಯೋಜನೆಗಳು</a></h3> <div class="amp-related-meta"> ಹೊಸತು ಮತ್ತು ಮುಂದೆ </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/hp-%E0%B2%AE%E0%B2%BF%E0%B2%A8%E0%B2%BF-1103-10-1-%E0%B2%87%E0%B2%82%E0%B2%9A%E0%B2%BF%E0%B2%A8-%E0%B2%A8%E0%B3%86%E0%B2%9F%E0%B3%8D%E0%B2%AC%E0%B3%81%E0%B2%95%E0%B3%8D-pc/"> <amp-img src="https://exse.eyewated.com/pict/8c4ba050440736dd-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/hp-%E0%B2%AE%E0%B2%BF%E0%B2%A8%E0%B2%BF-1103-10-1-%E0%B2%87%E0%B2%82%E0%B2%9A%E0%B2%BF%E0%B2%A8-%E0%B2%A8%E0%B3%86%E0%B2%9F%E0%B3%8D%E0%B2%AC%E0%B3%81%E0%B2%95%E0%B3%8D-pc/">HP ಮಿನಿ 1103 10.1-ಇಂಚಿನ ನೆಟ್ಬುಕ್ PC</a></h3> <div class="amp-related-meta"> ಬೈಯಿಂಗ್ ಗೈಡ್ಸ್ </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%AA%E0%B3%8D%E0%B2%B0%E0%B3%8A%E0%B2%95%E0%B2%BE%E0%B2%AE%E0%B3%8D-3-%E0%B2%90%E0%B2%AB%E0%B3%8B%E0%B2%A8%E0%B3%8D%E0%B2%A8%E0%B2%B2%E0%B3%8D%E0%B2%B2%E0%B2%BF/"> <amp-img src="https://exse.eyewated.com/pict/9a67067d9d4630c8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%AA%E0%B3%8D%E0%B2%B0%E0%B3%8A%E0%B2%95%E0%B2%BE%E0%B2%AE%E0%B3%8D-3-%E0%B2%90%E0%B2%AB%E0%B3%8B%E0%B2%A8%E0%B3%8D%E0%B2%A8%E0%B2%B2%E0%B3%8D%E0%B2%B2%E0%B2%BF/">ಪ್ರೊಕಾಮ್ 3 - ಐಫೋನ್ನಲ್ಲಿ ಗಂಭೀರ ಛಾಯಾಗ್ರಹಣ ಮತ್ತು ವೀಡಿಯೊ</a></h3> <div class="amp-related-meta"> ವೆಬ್ & ಹುಡುಕಾಟ </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%AB%E0%B2%BE%E0%B2%B0%E0%B3%8D%E0%B2%AE%E0%B2%BF%E0%B2%82%E0%B2%97%E0%B3%8D-%E0%B2%B8%E0%B2%BF%E0%B2%AE%E0%B3%8D%E0%B2%AF%E0%B3%81%E0%B2%B2%E0%B3%87%E0%B2%9F%E0%B2%B0%E0%B3%8D-15/"> <amp-img src="https://exse.eyewated.com/pict/7f2af5eceb873125-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%AB%E0%B2%BE%E0%B2%B0%E0%B3%8D%E0%B2%AE%E0%B2%BF%E0%B2%82%E0%B2%97%E0%B3%8D-%E0%B2%B8%E0%B2%BF%E0%B2%AE%E0%B3%8D%E0%B2%AF%E0%B3%81%E0%B2%B2%E0%B3%87%E0%B2%9F%E0%B2%B0%E0%B3%8D-15/">ಫಾರ್ಮಿಂಗ್ ಸಿಮ್ಯುಲೇಟರ್ 15 ರಿವ್ಯೂ (XONE)</a></h3> <div class="amp-related-meta"> ಗೇಮಿಂಗ್ </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%AC%E0%B2%A3%E0%B3%8D%E0%B2%A3-%E0%B2%97%E0%B3%8B%E0%B2%B2%E0%B3%8D%E0%B2%A1%E0%B3%8D-%E0%B2%AC%E0%B2%97%E0%B3%8D%E0%B2%97%E0%B3%86/"> <amp-img src="https://exse.eyewated.com/pict/f215cca1a07c3410-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%AC%E0%B2%A3%E0%B3%8D%E0%B2%A3-%E0%B2%97%E0%B3%8B%E0%B2%B2%E0%B3%8D%E0%B2%A1%E0%B3%8D-%E0%B2%AC%E0%B2%97%E0%B3%8D%E0%B2%97%E0%B3%86/">ಬಣ್ಣ ಗೋಲ್ಡ್ ಬಗ್ಗೆ ತಿಳಿಯಿರಿ</a></h3> <div class="amp-related-meta"> ಸಾಫ್ಟ್ವೇರ್ </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%A1%E0%B2%BF%E0%B2%9C%E0%B2%BF%E0%B2%9F%E0%B2%B2%E0%B3%8D-%E0%B2%B8%E0%B2%82%E0%B2%97%E0%B3%80%E0%B2%A4-%E0%B2%B8%E0%B3%87%E0%B2%B5%E0%B3%86%E0%B2%AF%E0%B2%82%E0%B2%A4%E0%B3%86/"> <amp-img src="https://exse.eyewated.com/pict/d72f128c09f533e1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%A1%E0%B2%BF%E0%B2%9C%E0%B2%BF%E0%B2%9F%E0%B2%B2%E0%B3%8D-%E0%B2%B8%E0%B2%82%E0%B2%97%E0%B3%80%E0%B2%A4-%E0%B2%B8%E0%B3%87%E0%B2%B5%E0%B3%86%E0%B2%AF%E0%B2%82%E0%B2%A4%E0%B3%86/">ಡಿಜಿಟಲ್ ಸಂಗೀತ ಸೇವೆಯಂತೆ ಗೂಗಲ್ ಪ್ಲೇ ಅನ್ನು ಬಳಸುವುದು ಎಫ್ಎಕ್ಯೂ</a></h3> <div class="amp-related-meta"> ಸಾಫ್ಟ್ವೇರ್ & ಅಪ್ಲಿಕೇಶನ್ಗಳು </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%92%E0%B2%82%E0%B2%A6%E0%B3%81-%E0%B2%AC%E0%B3%8D%E0%B2%B2%E0%B2%BE%E0%B2%97%E0%B3%8D-%E0%B2%AA%E0%B3%8D%E0%B2%B0%E0%B2%BE%E0%B2%B0%E0%B2%82%E0%B2%AD%E0%B2%BF%E0%B2%B8%E0%B2%B2%E0%B3%81/"> <amp-img src="https://exse.eyewated.com/pict/8189c202d0953119-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%92%E0%B2%82%E0%B2%A6%E0%B3%81-%E0%B2%AC%E0%B3%8D%E0%B2%B2%E0%B2%BE%E0%B2%97%E0%B3%8D-%E0%B2%AA%E0%B3%8D%E0%B2%B0%E0%B2%BE%E0%B2%B0%E0%B2%82%E0%B2%AD%E0%B2%BF%E0%B2%B8%E0%B2%B2%E0%B3%81/">ಒಂದು ಬ್ಲಾಗ್ ಪ್ರಾರಂಭಿಸಲು ಹತ್ತು ಕಾರಣಗಳು</a></h3> <div class="amp-related-meta"> ವೆಬ್ & ಹುಡುಕಾಟ </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/spod-%E0%B2%B8%E0%B2%B0%E0%B2%BF%E0%B2%AA%E0%B2%A1%E0%B2%BF%E0%B2%B8%E0%B2%B2%E0%B3%81-%E0%B2%A1%E0%B3%86%E0%B2%A4%E0%B3%8D-%E0%B2%92%E0%B2%82%E0%B2%A6%E0%B3%81/"> <amp-img src="https://exse.eyewated.com/pict/69e26793b6e33458-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/spod-%E0%B2%B8%E0%B2%B0%E0%B2%BF%E0%B2%AA%E0%B2%A1%E0%B2%BF%E0%B2%B8%E0%B2%B2%E0%B3%81-%E0%B2%A1%E0%B3%86%E0%B2%A4%E0%B3%8D-%E0%B2%92%E0%B2%82%E0%B2%A6%E0%B3%81/">SPOD ಸರಿಪಡಿಸಲು - ಡೆತ್ ಒಂದು ಸ್ಪಿನ್ನಿಂಗ್ Pinwheel ಸರಿಪಡಿಸಲು ಹೇಗೆ</a></h3> <div class="amp-related-meta"> ಮ್ಯಾಕ್ಗಳು </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%B8%E0%B3%8B%E0%B2%B7%E0%B2%BF%E0%B2%AF%E0%B2%B2%E0%B3%8D-%E0%B2%AE%E0%B3%80%E0%B2%A1%E0%B2%BF%E0%B2%AF%E0%B2%BE%E0%B2%A6%E0%B2%B2%E0%B3%8D%E0%B2%B2%E0%B2%BF/"> <amp-img src="https://exse.eyewated.com/pict/96d03c27c376368d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%B8%E0%B3%8B%E0%B2%B7%E0%B2%BF%E0%B2%AF%E0%B2%B2%E0%B3%8D-%E0%B2%AE%E0%B3%80%E0%B2%A1%E0%B2%BF%E0%B2%AF%E0%B2%BE%E0%B2%A6%E0%B2%B2%E0%B3%8D%E0%B2%B2%E0%B2%BF/">ಸೋಷಿಯಲ್ ಮೀಡಿಯಾದಲ್ಲಿ ನಿಮ್ಮ ಸ್ಥಾನ ಹಂಚಿಕೆ ಏಕೆ ಒಂದು ಕೆಟ್ಟ ವಿಷಯವಾಗಿದೆ</a></h3> <div class="amp-related-meta"> ವೆಬ್ & ಹುಡುಕಾಟ </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%85%E0%B2%AE%E0%B3%86%E0%B2%9C%E0%B2%BE%E0%B2%A8%E0%B3%8D%E0%B2%A8-%E0%B2%9F%E0%B3%8D%E0%B2%B0%E0%B3%87%E0%B2%A1%E0%B3%8D-%E0%B2%87%E0%B2%A8%E0%B3%8D/"> <amp-img src="https://exse.eyewated.com/pict/c29c782970243252-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%85%E0%B2%AE%E0%B3%86%E0%B2%9C%E0%B2%BE%E0%B2%A8%E0%B3%8D%E0%B2%A8-%E0%B2%9F%E0%B3%8D%E0%B2%B0%E0%B3%87%E0%B2%A1%E0%B3%8D-%E0%B2%87%E0%B2%A8%E0%B3%8D/">ಅಮೆಜಾನ್ನ ಟ್ರೇಡ್-ಇನ್ ಸೇವೆಯ ಪರಾಕಾಷ್ಠೆಯ ಪತನ</a></h3> <div class="amp-related-meta"> ಬೈಯಿಂಗ್ ಗೈಡ್ಸ್ </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%86%E0%B2%AA%E0%B3%8D-%E0%B2%B8%E0%B3%8D%E0%B2%9F%E0%B3%8B%E0%B2%B0%E0%B3%8D%E0%B2%A8%E0%B2%BF%E0%B2%82%E0%B2%A6/"> <amp-img src="https://exse.eyewated.com/pict/7573fadce5823a25-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%86%E0%B2%AA%E0%B3%8D-%E0%B2%B8%E0%B3%8D%E0%B2%9F%E0%B3%8B%E0%B2%B0%E0%B3%8D%E0%B2%A8%E0%B2%BF%E0%B2%82%E0%B2%A6/">ಆಪ್ ಸ್ಟೋರ್ನಿಂದ ತೆಗೆದುಹಾಕಲಾದ ಅಪ್ಲಿಕೇಶನ್ಗಳನ್ನು ಸ್ಥಾಪಿಸುವುದು ಹೇಗೆ</a></h3> <div class="amp-related-meta"> ಐಫೋನ್ ಮತ್ತು ಐಪಾಡ್ </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%B5%E0%B2%BF%E0%B2%B7%E0%B2%A8%E0%B3%8D-%E0%B2%AE%E0%B2%A4%E0%B3%8D%E0%B2%A4%E0%B3%81-%E0%B2%AC%E0%B2%82%E0%B2%97%E0%B2%BE%E0%B2%B0%E0%B2%A6/"> <amp-img src="https://exse.eyewated.com/pict/13a27bcba92b3469-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%B5%E0%B2%BF%E0%B2%B7%E0%B2%A8%E0%B3%8D-%E0%B2%AE%E0%B2%A4%E0%B3%8D%E0%B2%A4%E0%B3%81-%E0%B2%AC%E0%B2%82%E0%B2%97%E0%B2%BE%E0%B2%B0%E0%B2%A6/">ವಿಷನ್ ಮತ್ತು ಬಂಗಾರದ ನಿರಂತರತೆಯ ಬಗ್ಗೆ ತಿಳಿಯಿರಿ</a></h3> <div class="amp-related-meta"> ಸಾಫ್ಟ್ವೇರ್ </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/android-%E0%B2%A8%E0%B2%B2%E0%B3%8D%E0%B2%B2%E0%B2%BF-%E0%B2%A8%E0%B2%BF%E0%B2%AE%E0%B3%8D%E0%B2%AE-%E0%B2%95%E0%B2%BF%E0%B2%95%E0%B3%8D/"> <amp-img src="https://exse.eyewated.com/pict/53ec83afde97362e-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/android-%E0%B2%A8%E0%B2%B2%E0%B3%8D%E0%B2%B2%E0%B2%BF-%E0%B2%A8%E0%B2%BF%E0%B2%AE%E0%B3%8D%E0%B2%AE-%E0%B2%95%E0%B2%BF%E0%B2%95%E0%B3%8D/">Android ನಲ್ಲಿ ನಿಮ್ಮ ಕಿಕ್ ಖಾತೆಯನ್ನು ಅಳಿಸಿ</a></h3> <div class="amp-related-meta"> ಇಮೇಲ್ ಮತ್ತು ಸಂದೇಶ ಕಳುಹಿಸುವಿಕೆ </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%AB%E0%B3%8D%E0%B2%B2%E0%B3%8D%E0%B2%AF%E0%B2%BE%E0%B2%B6%E0%B3%8D-%E0%B2%98%E0%B2%9F%E0%B2%95%E0%B2%97%E0%B2%B3%E0%B2%B2%E0%B3%8D%E0%B2%B2%E0%B2%BF-%E0%B2%9C%E0%B3%86%E0%B2%B2%E0%B3%8D/"> <amp-img src="https://exse.eyewated.com/pict/82fc2a0c30f338e2-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%AB%E0%B3%8D%E0%B2%B2%E0%B3%8D%E0%B2%AF%E0%B2%BE%E0%B2%B6%E0%B3%8D-%E0%B2%98%E0%B2%9F%E0%B2%95%E0%B2%97%E0%B2%B3%E0%B2%B2%E0%B3%8D%E0%B2%B2%E0%B2%BF-%E0%B2%9C%E0%B3%86%E0%B2%B2%E0%B3%8D/">ಫ್ಲ್ಯಾಶ್ ಘಟಕಗಳಲ್ಲಿ ಜೆಲ್ ಫಿಲ್ಟರ್ಗಳನ್ನು ಬಳಸುವುದು</a></h3> <div class="amp-related-meta"> ಡಿಜಿಟಲ್ ಕ್ಯಾಮೆರಾಗಳು </div> </div> </div> <div class="amp-related-content"> <a href="https://kn.eyewated.com/%E0%B2%9F%E0%B3%80%E0%B2%AE%E0%B3%8D-%E0%B2%AC%E0%B3%8D%E0%B2%B2%E0%B2%BE%E0%B2%97%E0%B3%8D-%E0%B2%86%E0%B2%A8%E0%B3%8D%E0%B2%B2%E0%B3%88%E0%B2%A8%E0%B3%8D/"> <amp-img src="https://exse.eyewated.com/pict/ca31757deff6387f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://kn.eyewated.com/%E0%B2%9F%E0%B3%80%E0%B2%AE%E0%B3%8D-%E0%B2%AC%E0%B3%8D%E0%B2%B2%E0%B2%BE%E0%B2%97%E0%B3%8D-%E0%B2%86%E0%B2%A8%E0%B3%8D%E0%B2%B2%E0%B3%88%E0%B2%A8%E0%B3%8D/">ಟೀಮ್ ಬ್ಲಾಗ್ ಆನ್ಲೈನ್ ಸಂವಹನ ಮತ್ತು ಸಹಯೋಗ ಪರಿಕರಗಳು</a></h3> <div class="amp-related-meta"> ವೆಬ್ & ಹುಡುಕಾಟ </div> </div> </div> </div></article> <footer class="amp-wp-footer"> <div class="amp-wp-footer-inner"> <a href="#" class="back-to-top">Back to top</a> <p class="copyright"> © 2024 kn.eyewated.com </p> <div class="amp-wp-social-footer"> <a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a> </div> </div> </footer> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/12022999/0/02d06b5d/1/"> </amp-pixel> </div> </body> </html>