Тёмный

How to Add Table of Contents in Blogger [ Manual / Automatic ] | 2022 

Key2Blogging
Подписаться 10 тыс.
Просмотров 24 тыс.
50% 1

In this video, I will show you how you can add a table of contents to the Blogger website. I will show you the manual method to add TOC without adding any script in Blogger.
You can also check how to add an automatic table of content in Blogger.
▶ TOC post - www.techyleaf....
✅ What is a table of content?
A table of content is basically a quick link or a jump link that helps the readers to skip to a specific part or heading with a single click. It highlights the critical section of the article in order to improve the user experience.
Steps to add a simple table of content in Blogger blog posts. [manual method]
✅ 1. Create a new post or open an existing post where you want TOC.
✅ 2. Now switch to HTML view and type CTRL+F and search for heading tags like h2, h3, etc
✅ 3. Now add a shortcode like id=“1”, id=“2” on the heading tag.
✅ 4. Now switch back to Compose view and copy all heading and paste in plain text
✅ 5. Now select 1st heading text and click on the link button and type #1 and save it.
✅ 6. Now replace all plain headings with a link like #2, #3, etc, and save it.
If you have any doubt ask me in the comment section.
#blogger #Blogging #key2blogging
For the Automatic table of content, you can check the blog post. I have explained step by step process to add it.
www.techyleaf....
More videos like this :
----------------------------------
✅ How to Lazyload Images in Blogger: • How to lazy load image...
✅ Anti AdBlock script for Blogger: • How to install Anti Ad...
✅ Stylish HTML sitemap for Blogger: • How to create a stylis...
✅ Table of contents in Wordpress: • How To Add A Table of ...
✅ Remove Footer credit in Free Blogger theme: • How To Remove Footer C...
✅ Blogger (playlist): • Blogger
Join us on Social media :
🔺 Blog: key2blogging.com
🔺 Twitter: / key2blogging
🔺 Quora: www.quora.com/...
🔺 Telegram: t.me/techyleaf...
Music Used: www.bensound.com
Gear I Use -
Mic: amzn.to/3tOnN7Q
Wireless mouse: amzn.to/3uP9DVB
Keyboard: amzn.to/3fk0MVc
✅ Hire me on Fiverr: www.fiverr.com...
( I am providing Blogger & Wordpress Customization, Page Speed Optimization, & Onpage SEO Audit Services.)
✅ Contact me here: key2blogging.c...

Опубликовано:

 

