Post Tags

Blogger

Pretty posts

By Rubel
blogger shortcode plugin for image,video and code
In this tutorial we will learn how to support image, video, blockquote shortcode in blogger comment. This method i used my one of my themeforest premium template. See demo from this link, how shortcode support in blogger comment. It will make your site more professional. In WordPress you can do it easily by simple plugin but in blogger we have created this by jQuery.

How to Support Shortcode in Blogger Comment: 

Let's start our journey. There are three method. First, we will add css code. Second, we will add javascript code and last we will learn how to implement it.

Add CSS code:
» Login to your Blogger account and click on your site.
» Then go to Theme>Edit HTML.
» Click anywhere inside the code area.
» Press Ctrl+F from keyboard.
» Search following code
]]></b:skin>
» Above it paste below code
pre {
    background: #fbf2f2;
    color: #888888;
    display: block;
    border-left: 4px solid #eee;
    font: 12px/19px Consolas,"Andale Mono",Courier,"Courier New",monospace;
    margin: 10px 0;
    overflow: auto;
    padding: 19px 19px 17px;
    white-space: pre-wrap;
    word-wrap: break-word;
}

Add Javascript code:
» Then again search following code
</body>
» Above it, paste following code
<script src="https://drive.google.com/uc?export=download&id=0B4yeUXZWpjN-YWxCOUJueVd4SWs" type="text/javascript"/>
» Then click on Save template

Add Shortcode:
» For adding an image use following shortcode in blogger comment box
[img]#[/img]
Replace # with your image url
» For adding blockquote text use following shortcode in blogger comment box
[pre]#[/pre]
Replace # with any text.
» For adding a video, just paste video link directly into blogger comment box. Now support only youtube video. Example:
https://www.youtube.com/watch?v=8qjK8Pyt09I
That's it. Now enjoy happy commenting system in your site.

Video Tutorial Below: