title: How to Add Customized Shortcode Button in TinyMCE Editor WordPress
body: <p>Hi I'm using latest version of WordPress. I want add my shortcode in TinyMCE editor like this image: <a href="http://prntscr.com/72ycrs" rel="nofollow">http://prntscr.com/72ycrs</a></p>
  
  <p>My shortcode is:</p>
  
  <pre><code>[my_tabs]
  [my_tab title = "Tab One Title"]Tab One Content Goes Here[/my_tab]
  [my_tab title = "Tab Two Tiltle"] 
  [my_gallery source = "media: 2893" title = "Image Title"] 
  Tab Two COntent Goes Here [/my_tab] 
  [/my_tabs]
  </code></pre>
  
  <p>Can anyone help me to create a customize button for my shortcode as like above image. I don't understand javascript &amp; jQuery much. Thanks in Advance.</p>