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

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


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

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

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

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

<data:postCommentMsg/>

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

<h4 id='comment-post-message'><data:postCommentMsg/></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>

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

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

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

Код 1:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyIsWK-XnGiUvaEb4WOI1qJHxEPLFP3PEDb1p6jEWQkfbDws_p1eByDdLdSsKar5EK_lREF33o2kIc-c01IkTof5tma0rWSDEmJlMQoqOsbY69d_bxPrMhEKQQDXsOWliGhc494DI2cZ0/s200/%25D0%25BA%25D0%25BE%25D0%25BC%25D0%25BC%25D0%25B5%25D0%25BD%25D1%2582.png

Код 2:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg37aStBlAI1n7KTF4u1rf69pUEqOxdFANIvWtfspBSo-B0QAW8N0Ec9vgTqqRzvzVSiGOamiwy3ustIzgdOxKmIfZ3HAQJTS3VlQNfRFBLdALirnu7rbw-idfp2R-9szG3Ke7tJYCTZQQ/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/AVvXsEgJ88JICmu80XyOnjI6Ic9TEZDv7KhsQv8LN7d-EihxJboQob301Hs4kZKJQZPAC5FSPzwq1Obnxckhvt7mGOYTek6ufWLUX1noFEXFnhnFn5nUYmjwHu8Th42LzAgUA1LM3IYvENMhq2s/s200/comment4.png

Код 4:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigB_hvTK3T460XJCnSuaFdWCxsCa4C7JBNEO5YUbOBV6T6fvbMODzagrmgwffDJ4f0J01ScaiT_6OiOil3PtWichRG108fAmpQ2StuFgIynm6urdlcjr6igtaaHFkptiIPppxDqvtjy3g/s200/%25D0%25B8%25D0%25BA%25D0%25BE%25D0%25BD+6.png

Код 5:

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

Код 6:

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

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

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

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

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

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