Responsive HTML Table Shortcode

Not one, two, three but 4 stunning Themes for your Responsive HTML Tables. Rarely found anywhere around the web. First time introduced for Blogger users!

Default Theme#1 

[table] [row][heading]BLOGGER[/heading] [heading]SHORTCODE[/heading] [heading]PLUGIN[/heading][/row] [row][col]Buttons[/col] [col]Tabs[/col] [col]Accordions[/col][/row] [row][col]Tooltip[/col] [col]Video[/col] [col]Audio[/col][/row] [row][col]YouTube[/col] [col]Dailymotion[/col] [col]SoundCloud[/col][/row] [row][col]Info[/col] [col]Warning[/col] [col]Update[/col][/row] [row][col]Code[/col] [col]Divider[/col] [col]Image[/col][/row] [row][heading][/heading] [heading]
© mbt
[/heading] [heading][/heading][/row] [/table]

CSS Divider Shortcode with Back To Top Button

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

ToolTip Shortcode For Blogger

You can display images and text inside the tooltip



[tooltip url="http://www.mybloggertricks.com/2015/04/blogger-shortcode-plugin.html" title="Tooltip with Image + Text"] Works Great Every Where!
Compatible with all modern Browsers which supports CSS3. You can customize it in different colours and add any HTML inside the DOM. Creating tooltips in Blogger was never that easy. [/tooltip]


or you can simply display it as text


[tooltip url="http://www.mybloggertricks.com/2015/04/blogger-shortcode-plugin.html" title="Simple Tooltip"]Write anything here[/tooltip]


Image Shortcode For Blogger

You can now share images inside comments to show demos to your readers. [image url="http://www.mybloggertricks.com/2015/04/blogger-shortcode-plugin.html" src="http://lh6.ggpht.com/-oPBnxfpw5i0/VR5qysG9f8I/AAAAAAAAOmA/Fli69O0Ne2s/image%25255B51%25255D.png?imgmax=800"/]

YouTube Shortcode For Blogger

Embed YouTube Video Player and Playlist anywhere you want!

Create CSS3 Buttons in Blogger using the Button Shortcode!

Create colorful buttons by simply typing button!

[button size="small" color="green"] Demo[/button] [button size="small" color="blue"] Download[/button] [button size="small" src="http://msn.com"]Default[/button] [button size="small" color="brown"]Brown[/button] [button size="small" color="red"]Red[/button] [button size="small" color="purple"]Purple[/button] [button size="small" color="black"]Black[/button] [button size="small" color="orange"]Orange[/button]

[button size="medium" rel="nofollow" src="http://facebook.com/bloggertricks" color="fb"] Like[/button] [button size="medium" color="blue"] Follow[/button] [button size="medium" color="red"] Follow[/button] [button size="medium" src="http://msn.com"]Default[/button] [button size="medium" color="green"]Green[/button] [button size="medium" color="brown"]Brown[/button] [button size="medium" color="purple"]Purple[/button] [button size="medium" color="black"]Black[/button]

[button size="medium" color="orange"]Orange[/button]

[button size="large" color="green"] Demo[/button] [button size="large" color="blue"] Download[/button] [button size="large" src="http://msn.com"]Default[/button] [button size="large" color="brown"]Brown[/button] [button size="large" color="red"]Red[/button] [button size="large" color="purple"]Purple[/button]

[button size="large" color="black"]Black[/button] [button size="large" color="orange"]Orange[/button]

Syntax Highlighter Shortcode For Blogger

[code hl="1, 4, 7"] <div id="syntax"></div> <script type='text/javascript'></script> .post-body img { box-shadow: 0 0 10px #EEE; height: auto; Color:#0080ff; Font:12px bold italic; border-top:1px solid #333; border-bottom:1px solid #666; } [/code]

Notification Boxes Shortcode For Blogger

[warning headline="Warning!"]You can add it inside Comments, Posts, Widgets - Anywhere you want![/warning] [success headline="Success"]You can nest it inside other shortcodes[/success] [alert headline="Alert!"]Inserting notifications inside blogs was never that easy![/alert] [update headline="Update"]Created with a single line of code[/update] [info headline="Info"]Works only with Blogger Shortcode Plugin - The ultimate Plugin![/info]

SoundCloud Shortcode For Blogger

Insert Audio anywhere in Blogger. Posts, Sidebar widgets and even Comments!

[soundcloud height="400" visual="true" user="false" comments="true" auto="false"/]

Facebook Page Plugin Shortcode

[facebook src="bloggertricks" width="500" height="400" posts="true"/]

Tabs Shortcode For Blogger

[tab] [content title="About" icon="fa-heart"]Works in 
  1. Header, 
  2. Sidebar, 
  3. Footer, 
  4. Posts/Pages, 
  5. Comments, 
  6. Post Titles

Anywhere you want, Fully nested too! [/content]
[content title="Features"] Add it multiple times on a single page with as many tabs as you want! [/content]
[content title="Free"] Absolutely Free! MBT is serving blogger community for the past 5 years by providing free plugins, widgets and quality tutorials! [/content] [content title="Nested"][accordion] [item title='Title Of Tab 1']dwwdk jj nibh magna, ac is sit amet, auctosapien.[/item] [item title='Title Of Tab 2']You can also insert further shortcodes here!Fusce ut purus at sapien auctor tempus sit amet nec sapien.[/item] [item title="Title Of Tab 3"] fermentum nulla pellentesque non. In nisi est, sollicitudin at mollis sit amet, auctor ut nibh. Fusce ut purus at sapien auctor tempus sit amet nec sapien.[/item] [/accordion] [/content] [/tab]

Dailymotion Shortcode For Blogger

Embed customized Dailymotion videos anywhere in blogger using shortcodes

[dailymotion highlight="70CF0A" height="300" src="x273r70" info="0"][/dailymotion]

Accordion Shortcode For Blogger

[accordion] [item title="Title Of Tab 1"]Dijgy wwdk jj nibh magna, ac is sit amet, auctosapien wwdk jj nibh magna, ac is sit amet, auctosapienwwdk jj nibh magna, ac is sit amet, auctosapien.
  1. You can insert any HTML here
  2. Blogging
  3. Widgets
  4. Plugins
  5. SEO[/item]
[item title="Title Of Tab 2"]You can also insert further shortcodes here! and another fermentum nulla pellentesque non. In nisi est, sollicitudin at mollis sit amet, auctor ut nibh. Fusce ut purus at sapien auctor tempus sit amet nec sapien.[/item] [item title="Title Of Tab 3"] fermentum nulla pellentesque non. In nisi est, sollicitudin at mollis sit amet, auctor ut nibh. Fusce ut purus at sapien auctor tempus sit amet nec sapien.[/item] [/accordion]