Текст и икона във формата за коментари

Pepa Tabakova

четвъртък

Здравейте приятели. Какво ли не може да се направи с формата за коментари. Промените в дизайна на прозореца на формата, например. Днес предлагам да опитате да промените надписа "Изпращане на коментар" или да го замените с икона ( изображение ).

Приблизително така:

За да постигнете това, трябва да направите малки промени в темата на блога си.

➤Отидете в раздела "Тема" и за всеки случай направите резервно нейно копие.

➤Използвайте клавишите CTRL + F, за да намерите реда

<data:postCommentMsg/>

Тъй като те са няколко, на нас ни трябва този, който е затворен с таг за заглавие. Ако вече сте правили промени в кода на темата може да бъде h2 или h3, но в стандартните теми този таг е h4. Но това не променя същността на нашата работа.

Вместо оцветената в синьо част от кода, можете да напишете какъвто искате ваш текст или да вмъкнете изображение. И ако искате, можете и двете. Както виждате на скритшота по-горе.

Ние ще го правим така:

➤За да вмъкнем текст:

<h4 id='comment-post-message'>само текст</h4>

➤За да вмъкнем изображение:

➤А за да направим и двете имаме две възможности:

◾Текста преди изображението:

<h4 id='comment-post-message'>текст<img src='адрес на изображението.png'/></h4>

◾Изображението преди текста

<h4 id='comment-post-message'><img src='адрес на изображението.png'/>текст</h4>

Изображенията подберете сами. Моята приятелка Виктория Барад е избрала за вас няколко примерни изображения и мисля, че може да ви харесат.

Код 1:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguDAaeKdMloAFk-EbXHTseF9zlrjeFZMd8_JPrNVk201Hr-MwTA-WM9FKcfoUIo1Kqr2ZkfDN02THSpIn6KK7eZUtx9lsMSnCJGxYtKmAto2drSweJ5viHt6OGPKy3yFD6aFb01Q1Su-M/s200/%25D0%25BA%25D0%25BE%25D0%25BC%25D0%25BC%25D0%25B5%25D0%25BD%25D1%2582.png

Код 2:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_Op3ghEU67OxR94wNB0o_bVlLJyvwJoM7zfYPzbMlVrr00zB_tTOYIm7k4uW3yC3_NJL0ZSFudwp1HXoONc4mBShtOj22v9U4N87RLvRmjEMzZ70PJ5DgITe7MD1qSpIhhWhogrlEFSM/s200/%25D0%25BA%25D0%25BE%25D0%25BC%25D0%25BC%25D0%25B5%25D0%25BD%25D1%2582+1.png

Код 3:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikq9j8DxrGK6-6oTJd2GVp7zdMNKkKgJ7dTEsk9dvDPyzVJ2NDNyuB5Q5x0_Xu2oHswSRyuTJMq16qzbRa0-DERASCXTXEkkhhiIlokoVwfpCslOaEn4oviX3zzOul4LOqSagmtomISys/s200/comment4.png

Код 4:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitJUk9leZHFQ7PPoTTHGmRontjFI-5L3fndAGpu8R9ANIw6-ZPa1FI1gpinVqpOE4RD8cjk1PqoyOx9B7DklNLYdHxliRU7L0vKS092Fy2jzHb-O1fFp414fKZtjVd9SykkvKuV3WifY0/s200/%25D0%25B8%25D0%25BA%25D0%25BE%25D0%25BD+6.png

Код 5:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOep_eo_9WbjPYuv9EILzVNo4RMKNLFY1VfSVf3zxW7M8lUDKSaR_7NXnXYE3OFeHzotRA1s87lTbgmKsmACJ_TKA5juYMQ4BEYOseoK4fc7BztNkE5TEbR8XoiP458sKJNrel9oSc8mk/s200/Collaboration-80_icon-icons.com_57351.png

Код 6:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1NaqrsAeWLa6PriH5H5RLjTTZl6DTkb8kJXPkMBcnu53IWkajXXsaurkBH42H1Z7zkjvKE0SpuyPl6iDzJA8-D31sEm_bNSGjZDZYyV3rDPd_pW2_B2ZCJjq-hRDREgYYgtkYL5mQ87E/s200/Create_New-80_icon-icons.com_57345.png

Подберете си икони и текстове, има ги достатъчно в мрежата. Подобни неща винаги привличат вниманието на читателите и ги насърчават да оставят коментари.

Още варианти за оформяне на прозореца за коментарите вижте тук.

Благодаря за посещението, доскоро и успех!

Здраве за всички вас! Не забравяйте да правите добро на други хора!

Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога на:

Cancel

PEPA TABAKOVA