How to Add Image, Video, Blockquote Shortcode in Blogger Comment
Pretty posts
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
Add Javascript code:
» Then again search following code
Add Shortcode:
» For adding an image use following shortcode in blogger comment box
» For adding blockquote text use following shortcode in blogger comment box
» For adding a video, just paste video link directly into blogger comment box. Now support only youtube video. Example:
Video Tutorial Below:
» 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=8qjK8Pyt09IThat's it. Now enjoy happy commenting system in your site.
Video Tutorial Below:
Very nice!
ReplyDeletethis inlude in post to ?
ReplyDeleteNo it's for only comment.
Deletefor include post ? javascript was not found sir
ReplyDeleteThanks for inform. Updated with new javascript link.
Delete