Insertar imágenes y vídeos en los comentarios de Blogger – Forex – Asesor

¿Te ha pasado que quieres decir algo pero las palabras no son suficientes? A veces eso pasa cuando queremos comentar algo en algún blog, quizá un meme pueda resumir nuestra opinión, o un video pueda complementar nuestro comentario. Por desgracia el formulario de comentarios de Blogger no incluye la opción de subir fotos o incrustar vídeos, pero que Blogger no lo habilite no significa que no se pueda.

Lo que veremos en esta entrada es justamente eso,cómo insertar imágenes y vídeos en los comentarios del blog de una manera tan sencilla que sólo requiere de un paso.
El método que usaremos es similar a lo que hacemos cuando agregamos emoticons en los comentarios, de manera que lo que escribimos en el comentario se reemplaza por otro código, en este caso por el HTML necesario para mostrar las imágenes y los vídeos.

Puedes verlo funcionando enen este blog de pruebas.
Para insertar una imagen usa este código:

[img]URL de la imagen[/img]

Para insertar un video de YouTube o Vimeo usa este código:

[video]URL del video[/video]

Asombroso, ¿no? Y tal como lo prometí, la instalación es de un solo paso. Únicamente entra enPlantilla | Edición de HTML y antes de/body pega lo siguiente:

script
//![CDATA[
// Insertar imágenes y videos en los comentarios (ciudadblogger.com)
function InsertarImagenVideo(id) {
var IDelemento = document.getElementById(id),
sustituir = IDelemento.innerHTML;
sustituir = sustituir.replace(/\[img\](.[^\*)\[\/img\]/ig, "img class='img-comentarios' src='$1'\/");
sustituir = sustituir.replace(/\[video\]https:\/\/www\.youtube\.com\/embed\/(.*?)\[\/video\]/ig, "iframe class='vid-comentarios' src='https://www.youtube.com/embed/$1'\/iframe");
sustituir = sustituir.replace(/\[video\](https:\/\/youtu\.be\/|https:\/\/www\.youtube\.com\/watch\?v\=)(.*?)\[\/video\]/ig, "iframe class='vid-comentarios' src='https://www.youtube.com/embed/$2'\/iframe");
sustituir = sustituir.replace(/\[video\](http:\/\/youtu\.be\/|http:\/\/www\.youtube\.com\/watch\?v\=)(.*?)\[\/video\]/ig, "iframe class='vid-comentarios' src='https://www.youtube.com/embed/$2'\/iframe");
sustituir = sustituir.replace(/\[video\](http:\/\/player\.vimeo\.com\/video\/)(.*?)\[\/video\]/ig, "iframe class='vid-comentarios' src='http://player.vimeo.com/video/$2'\/iframe");
document.getElementById(id).innerHTML = sustituir;} InsertarImagenVideo('comment-holder');
//
/script
style
!--
#comment-holder .img-comentarios, #comment-holder i[rel="image"] {
max-width: 450px;/* Ancho máximo de las imágenes */
width: auto;
height: auto;
display: block;
border: 5px solid #FFF;/* Borde de las imágenes */
margin: 0 auto;
padding: 0;
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);/* Sombra de las imágenes */
}
#comment-holder .vid-comentarios {
width: 450px;/* Ancho del video */
height: 253px;/* Alto dle video */
display: block;
margin: 0 auto;
padding: 0;
border: 5px solid #FFF;/* Borde del video */
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);/* Sombra del video */
}
--
/style

Debajo del script verás que también hemos colocado unos estilos, estos estilos son para darle un poco de personalización a las imágenes y a los vídeos que se mostrarán en los comentarios, como el borde, la sombra, y el tamaño. En colorverde se especifica a qué corresponde cada una de esas áreas. Por supuesto puedes añadir más estilos si lo deseas.

Para que tus lectores sepan que pueden agregar imágenes y vídeos puedes poner un aviso de ello, esto puedes hacerlo desdeConfiguración | Entradas y comentarios | Mensaje del formulario de comentarios.

Cómo insertar imágenes y videos
En el caso de las imágenes, tú y los comentaristas deberán usar este código:

[img]URL de la imagen[/img]

Y en el caso de los vídeos, tanto de YouTube o Vimeo se usará este código:

[video]URL del video[/video]

En ambos casos deberás poner la URL de la imagen (o el video) donde corresponde.


Cómo obtener la URL de los videos

En YouTube puedes copiar la URL que aparece en la barra de direcciones del navegador cuando te encuentres viendo un video.
También puedes usar la URL que aparece en "Comparte este video".
O también puedes copiar la URL que aparece en el código de inserción dentro de "Insertar vínculo".
Todas estas URLs son válidas para usarse en los comentarios:

https://www.youtube.com/watch?v=GfxAEl15pDs

http://youtu.be/GfxAEl15pDs

https://www.youtube.com/embed/GfxAEl15pDs

Es decir, las que tienen el términowatch, las que tienen el acortadoryoutu.be, y las que incluyen el términoembed. Cualquiera de ellas funcionará.

Consideraciones finales.

• Este método es únicamente para plantillas que tengan comentarios anidados, o sea, con opción de "Responder". Si tu blog no tiene la opción de "Responder" no funcionará.
• Es necesario que los comentarios se muestren debajo de la entrada, y no en ventana emergente, página completa, etc.
• Se admiten todos los formatos de imágenes convencionales (JPG, PNG, GIF).
• En el caso de los vídeos se aceptan vídeos de YouTube y Vimeo.
• Ten en cuenta que la inclusión de imágenes y vídeos en los comentarios pueden reducir la velocidad de carga del blog.

Este tipo de trucos puede resultar muy atractivo y útil en muchos blogs, pero siempre con moderación para no abusar con el número de imágenes y vídeos que podrían ralentizar la carga. Si se le da un buen uso, este tipo de opciones podría mejorar la experiencia del lector al momento de interactuar con el autor y con los demás comentaristas del blog.

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDUn dia en Mundial Football MESOTHELIOMA LAW FIRM FIFA World Cup,DONATE CAR TO CHARITY CALIFORNIA , and STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, habia mucha monja pero fui a NUNAVUT CULTURE, DAYTON FREIGHT LINES and BUSINESS VOIP SOLUTIONS,CAR INSURANCE COMPANIES pero for you ONLINE CRIMINAL JUSTICE DEGREE ,PERSONAL INJURY LAW FIRM, Virtual data rooms and future now Automobile accident attorney and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,Selling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet

seattle mesothelioma lawyer Car insurance quotes MN Royalty Free Images Stock Donate a Car in Maryland Mobile casino Learning adobe illustrator motorcycle accident attorney chicago Business finance group houston motorcycle accident lawyer Online casino better conferencing calls Donate your car for kids Custom WordPress theme designer Personal Injury Lawyers Asbestos Lawyers Hire php developers Donating Used Cars to Charity mesothelioma attorney directory personal injury firm Paperport Promotional Code DALLAS MESOTHELIOMA ATTORNEYS WordPress hosting Php programmers Casino Hire php programmers Email Bulk Service structured settlement blog Donate your Car for Money Dwi lawyer structured settlement cash out Insurance Companies accident attorney in los angeles webex costs DAYTON FREIGHT LINES Social media platforms for business mesothelioma attorney Forensics online course Donate Car To Charity CALIFORNIA baltimore mesothelioma attorneys Make money online Australia georgia truck accident lawyer tennessee mesothelioma lawyer refinance with bad credit hughes net business Hire php developer Automobile Accident Attorney donate old cars to charity domains yahoo Met Auto illinois law lemon Best Criminal Lawyers in Arizona chicago hair laser removal Casino reviews Live casino Online motor insurance quotes Donating used cars to charity DUI lawyer cash out structured settlement Service business software car crash attorneys Donating a Car in Maryland Car insurance quotes Utah VIRTUAL DATA ROOMS Donate Cars Illinois LOW CREDIT LINE CREDIT CARDS structured settlement company Tech school Massage School Dallas Texas Proud Italian cook Criminal defense lawyer Email bulk service Seo services Car Insurance Quotes Colorado Dallas Mesothelioma Attorneys PhD in counseling education Auto Accident Attorney Adobe illustrator classes HOLLAND MICHIGAN COLLEGE HOME PHONE INTERNET BUNDLE mesothelioma attorney florida Criminal lawyer asbestos exposure lawyers Motor Replacements best structured settlement companies Seo companies CHEAP AUTO INSURANCE IN VA Low credit line credit cards Php programmers for hire mesothelioma attorney illinois Insurance fortis health insurance temporary DONATE CAR FOR TAX CREDIT Donate Cars in MA Html email futuristic architecture Bankruptcy lawyer Nunavut Culture Forex Trading Platform Online Christmas cards car insurance quotes DONATE A CAR IN MARYLAND Computer science classes online houston mesothelioma attorney WORLD TRADE CENTER FOOTAGE Best social media platforms for business New social media platforms Motor Insurance Quotes online motor insurance quotes Best social media platforms Donate Car to Charity California personal injury law firm state of california car insurance Best Seo company Best criminal lawyer in Arizona How to donate a car in California