Добавяне на бутони в Blogger

Винаги ми е било малко смешно, когато видя чисто нов блог, в който има един два материала, но затова пък е накичен с реклами и бутони.
Самият аз съм имал бутони в блоговете си и още имам в някои, но преди да се добави нещо допълнително трябва да се прецени, дали има нужда от него.
Има различни бутони, но основните им цели са за добавяне на материалите в социални мрежи и(или) оценка на материалите.
Някои от бутоните имат неприятни бъгове(например бутонът за свежо.нет), но понеже ако някой е решил да си сложи, това няма да го спре ще опиша как се прави. Описанието го има на много места, но очевидно без визуална представа някои хора, се затрудняват.
Ще използвам за пример бутонитe на TBL, защото това са единствените, които използвам и аз. Останалите са добавят по аналогичен начин.
Код за бутон се взима от профила на блога ви в TBL.
Кликвате на линкът в ограденото поле: „За повече информация и код, продължете тук”



Избирате как искате да изглежда вашият бутон и кликвате върху съответния стил, който харесвате. Кодовете са в долните две полета и са различни за различните стилове на бутона. На вас ви трябва този от най-долното поле. Копирате го и го запазвате.



Следва по-сложното. Кодът трябва да се вкара в шаблона на блога. Отивате на Табло за управление, а след това на Оформление.



Избирате опцията Редактиране на HTML кода. Когато работя с редакция на шаблон, поне аз винаги правя копие от „Изтегляне на целия шаблон”. Операцията не е рискова, но едно застраховане не вреди.
Следващата стъпка е да разгънете шаблона. Кликнете на „Шаблоните на приставките да се разгънат”.





Натискате клавишната комбинация Ctrl+F и отдолу в прозореца на браузърът ви се отваря поле за писане. Кодът се поставя под тага data:post.body. Изписвате в полето за търсене post.body и редът се показва оцветен в зелено.



Пействате кода точно под този таг и след това натискате: Запазване на шаблона. Бутонът ще ви се появява автоматично под поста веднага след публикуването. Ако искате бутонът да се появява над поста, просто добавяте кода над тага data:post.body.



Операцията е приключила. Ако Ви излезе съобщение за грешка, не се притеснявайте. Причината може да е, че не сте копирали правилно взетият код. Просто натиснете: ”Изчистване на редакциите” нещата ще се върнат в първоначалният си вид. След това можете да проверите кода и да повторите.

Сега малко и за самият код. Това е той в оригиналният му вид. Имате още една възможност. Ако промените оцветения в червено текст от left на right, кодът ще се появява не отдолу отляво, а отдолу отдясно на поста.

Дано съм бил полезен на някого. В следващите материали ще разкажа, как може да се оформи изгледа на самият пост.

*
Специфичен случай за добавяне на бутон. При някои от новите шаблони, където на главната страница се показват резюмета, а не целите постове, поставянето на бутоните директно след post.body, добавя бутонът в общият изглед, но под самите постове го няма.
В тези случаи бутонът се добавя, на мястото показано на долното изображение:



.