Add Table Of Content in Blogger – Hello Friend aap sabhi ka welcome hai hamare blog Digital israil par dosto aaj mai aap ko batane jar aha hu ki aap apne bloggger ke blog par kis trah se Automatically Table of Contents laga sakte hai gar aap sikhna chahte hai to hamare sath bane rahe.

Table of Contents kiya hai?

Dosto Table of Contents ek table hai jise aap apne blog ke kisi post ya page me setup kar sakte hai. Iske lagne se aap ke blog ke visitor aap ke site par jab pahuchnge to wo us Table of Contents ka user kar ke kisi bhi heading par pahuch kar uski jankari asani se le payenge, Table of Contents hare k blogger use karte hai, iske istemal se visitor ko bahut asani hoti hai. Or wo aap ke post me kiya hai, aap ne apne post me kiya kiya bataya hai ye Table of Contents dekhne ke bad user ko pata chal jata hai is liye aap ko apne blog post ya page par iska istemal karma hai.

Table of Contents blog website ke liye kiyu jaruri hai?

Dosto Table of Contents ka istemal karma bhut jaruri hai agar aap apne blog post ya page par Table of Contents ka istemal karte hai to aap ka post jaldi google me rank karega, ya aap ye bhi samjh sakte hai ki Table of Contents use karna aap ke blog post ke seo ke liye jaruri hai, Table of Contents blog post ka ek inportent part hai jiske istemal se aap apne blog post ko SEO friendly bana sakte hai.

How To Add Table Of Content in Blogger 2020
How To Add Table Of Content in Blogger 2020

Reade More – Instant approval Dofollow Backlinks Commenting Sites unique List 2021

Table of Contents apne blogger par kaise lagaye?.

Add Table Of Content in Blogger – Dosto Table of Contents agar aap blogger par lagana chahte hai to aap ko kuch HTML coding ka istemal karna hoga tab hi aap apne blogger ke site par Table of Contents dikha skte ho, mai aap ko jo kode is post me provide karunga or mai aap jaise jaise bataunga bas aap ko waise hi karna or aap bahut hi asani se apne blogger ke blog Table of Contents ka use kar sakenge.

Add Table Of Content in Blogger Step By Step

Dosto main aapa ko full guide karunga ki kaise aap Add Table Of Content in Blogger kar sakte hai, is complete process ko karne ke liye aap ko 5 steps ko par karana hoga tab aap apne blog par Table Of Content successfully laga sakoge.

Step 1. aap ko blogger ke dashboard ko login karna hai, uske bat aap ko theme par click karna hai, uske bad aap ko aapne theme Edit HTML me open karna hai, uske bad aap ko </head> ko find karna hai, or niche diye code ko copy karna hai or </head> ke upper us kode ko paste kar dena hai.

<link href='http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css' rel='stylesheet'/>           

<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>


<script type='text/javascript'>              

//<![CDATA[                      

function mbtTOC() {var mbtTOC=i=headlength=gethead=0;           
headlength = document.getElementById("post-toc").getElementsByTagName("h2").length;for (i = 0; i < headlength; i++)           

{gethead = document.getElementById("post-toc").getElementsByTagName("h2")[i].textContent;document.getElementById("post-toc").getElementsByTagName("h2")[i].setAttribute("id", "point"+i);mbtTOC = "<li><a href='#point"+i+"'>"+gethead+"</a></li>";document.getElementById("mbtTOC").innerHTML += mbtTOC;}}function mbtToggle() {var mbt = document.getElementById('mbtTOC');if (mbt .style.display === 'none') {mbt .style.display = 'block';} else {mbt .style.display = 'none';}}           
//]]>              
</script>

Step 2. Find ]]></b:skin> code in your Blogger blog and paste the below-given code just above.

.mbtTOC{border:5px solid #f7f0b8;box-shadow:1px 1px 0 #EDE396;background-color:#FFFFE0;color:#707037;line-height:1.4em;margin:30px auto;padding:20px 30px 20px 10px; font-family:oswald, arial;display: block;width: 70%;}           
.mbtTOC ol,.mbtTOC ul {margin:0;padding:0;}           
.mbtTOC ul {list-style:none;}           
.mbtTOC ol li,.mbtTOC ul li {padding:15px 0 0; margin:0 0 0 30px;font-size:15px;}           
.mbtTOC a{color:#0080ff;text-decoration:none;}           
.mbtTOC a:hover{text-decoration:underline; }

        
.mbtTOC button{background:#FFFFE0; font-family:oswald, arial; font-size:20px;position:relative; outline:none;cursor:pointer; border:none; color:#707037;padding:0 0 0 15px;}           

.mbtTOC button:after{content: "\f0dc"; font-family:FontAwesome; position:relative; left:10px; font-size:20px;}

Step 3. Uske bad aap ko is code ko Find karna hai. <data:post.body/> aap ke theme me jaha jaha par ye code hoga to simply aap is code ke jagah par maine jo aap ko niche code diya hai use replace kar dena hai ok.

<div id="post-toc"><data:post.body/></div>

Step 4. Niche diye gaye code ko copy kare or aap ne blob post ko edit HTML me open kare or aap apne first heading ke upper paste kare.

<div class="mbtTOC"> 
    <button onclick="mbtToggle()">Table Of Contents</button> 
    <ul id="mbtTOC"></ul> 

    </div>

Step 5. Niche diye gaye code ko copy kare or aap ne blob post sab se last yani post jaha par end ho raha hai waha par paste kare.

<script>mbtTOC();</script>

Blogger Custom robots.txt HTML Code

User-agent: Mediapartners-Google
 Disallow:
 User-agent:
 Disallow: /search
 Allow: /
 Sitemap: www.digitalisrail.com.com/feeds/posts/default?orderby=updated

To dosto mai ummid karta hu aap log samjh gaye honge ki aap apne blogger par Table of Contents { Add Table Of Content in Blogger} kaise lagayenge sikh liya hoga, to dosto aaj ke blog post me bas itna hi milte hai apge new blog post ke sath thanks for visit this blog

10 COMMENTS

LEAVE A REPLY

Please enter your comment!
Please enter your name here