23 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 130   
@Key2Blogging
@Key2Blogging 3 года назад
🔥 UPDATE 🔥: New video on Automatic Table of contents: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-At7zLaBjrmA.html (2022 Updated) Watch Next -------------- ✅ How to add MCQ question and answer in Blogger: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-JUHfsYGlJjk.html ✅ Pros and cons table In Blogger: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-bstxntYIxMY.html ✅ Drop shadow effect on Images (Blogger): ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-2pxbbWnZQ-8.html If you face any doubt ask me in the comment and don't forget to LIKE and SUBSCRIBE. Thanks 👍
@Key2Blogging
@Key2Blogging 2 года назад
I will publish a video on automatic TOC very soon. Stay tuned
@technologysecret
@technologysecret 2 года назад
How can fix H1, he write every post , can you suggest me one to change in theme then fix permanently.
@gamingalert1405
@gamingalert1405 3 года назад
This is called Perfection. What I am searching. Thanks
@Key2Blogging
@Key2Blogging 3 года назад
You can also add smooth scroll effect using CSS code. (I have updated the article).
@blackbullet7475
@blackbullet7475 2 года назад
Omg that's what I was searching for thanks brow , subbed
@Key2Blogging
@Key2Blogging 2 года назад
🙂
@rossyprim2336
@rossyprim2336 Год назад
Thank you, always on point as usual, I just discovered your channel and I am enjoying all your content, value all the way.
@Key2Blogging
@Key2Blogging Год назад
You are welcome
@namsamayalulagam-healthyki9430
Superb Bro 👏, the content and ur presention is awesome 👌, thanks a lot of posting, keep posting👍
@mkami1000
@mkami1000 Год назад
Best video No henki phenki ...pure content deserve a like 👍
@puttaramu3005
@puttaramu3005 3 года назад
Only One Word I can Say Excellent Sir...
@parshv9-b47sheth3
@parshv9-b47sheth3 Год назад
Sir best video ever😢
@a2fanpedia919
@a2fanpedia919 2 года назад
In freebify theme, there is an ads below title (H1), ca you shift this ad below heading(H2) ?
@Key2Blogging
@Key2Blogging 2 года назад
Yes, it will shift to below where you place the shortcodes in post. Check official docs
@ImranAli-ye3is
@ImranAli-ye3is Год назад
Super sir But how to change background color on table of content
@sharemarketbeginners
@sharemarketbeginners 3 года назад
Osm, bhai mja aa gya
@DJDUNIA
@DJDUNIA 2 года назад
Best 🔥
@debendrapandia1865
@debendrapandia1865 3 года назад
Wow, it is that easy to add Table of contents in blogger 😀 Good work 👍
@kunalchouhan4137
@kunalchouhan4137 3 года назад
We want more Best video on blogger please make regular video love you 😘
@Key2Blogging
@Key2Blogging 3 года назад
Sure..I will try my best.👍
@janebrown6211
@janebrown6211 7 месяцев назад
Thank you. Well, my table of contents after being created did not take me to the sections in my post. Where did I get it wrong, please?
@Key2Blogging
@Key2Blogging 7 месяцев назад
Make sure to select the right Id of the content on this script, it vary from theme to theme. Without right post Id script won't work.
@lenishkhatiwada
@lenishkhatiwada 3 года назад
Bro ye theme konsi use ki hain apne aur kya kya changes kiya mast mast dikh raha hain ye
@Key2Blogging
@Key2Blogging 3 года назад
I am using Freebify theme
@beststatuswala9930
@beststatuswala9930 2 года назад
Wowww..... great bro....
@Key2Blogging
@Key2Blogging 2 года назад
Thank you so much 😀
@vintageharrow2740
@vintageharrow2740 2 года назад
Thanks. Your video is very helpful and it really worked but you should have explained a little bit about H1, H2, H3 tags in the same video. All the headings should be in H2 format to apply this code otherwise it won't work.
@Key2Blogging
@Key2Blogging 2 года назад
No, you can add it in h2, h3, even p, div tag
@nishadjaved
@nishadjaved Год назад
Please suggest how to add faq to blogger like this easy way and should work for all theme
@Key2Blogging
@Key2Blogging Год назад
Check, already there are two videos on FAQ blocks in blogger
@sadmansakib6214
@sadmansakib6214 3 года назад
That was simple, Thanks!!
@Key2Blogging
@Key2Blogging 3 года назад
Welcome ✌️
@H20reaction
@H20reaction 3 года назад
Thank you so much bro💝
@sunilprajapati9370
@sunilprajapati9370 3 года назад
nice information 👍
@MsExcelPakistan
@MsExcelPakistan 2 года назад
Very nice and helpful your video Author by post We need showing on the blogger please teach us
@Key2Blogging
@Key2Blogging 2 года назад
for this you need to watch my author video. Every theme already comes with author box. You just need to add a description in the blogger profile page.
@Querenciatv
@Querenciatv 3 года назад
Incredible Work ✌️
@066mihir2
@066mihir2 2 года назад
Bhai tu to dev manus nikla, ye video to first number pe rank hona chahie
@Key2Blogging
@Key2Blogging 2 года назад
😄😄
@abdulo8963
@abdulo8963 Год назад
What fonts do you use? And do you space them?
@ddamindu
@ddamindu Год назад
simple and easy
@Key2Blogging
@Key2Blogging Год назад
Thanks for liking
@mnbarlas
@mnbarlas 2 года назад
Thanks dear for valuable information.🙏
@md-yz2kx
@md-yz2kx 2 года назад
thank you so much it works
@kreativeideas1462
@kreativeideas1462 8 месяцев назад
Thanks, it worked
@thezam64
@thezam64 Год назад
Thank you So much!!!
@Key2Blogging
@Key2Blogging Год назад
You're welcome!
@BuntyOnline
@BuntyOnline 3 года назад
Sir you are the awesome 😎 Kya apne shikhaya TOC Thank you sir 👍
@Key2Blogging
@Key2Blogging 3 года назад
It's my pleasure 👍 keep posting feedback to improve the content quality.
@BuntyOnline
@BuntyOnline 3 года назад
Sir par mera 1 question hai Mai apko kaha puch sakta hu?
@Key2Blogging
@Key2Blogging 3 года назад
Dm me on Telegram or Twitter Telegram : t.me/abhishekpadhi Twitter : twitter.com/key2blogging
@PassportKings
@PassportKings 3 года назад
This was an awesome tut. Thank you.
@Key2Blogging
@Key2Blogging 3 года назад
I am glad. You like it 🙂
@joymamun74
@joymamun74 Год назад
Great!
@bloggerfreelancer2058
@bloggerfreelancer2058 Год назад
Tank you soo much sir
@JituKumar-ny6hq
@JituKumar-ny6hq 2 года назад
In my kadence blocks their no option of box shadow only showing image shadow
@Key2Blogging
@Key2Blogging 2 года назад
They have added both options in the new Advanced Image block.
@aonntokhan3345
@aonntokhan3345 2 года назад
Thanks you bro 🇧🇩🇧🇩
@Rushikesh36
@Rushikesh36 3 года назад
Very nice sir just love it....
@metaverse4631
@metaverse4631 2 года назад
Right... Valuable table of content :) thanks
@Key2Blogging
@Key2Blogging 2 года назад
Glad you liked it
@rajaisudhir7845
@rajaisudhir7845 2 года назад
Sir what if we have multiple H2/h4 such tags how we can add them pls tell me 🙏
@Key2Blogging
@Key2Blogging 2 года назад
You have to assign unique id to each heading tags and than link it using #id_name like this.
@rajaisudhir7845
@rajaisudhir7845 2 года назад
@@Key2Blogging sir still am not clear can u provide a demo or any code or a short video pls I request
@Key2Blogging
@Key2Blogging 2 года назад
Hey, watch the video again, i have shown how to assign id on multiple heading tags and generate toc. You can also read the blog post provided
@ShawonsTech
@ShawonsTech 3 года назад
Thank you so much. You saved hour of times
@Key2Blogging
@Key2Blogging 3 года назад
🙂
@sb-accountingng6298
@sb-accountingng6298 2 года назад
Thank you so much for this. You just make my day
@Key2Blogging
@Key2Blogging 2 года назад
I'm so glad!
@gamesadda1617
@gamesadda1617 3 года назад
Really Golden Knowledge
@ProFashion168
@ProFashion168 2 года назад
Thank you so much
@Key2Blogging
@Key2Blogging 2 года назад
You're most welcome
@internetbeing3681
@internetbeing3681 Год назад
Thanks ☺️☺️
@axomstudy
@axomstudy Год назад
Can you make a video on how to reduce javascript and css file in blogger
@Key2Blogging
@Key2Blogging Год назад
Hey, for this you need to remove the JavaScript code. And All theme has different types of JavaScript codes and not possible to show for a particular theme. You can also use Lazyload Adsense, Images, analytics, youtube to reduce javascript errors . Already there is video available on this. I recommend following the playlist for speed improvement in Blogger
@rokthok4725
@rokthok4725 3 года назад
kya idcode har h2 me paste katna hoga
@Key2Blogging
@Key2Blogging 3 года назад
Hmm, Use Id in those heading that you want to include in your Table of content. So, here in manual TOC, no additional script is required and you have the flexibility to exclude certain Headings and show imp h2 tags in TOC.
@parthivrathod3591
@parthivrathod3591 3 года назад
Thank you very much it's 100% working
@Key2Blogging
@Key2Blogging 3 года назад
welcome🙂
@childreaction3d
@childreaction3d 2 года назад
Thanks 🙏🙏
@avneefashionqueen4345
@avneefashionqueen4345 3 года назад
Thanks yeer
@caloli7417
@caloli7417 2 года назад
Wow thanks for the tutorial ^_^
@Tran_Phat_Design
@Tran_Phat_Design 2 года назад
Thank you!
@abhisinghal3759
@abhisinghal3759 3 года назад
Ye badiya tha guru
@Key2Blogging
@Key2Blogging 3 года назад
😀
@abhisinghal3759
@abhisinghal3759 3 года назад
Are yar , bhai aisa karne se , google search console mai test live url karne pe not found 404 error aa rha 😞😞 , pls help 🙏
@Key2Blogging
@Key2Blogging 3 года назад
Kya karne maim 404 aa raha he..? You can contact me on telegtam with screenshots
@feeleducated
@feeleducated 3 года назад
best video ever
@a2fanpedia919
@a2fanpedia919 2 года назад
my site is currently getting 700 users/ day , if i change its theme, does it reduce traffic and impact SEO ?
@Key2Blogging
@Key2Blogging 2 года назад
The impact is negligible, as the post content and the url is same. Change your theme if your site speed is increasing.
@a2fanpedia919
@a2fanpedia919 2 года назад
@@Key2Blogging One more Question, Is there any way to stop invalid clicks in blogger ?
@Key2Blogging
@Key2Blogging 2 года назад
No, currently there is no way to do that. There is one code available which doesn't Work.
@outdoorsurvival8059
@outdoorsurvival8059 2 года назад
nice
@preritjain9389
@preritjain9389 2 года назад
how you added that emoji near "table"?
@Key2Blogging
@Key2Blogging 2 года назад
To add emojis you can type win + ; or right click and select emoji option
@preritjain9389
@preritjain9389 2 года назад
@@Key2Blogging not working
@Key2Blogging
@Key2Blogging 2 года назад
Search on RU-vid how to use emoji on windows
@beautyhacks99
@beautyhacks99 3 года назад
Smart worker ...
@niharranjanpanda7305
@niharranjanpanda7305 3 года назад
Good job 👌
@ReadwithmissEman
@ReadwithmissEman Год назад
I did exactly but when I click on it it opens a new window tab
@Key2Blogging
@Key2Blogging Год назад
may be you have selected the new tab option while adding the links that's why
@ReadwithmissEman
@ReadwithmissEman Год назад
@@Key2Blogging I am sure I am not . And the new tab is empty
@shaukatali3089
@shaukatali3089 2 года назад
amazing job
@mirzakhan1818
@mirzakhan1818 2 года назад
angrej पसंद आया
@udit842
@udit842 3 года назад
Nice video , 👌👌
@onlinehorizon3450
@onlinehorizon3450 3 года назад
Brother, so many h2 appear in html, how to identify which h2 is id 1, and which h2 is id 3?
@Key2Blogging
@Key2Blogging 3 года назад
you have to add id at the beginning of the h2 or h3 tag. Heading structure is like heading 1 so Here you will add the id like heading1 same for h2 and h3 or any other tags.
@onlinehorizon3450
@onlinehorizon3450 3 года назад
@@Key2Blogging I will try brother. Thank you so much brother.
@onlinehorizon3450
@onlinehorizon3450 3 года назад
@@Key2Blogging Brother, when I put h2 tag, many h2 appeared, my confusion is how to identify in which h2 we have to put id 1, and in which h2, we have to put id 2. Again confusion created when I applied this to my blogger.
@Key2Blogging
@Key2Blogging 3 года назад
@@onlinehorizon3450 only use heading(h2) to important heading and subheading(h3) to other minor heading And each heading start with and close with so use in starting ones. Join our telegram discussion group, where you can share your doubts. Link in channel about us page.
@msmedia6588
@msmedia6588 3 года назад
Thank you sir
@risingstar7248
@risingstar7248 3 года назад
Tq 🙏🙏🙏🙏🙏🙏🙏🙏😊
@parthivrathod3591
@parthivrathod3591 3 года назад
Is possible on Mobile ?
@Key2Blogging
@Key2Blogging 3 года назад
Yes, you can open HTML view in mobile also.
@parthivrathod3591
@parthivrathod3591 3 года назад
I tried but that's not work table of contents
@Key2Blogging
@Key2Blogging 3 года назад
What ? If you have trouble in TOC, Once go through the blog post given for proper code implimentation.
@cgiwala3475
@cgiwala3475 2 года назад
Love it
@mohsinabbas7766
@mohsinabbas7766 3 года назад
Owsome
@maheshgadhadara520
@maheshgadhadara520 3 года назад
is not working
@Key2Blogging
@Key2Blogging 3 года назад
Check if you implemented it properly, added the ids in the right format, and link it in the right way.
@foolsheaven5092
@foolsheaven5092 3 года назад
wow wow wow
@minecrafterrs
@minecrafterrs 3 года назад
Now I don't have to add JavaScript in my theme
@minecrafterrs
@minecrafterrs 3 года назад
Aap to bahut fast ho
@Key2Blogging
@Key2Blogging 3 года назад
Yes, it helps a lot in page speed. Less javascript = more Speed 😁
@Key2Blogging
@Key2Blogging 3 года назад
😁
@MrLucky-ds1oi
@MrLucky-ds1oi 3 года назад
Kiya halchal
@Key2Blogging
@Key2Blogging 3 года назад
Sab kuch thik thak ..
@a2fanpedia919
@a2fanpedia919 2 года назад
In freebify theme, there is an ads below title (H1), ca you shift this ad below heading(H2) ?
@Key2Blogging
@Key2Blogging 2 года назад
Yes, you can shift it below using the shortcodes in the posts. check official documentation.
Далее
13 Things To Remove From Your Website Immediately
12:33
HA-HA-HA 👊  #countryball
00:15
Просмотров 3 млн
How to Create Entire Website with ChatGPT (No Coding)
15:15
HA-HA-HA 👊  #countryball
00:15
Просмотров 3 млн