Tool to extract headings (h1,h2) in browser Tool to extract headings (h1,h2) in browser - The New Minded Tool to extract headings (h1,h2) in browser Tool to extract headings (h1,h2) in browser Tool to extract headings (h1,h2) in browser Langkau ke kandungan utama

Guna Anydesk remote Desktop Ofis

Assalamualaikum dan Salam Sejahtera,

Hari ini ingin berkongsi sedikit mengenai pengalaman Work From Home atas perintah kawalan pergerakan yang diisytiharkan baru-baru ini.

Mungkin adanya yang terfikir bagaimana nak buat kerja dari rumah sedangkan PC semua dekat ofis tu guna internal LAN connection antara server ke Desktop Ofis. Nak buat kerja dari rumah macam mana kan.

Ya itu semua bermain diminda anda sekarang ni.

Zaman dah maju semua teknologi sudah ada, alasan jangan diberi. Jika tidak tahu banyak membaca ataupun tanya kepada mereka yang arif.

Okay untuk mejawab persoalan anda tu. Anda boleh guna software Anydesk sebagai alternatif untuk akses PC di ofis dari rumah secara mudah dan penggunaan internet pun tidak la banyak mana pun..

Langkah Pertama

Apa yang diperlukan ?

Anda perlu download software Anydesk dan installkan di PC Rumah dan PC di Ofis.

Aaaa sudah macam mana nak pergi ofis pula nak install bagai kan.. hehe.. mesti bermain diminda anda sekarang ni.. Ok itu masalahnya anda…

Tool to extract headings (h1,h2) in browser

Appearing heading tag
Assalamualaikum and Good Evening,

Today I would like to share about nice and free tool to extract headings (h1,h2,..) in browser.

This tools can be work on the mozilla firefox browser and also google chrome browser, this tool is helping to show quick the heading (h1,h2,h3,...) in the browser at the end of word that have heading. For example you can see the picture above that at the end of word Cara Membuat Templates SEO Friendly has a word (h1). 

I would like to giving a big thankful to Jim Stewart for sharing this code with us. 

So, now I would like to starting the tutorial how to use this tool and coding.

Stylish extension
First is you need to installing stylish extension into your browser. You can get by searching stylish extension as shown in the picture above.
After you done installing that extension what you need to do is to click the symbol S in the menu bar as shown this picture and clicking on the menu "manage styles"

Manage style
 After clicking the manage style this tab would should come out and you click on the write new style.

write new style
After that, this tab should be appear for writing the code.
writing code area
Finally is to write the code inside that space area and giving the file name as "H-tag" and click save.

code
So the code is
h1:after{content:"(h1)";color:white;background-color:blue;font-family:’Helvetica Neue’,Arial,Tahoma,sans-serif;font-weight:bold;}
h2:after{content:"(h2)";color:red;background-color:yellow;font-family:’Helvetica Neue’,Arial,Tahoma,sans-serif;font-weight:bold;}
h3:after{content:"(h3)";color:yellow;background-color:green;font-family:’Helvetica Neue’,Arial,Tahoma,sans-serif;font-weight:bold;}
h4:after{content:"(h4)";color:white;background-color:black;font-family:’Helvetica Neue’,Arial,Tahoma,sans-serif;font-weight:bold;}
h5:after{content:"(h5)";color:black;background-color:yellow;font-family:’Helvetica Neue’,Arial,Tahoma,sans-serif;font-weight:bold;}

Here I would like to share the video tutorial how to use this extension..



I hope this tutorial would be helpful in making as one of your SEO tool guide in knowing the heading tag in your blog/website or also in your competitor website how they organize their template to giving the good SEO in their blog.

If You Enjoyed This, Take 3 Seconds To Share It

Ulasan

Follower



Enter your email address:

Delivered by FeedBurner