How To Add Stylish J-Query Multi-Tab Widget For Blogger & Website

Socialize: 


1. Log in to your blogger and Go to Design >> Edit HTML
2. Make sure you put check mark to “Expand Widget Templates” 
3. Find this tag by using Ctrl+F </head>
4. Paste below code Before </head> tag




<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"> </script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"> </script> 
<script> $(document).ready(function() { $("#tabs").tabs(); }); </script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/blitzer/jquery-ui.css" type="text/css" />




5. Now Go to Design >> Page Element
6. Click Add Gadget and select 'HTML/Javascript'
7. Paste below one of below code.


<div id="tabs">
<ul>
<li> <a href="#tabs-1">Tab-1</a></li>
<li> <a href="#tabs-2">Tab-2</a></li>
<li> <a href="#tabs-3">Tab-3</a></li>
</ul> 
<div id="tabs-1">Script or Text Here</div>
<div id="tabs-2">Script or Text Here</div> 
<div id="tabs-3">Script or Text Here</div>


8. You can replace Script or Text Here with text or any script you want.
9. After save HTML/Javascript
10. You are done.

    You may also like...

  • How To Add Animated Stylish Navigation Menu With Jquery To Blogger

    How To Add Animated Stylish Navigation Menu With Jquery To Blogger

    Animated Fancy Navigation Menu with Jquery for Blogger. Every One has trying to add a beautiful…

  • Simple YouTube Subscribe Widget For Website And Blog

    Simple YouTube Subscribe Widget For Website And Blog

    Placing a Youtube Channel Subscribe widget on your website or blog to increase your subscriber is a…

  • J-Query "List Of Post/Article" Widget For Blogger

    J-Query "List Of Post/Article" Widget For Blogger

    First Dee The DemoFeature of this script :Accordion effectShow and hide effectCSS 3Automatic add…

  • List Of Free Web Hosting & Domain Providing Sites

    List Of Free Web Hosting & Domain Providing Sites

    Web and blog designing and developing is one of the most done works in the IT industry. Everybody a…

  • How To Add Meta Tags For Each Post In Blog?

    How To Add Meta Tags For Each Post In Blog?

    Inability to add Meta Tags (Meta Description , Meta Keyword) to each post of Blogger blog is always…

  • Simple Stylish Blue Hover Style Page Navigation Menu In Blogger

    Simple Stylish Blue Hover Style Page Navigation Menu In Blogger

    Hi Now add this special blue hover effect page navigation menu in blogger.PREVIEW HERE:-Follow…

  • Stylish "You Might Also Like This" Widget For Blog

    Stylish "You Might Also Like This" Widget For Blog

    Show Related Stories Under Each Post!LinkWithin is a blog widget that appears under each post,…

4 comments:

  1. Smartphones play an important role in our life. With smartphones, we always stay connected with our family and friends, capture images, important files, and many more things that you saved... Real Estate

    ReplyDelete
  2. Welcome to the party of my life here you will learn everything about me. cryptocurrency price ticker widget

    ReplyDelete
  3. Thank you for sharing this informative post. Looking forward to reading more.
    Best Website Design Company

    ReplyDelete
  4. If your looking for Online Illinois license plate sticker renewals then you have need to come to the right place.We offer the fastest Illinois license plate sticker renewals in the state. Alexander Malshakov

    ReplyDelete

About Me

Hi, I am Muhammad Saalim, Co-Founder of EXEIdeas International and CEO of bord4banned. I am here to share my experiences with you and to help those who can help themselves.

Follow Me



Join Our Official FaceBook Group To Stay With Us.

Caution!

All data, codes, articles, tips and tricks etc, posted here are copyright work of MyTutspot.Blogspot, and are protected with DMCA. Any one, found to be thefting any data, will be under LEGAL ACTION.

My Tutspot.Blogspot 2018 All Rights Reserved
Designed by born4banned | A Project of EXEIdeas International