--> Image Shortcode - Embed Images in Blogger Comments! | Experience Lab - Online business creation and development guide for bloggers and startups

Image Shortcode - Embed Images in Blogger Comments!

Image Shortcode lets you insert images anywhere on your blogger blog with a simple one line textual code. You can now embed images with link...

Image Shortcode for bloggerImage Shortcode lets you insert images anywhere on your blogger blog with a simple one line textual code. You can now embed images with links or without links inside blogger comments form, posts, pages, HTML/JavaScript widgets almost anywhere! You can customize the width and height of your image, link the image to a URL, add nofollow attribute to the URL or simply insert the image in its actual resolution with a simple code. You may use the images to link any page or post inside your website, or use it to link an external page. Blogger Shortcode plugin has revolutionized BlogSpot blogs and it is the biggest development so far Alhamdulillah after the JSON API.  Just like you insert images in bulletin boards or forum threads, you can now embed images in blogger comments box and the shortcode will render it perfectly. Lets see it in action!

Interesting: It's the first shortcode which we implemented on MBT too. You can test it with [img/] shortcode

1. Install Blogger Shortcode Plugin

In order to use Image shortcode you must first install the shortcode plugin for your blogger blog by following 7 easy steps shared on the link below:

Skip installing it if you have already added it in your blogspot template

2. Start Inserting Images using Image Shortcode!

Now when you wish to insert images in original resolution simply use the shortcode below. Paste it anywhere you like and the image will be perfectly displayed.

[image src="IMAGE LINK"/]

  • Replace IMAGE LINK with the Image Link where it is hosted

If you wish to link the image to a post, page or external website then add the Image URL attribute in this format

[image url="URL HERE"  src="IMAGE"/]

  • Replace URL HERE with the URL of the page, post or site you wish to link to

If you wish to nofollow the link to what the image points then add the nofollow attribute in this format

[image rel="nofollow" url="URL HERE" src="IMAGE"/]


Example Of Image Shortcode

Now lets suppose I want to embed an image on a post. I want its width to be 500px and its height to be 260px, I want it to link to http://blogger-shortcode.blogspot.com/ and I want this link to be a nofollow because I don't want to pass precious PageRank juice to it. The image is located at http://ask.mybloggertricks.com/uploads/default/767/77f624bc8120838b.png

The shortcode will be

[image width="500px" height="260px" rel="nofollow" url="http://blogger-shortcode.blogspot.com" src="http://ask.mybloggertricks.com/uploads/default/767/77f624bc8120838b.png"/]


Blogger shortcodes

That simple!

Complete list of shortcodes

Attribute Definition
src Insert Image Link here where it is hosted
url Insert the URL where the image will point. You can point the image to a post on your blog, page or any external site.
width Adjusts the width of the image. Can be defined in pixels or percentages.
height Adjusts the height in pixels or percentage
nofollow A SEO Friendly option that lets you mention whether you want to nofollow the link or not.

Need Help?

You can contact us 24/7 for any help on our forum or you can post your queries below in the comment box to ask for any assistance needed. I hope the image shortcode may bring a positive change in your blogging hobby and may help you better express your thoughts with your readers through images. Subscribe and stay tuned because a lot more has to come! Peace and blessings buddies. =)



Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,70,Blogging tips,198,Bugs and Errors,34,Business,9,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,Internet,1,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,16,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,307,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Technology,7,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
Experience Lab - Online business creation and development guide for bloggers and startups: Image Shortcode - Embed Images in Blogger Comments!
Image Shortcode - Embed Images in Blogger Comments!
Experience Lab - Online business creation and development guide for bloggers and startups
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy