Script emoticoane comentarii blogger

Widget Emoticoane Comentarii Blogspot Realizat de petre-vitan

Previzualizare widget în secțiunea de comentarii (Apasă pe un emoji pentru test):

✨ Apasă pe un emoji pentru a-l copia, apoi dă Lipește (Paste) în comentariu (CTRL+V):

Codul sursă de copiat:

<!-- Script Emoticoane Complete - Aliniere Grila Fixa Fara Goluri --> <!-- Realizat de petre-vitan --> <script type='text/javascript'> //<![CDATA[ document.addEventListener("DOMContentLoaded", function() { var commentForm = document.getElementById("comment-editor") || document.querySelector(".comment-form"); if (commentForm) { var container = document.createElement("div"); container.style.cssText = "margin: 15px 0 40px 0; padding: 12px; background: #232323; border: 1px solid #444444; border-radius: 8px; display: block; max-width: 100%; box-sizing: border-box;"; var title = document.createElement("p"); title.innerHTML = "✨ <b>Apasă pe un emoji pentru a-l copia, apoi dă Lipește (Paste) în comentariu (CTRL+V):</b>"; title.style.cssText = "margin: 0 0 12px 0; font-size: 16px; color: #ff0000; font-family: Constantia, Times, serif; font-weight: bold;"; container.appendChild(title); var emojiBox = document.createElement("div"); emojiBox.style.cssText = "display: grid; grid-template-columns: repeat(auto-fit, minmax(46px, 1fr)); gap: 8px; width: 100%; box-sizing: border-box;"; var emojis = [ "😀", "😂", "😉", "😍", "😎", "🤓", "👍", "👏", "🎉", "🔥", "❤️", "😮", "😢", "🌐", "📱", "💻", "🎵", "❄️", "🎄", "🌟", "🤔", "👻", "💥", "👑", "🚀", "🍕", "☕", "🔔", "💯", "🎈" ]; emojis.forEach(function(emoji) { var btn = document.createElement("button"); btn.type = "button"; btn.innerHTML = emoji; btn.style.cssText = "background: transparent; border: 1px solid #444444; border-radius: 6px; font-size: 22px; cursor: pointer; padding: 6px 0; width: 100%; height: 42px; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; color: #ffffff; font-family: sans-serif; box-sizing: border-box;"; btn.onmouseover = function() { this.style.background = "#333333"; this.style.transform = "scale(1.05)"; }; btn.onmouseout = function() { this.style.background = "transparent"; this.style.transform = "scale(1)"; }; btn.onclick = function() { navigator.clipboard.writeText(emoji).then(function() { var originalContent = btn.innerHTML; btn.innerHTML = "<span style='font-size:11px; font-weight:bold; color:#ffffff;'>Copiat!</span>"; btn.style.background = "#880000"; btn.style.borderColor = "#880000"; setTimeout(function() { btn.innerHTML = originalContent; btn.style.background = "transparent"; btn.style.borderColor = "#444444"; }, 1000); }).catch(function() { alert("Selectează și copiază manual: " + emoji); }); }; emojiBox.appendChild(btn); }); container.appendChild(emojiBox); var divider = document.createElement("div"); divider.style.cssText = "border-top: 1px solid #444444; margin-top: 15px; width: 100%; height: 1px;"; container.appendChild(divider); commentForm.parentNode.insertBefore(container, commentForm); } }); //]]> </script>

🛠️ Cum se instalează scriptul de emoticoane pe Blogspot:

1. Copiați scriptul din caseta de mai sus utilizând butonul Copiază Codul.
2. Accesați panoul administrativ Blogger al blogului dumneavoastră.
3. În meniul din stânga, faceți clic pe opțiunea Temă (Theme).
4. Apăsați pe triunghiul mic de lângă butonul portocaliu/gri „Personalizează” și selectați Editați HTML (Edit HTML).
5. Faceți un clic în interiorul editorului de cod și apăsați scurtătura Ctrl + F pentru a deschide bara de căutare.
6. Căutați tag-ul de închidere </body>.
7. Lipiți codul copiat exact deasupra / înainte de această etichetă </body>.
8. Apăsați pictograma de Salvare (dischetă) din colțul din dreapta sus al ecranului. Widgetul va apărea automat deasupra formularului de comentarii!