Навигация в Blogger – Back to top
За около месец в Нямам идея опитах професионален шаблон, но се отказах. Върнах се към шаблоните на Блогер, с които на практика може да се направи всякакъв дизайн. Едно от нещата, които добавих е бутон за навигация "Back to top" или "Обратно горе", е удобен за гостите.
Обикновено това се прави с външни скриптове, но не ги обичам и ги избягвам, когато мога. Освен че, товарят зареждането на блога, понякога имат лошия навик, да не работят, което не можем да контролираме. За бутона за навигация най-често се предлагат скриптове, но има и по-лесен начин. Това което ще предложа е код, който се добавя като обикновена HTML притурка, без значение точно къде в блога. Това е кода:
< a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:10px;" href="#" title="Back to Top"> < img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJCg0HQgajMNJzfUEt1Qd0WMyD8rBuABb9b6MI5skB-_ajpmF4LZmpHE59mIGNbLClrphEs3BMNs0VrKIanBKeR0YWptu5U0ifYK36VNVFxHACSiY6y-gA91gU7lHMPZjDj2DPRiAuF-lz/s1600/gray-25859_640.png "/> < /a>
Какво можете да промените:
- с bottom:10px - разстоянието до долния край на прозореца на браузъра.
- с right :10px; - разстоянието от дясната страна на прозореца. Ако замените right с left, бутона ще се визуализира в ляво.
- title="Back to Top" – Можете да замените Back to Top с текст по ваш избор, например – Обратно горе.
-Ако не харесвате сивата стрелкичка, можете да я промените, заменяйки адреса (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJCg0HQgajMNJzfUEt1Qd0WMyD8rBuABb9b6MI5skB-_ajpmF4LZmpHE59mIGNbLClrphEs3BMNs0VrKIanBKeR0YWptu5U0ifYK36VNVFxHACSiY6y-gA91gU7lHMPZjDj2DPRiAuF-lz/s1600/gray-25859_640.png) с този на ваше изображение.
Изображението трябва да е с размери около 40х40 рх. След като го изберете, има лесен начин да имате адреса, който да промените в приставката.
Качвате изображението в блога като нова притурка и запазвате промените. Влизате в блога и кликвате с десен бутон върху изображението, а след това избирате опцията- Копиране на адреса на изображението. След като смените адреса, може да изтриете приставката без да се притеснявате. Бутона ще се визуализира без проблеми.
Това е и дано ви е било полезно. В следващата публикация, когато ми остане време, ще покажа как можете да промените навигацията под публикациите в блога. Нормално там има три надписа:
По-стари публикации, Начална страница и По-стари публикации. Има сравнително лесен начин, до промените това с нещо, което да отличава вашия блог.
Публикуване на коментар