ਇੱਕ ਟੈਗ ਕਲਾਉਡ ਨੂੰ ਕਿਵੇਂ ਸਟਾਈਲ ਕਰਨਾ ਹੈ

ਸਟੈਂਪ ਨੂੰ ਇੱਕ ਟੈਗ ਕਲਾਉਡ ਲਈ CSS ਵਰਤੋ

ਟੈਗ ਕਲਾਊਡ ਇਕਾਈ ਦੀ ਸੂਚੀ ਦਾ ਇੱਕ ਵਿਖਾਈ ਚਿੱਤਰ ਹੈ. ਤੁਸੀਂ ਅਕਸਰ ਬਲੌਗ ਤੇ ਟੈਗ ਕਲਾਵਾਂ ਦੇਖੋਗੇ. ਇਹ ਫਲੀਕਰ ਵਰਗੀਆਂ ਸਾਈਟਾਂ ਰਾਹੀਂ ਪ੍ਰਸਿੱਧ ਹੋ ਗਈ ਸੀ

ਟੈਗ ਮਾਊਂਟਸ ਉਹਨਾਂ ਲਿੰਕਾਂ ਦੀ ਇੱਕ ਸੂਚੀ ਹੈ ਜੋ ਅਕਾਰ ਅਤੇ ਭਾਰ ਵਿੱਚ ਬਦਲਦੇ ਹਨ (ਕਈ ​​ਵਾਰੀ ਰੰਗ ਵੀ) ਕੁਝ ਮਾਪਣਯੋਗ ਗੁਣਾਂ ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ. ਬਹੁਤੇ ਟੈਗ ਕਲਾਊਡਾਂ ਨੂੰ ਪ੍ਰਸਿੱਧੀ ਦੇ ਅਧਾਰ ਤੇ ਬਣਾਇਆ ਗਿਆ ਹੈ ਜਾਂ ਉਹ ਸਧਾਰਣ ਟੈਗ ਨਾਲ ਟੈਗ ਕੀਤੇ ਗਏ ਸਫ਼ਿਆਂ ਦੀ ਗਿਣਤੀ ਹੈ. ਪਰ ਤੁਸੀਂ ਆਪਣੀ ਸਾਈਟ ਤੇ ਕਿਸੇ ਆਈਟਮ ਦੀ ਕਿਸੇ ਵੀ ਸੂਚੀ ਵਿੱਚੋਂ ਟੈਗ ਕਲਾਊਟ ਬਣਾ ਸਕਦੇ ਹੋ ਜਿਸ ਵਿੱਚ ਉਹਨਾਂ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ ਘੱਟੋ-ਘੱਟ ਦੋ ਤਰੀਕੇ ਹਨ. ਉਦਾਹਰਣ ਲਈ:

• ਅਖ਼ਬਾਰਾਂ ਦੇ ਲੇਖਾਂ ਦੀ ਸੂਚੀ ਜੋ ਕਿ ਲੇਖਾਂ ਦੀ ਹਰਮਨਪਿਆਰੀ ਨੂੰ ਦਰਸਾਉਂਦੀ ਹੈ.
• ਵਰਣਮਾਲਾ ਦੇ ਕ੍ਰਮ ਵਿੱਚ ਵੈਬ ਸਾਈਟਾਂ ਦੀ ਇੱਕ ਸੂਚੀ ਹੈ ਜੋ ਤੁਹਾਨੂੰ ਦੱਸਦੀ ਹੈ ਕਿ ਕਿਹੜਾ ਤੁਸੀਂ ਸਭ ਤੋਂ ਵਧੀਆ ਪਸੰਦ ਕਰਦੇ ਹੋ
• ਸਟਾਇਲ ਨਾਲ ਕੀਮਤ ਦੇ ਕ੍ਰਮ ਵਿੱਚ ਸੂਚੀਬੱਧ ਵੈਬ ਐਡੀਟਰਾਂ ਦੀ ਇੱਕ ਸੂਚੀ ਇਹ ਸੰਕੇਤ ਕਰਦੀ ਹੈ ਕਿ ਹਰੇਕ ਪਰੀ-ਨਿਸ਼ਚਿਤ ਮਾਪਦੰਡ ਦੇ ਸੈਟ ਵਿੱਚ ਕਿਵੇਂ ਆਉਂਦੇ ਹਨ.
• ਸਟਾਈਲ ਦੇ ਨਾਲ ਦੋਸਤਾਂ ਦੀ ਇੱਕ ਸੂਚੀ, ਜੋ ਤੁਹਾਡੇ ਘਰ ਤੋਂ ਦੂਜੀ ਤੱਕ ਦੂਰੀ ਨੂੰ ਦਰਸਾਉਂਦੀ ਹੈ.

ਕੀ ਤੁਹਾਨੂੰ ਇੱਕ ਟੈਗ ਕਲਾਉਡ ਬਣਾਉਣ ਦੀ ਲੋੜ ਹੈ?

ਇੱਕ ਟੈਗ ਕਲਾਉਡ ਬਣਾਉਣਾ ਅਸਾਨ ਹੁੰਦਾ ਹੈ, ਤੁਹਾਨੂੰ ਕੇਵਲ ਦੋ ਚੀਜ਼ਾਂ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ:

• ਇਕਾਈਆਂ ਦੀ ਸੂਚੀ (ਜਿਵੇਂ ਕਿ ਵੈੱਬ ਲੇਖ, ਵੈੱਬ ਸਾਈਟਾਂ, ਜਾਂ ਤੁਹਾਡੇ ਦੋਸਤ)
• ਹਰੇਕ ਇਕਾਈ ਲਈ ਇਕ ਮਾਪ (ਜਿਵੇਂ ਦਿਨ ਪ੍ਰਤੀ ਪੇਜ ਵਿਯੂਜ਼, ਤੁਹਾਡੀ ਰੈਂਕਿੰਗ 1-10, ਜਾਂ ਤੁਹਾਡੇ ਘਰ ਦੀ ਦੂਰੀ).

ਬਹੁਤੇ ਟੈਗ ਕ੍ਲਾਉਡਾਂ ਲਿੰਕਸ ਦੀਆਂ ਸੂਚੀਆਂ ਹੁੰਦੀਆਂ ਹਨ, ਇਸ ਲਈ ਇਹ ਮਦਦ ਕਰਦਾ ਹੈ ਜੇ ਹਰੇਕ ਆਈਟਮ ਵਿੱਚ ਇਸ ਨਾਲ ਸੰਬੰਧਿਤ ਇੱਕ URL ਹੈ ਪਰ ਇਸਦੇ ਲਈ ਇੱਕ ਵਿਜ਼ੂਅਲ ਪਦਵੀ ਬਣਾਉਣ ਦੀ ਜ਼ਰੂਰਤ ਨਹੀਂ ਹੈ.

ਪ੍ਰਸਿੱਧ ਲਿੰਕਸ ਦਾ ਟੈਗ ਕਲਾਉਡ ਬਣਾਉਣ ਲਈ ਕਦਮ

ਮੇਰੀ ਸਾਈਟ ਦੇ ਉਹ ਲੇਖ ਹਨ ਜੋ ਹਰ ਰੋਜ਼ ਸਫ਼ਾ ਵਿਯੂਜ਼ ਪ੍ਰਾਪਤ ਕਰਦੇ ਹਨ, ਅਤੇ ਇਹ ਮੇਰੇ ਲਈ ਇੱਕ ਆਸਾਨ ਮੈਟ੍ਰਿਕ ਹੈ ਜੋ ਇੱਕ ਟੈਗ ਕਲਾਉਡ ਬਣਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ. ਇਸ ਉਦਾਹਰਨ ਲਈ, ਅਸੀਂ 1 ਜਨਵਰੀ, 2007 ਦੇ ਹਫ਼ਤੇ ਦੇ ਲਈ ਆਪਣੀ ਸਾਈਟ 'ਤੇ ਸੂਚੀ ਦੇ 25 ਮੁੱਖ ਲੇਖਾਂ ਤੋਂ ਇੱਕ ਟੈਗ ਕਲਾਗ ਬਣਾਵਾਂਗੇ.

1. ਪਤਾ ਕਰੋ ਕਿ ਤੁਹਾਡੇ ਪੜਾਅ ਵਿੱਚ ਤੁਹਾਨੂੰ ਕਿੰਨੇ ਪੱਧਰ ਚਾਹੀਦੇ ਹਨ
   1. ਹਾਲਾਂਕਿ ਤੁਹਾਡੇ ਕੋਲ ਤੁਹਾਡੀ ਸੂਚੀ ਵਿੱਚ ਆਈਟਮਾਂ ਹੋਣ ਦੇ ਨਾਲ ਤੁਹਾਡੇ ਕੋਲ ਬਹੁਤ ਸਾਰੇ ਪੱਧਰਾਂ ਹੋਣੇ ਸੰਭਵ ਹਨ, ਪਰੰਤੂ ਇਹ ਕੋਡ ਨੂੰ ਘਿਣਾਉਣਾ ਬਣਾਉਂਦਾ ਹੈ, ਅਤੇ ਅੰਤਰ ਬਹੁਤ ਘੱਟ ਹੋ ਸਕਦੇ ਹਨ ਮੈਂ ਤੁਹਾਡੇ ਪੜਾਅ-ਸ਼੍ਰੇਣੀ ਵਿੱਚ 10 ਤੋਂ ਵੱਧ ਪੱਧਰ ਦੀ ਹੋਣ ਦੀ ਸਿਫਾਰਸ਼ ਕਰਦਾ ਹਾਂ
2. ਹਰੇਕ ਪੱਧਰ ਲਈ ਕਟ ਆਫ ਪੁਆਇੰਟ ਤੇ ਫੈਸਲਾ ਕਰੋ.
   1. ਇਹ ਦਿਨ ਪ੍ਰਤੀ ਦਿਨ ਤੁਹਾਡੀ ਪੰਨੇ ਦੇ ਦ੍ਰਿਸ਼ ਨੂੰ 1/10 ਦੇ ਟੁਕੜੇ ਵਿਚ ਕੱਟਣ ਦੇ ਬਰਾਬਰ ਹੋ ਸਕਦਾ ਹੈ - ਭਾਵ. ਜੇ ਤੁਹਾਡੀ ਸਾਈਟ ਦਾ ਸਭ ਤੋਂ ਵੱਡਾ ਪੰਨਾ ਇੱਕ ਦਿਨ ਵਿੱਚ 100 ਪੰਨੇ ਵੇਖਦਾ ਹੈ, ਤਾਂ ਤੁਸੀਂ ਇਸ ਨੂੰ 100+, 90-100, 80-90, 70-80, ਆਦਿ ਦੇ ਰੂਪ ਵਿੱਚ ਕੱਟ ਸਕਦੇ ਹੋ. ਮੈਂ ਉਸ ਫੇਜ ਵਿੱਚ ਮੇਰੇ ਪੰਨਿਆਂ ਦੇ ਵਿਚਾਰਾਂ ਨੂੰ ਕੱਟਿਆ.
3. ਪੇਜ ਵਿਊ ਕ੍ਰਮ ਵਿੱਚ ਆਪਣੇ ਆਈਟਮਾਂ ਦੀ ਸੂਚੀ ਬਣਾਓ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਪਗ਼ 2 ਤੇ ਆਧਾਰਿਤ ਇੱਕ ਦਰਜਾ ਦਿਓ
   1. ਚਿੰਤਾ ਨਾ ਕਰੋ ਜੇ ਤੁਹਾਡੀ ਕੁਝ ਸਕੋਟਿਆਂ ਵਿਚ ਕੋਈ ਚੀਜ਼ ਨਹੀਂ ਹੈ, ਤਾਂ ਬਸ ਬੱਦਲ ਨੂੰ ਹੋਰ ਦਿਲਚਸਪ ਬਣਾਉਂਦਾ ਹੈ.
4. ਆਪਣੀ ਸੂਚੀ ਨੂੰ ਵਰਣਮਾਲਾ ਕ੍ਰਮ (ਜਾਂ ਜੋ ਵੀ ਦੂਜੀ ਕਿਸਮ ਤੁਸੀਂ ਵਰਤੋਂ ਕਰਨੀ ਚਾਹੁੰਦੇ ਹੋ) ਦੇ ਰੂਪ ਵਿੱਚ ਰਿਜ਼ੋਰਟ ਕਰੋ.
   1. ਇਹ ਉਹੀ ਹੈ ਜੋ ਬੱਦਲ ਨੂੰ ਰੋਚਕ ਬਣਾਉਂਦਾ ਹੈ. ਜੇ ਤੁਸੀਂ ਰੈਂਕ ਦੁਆਰਾ ਇਸ ਨੂੰ ਕ੍ਰਮਬੱਧ ਛੱਡ ਦਿੰਦੇ ਹੋ, ਤਾਂ ਇਹ ਕੇਵਲ ਸਿਖਰ 'ਤੇ ਸਭ ਤੋਂ ਛੋਟੀਆਂ ਚੀਜਾਂ ਦੇ ਨਾਲ ਇੱਕ ਸੂਚੀ ਹੋਵੇਗੀ ਜੋ ਤਲ' ਤੇ ਸਭ ਤੋਂ ਛੋਟੀ ਹੈ.
5. ਆਪਣਾ ਐਚ ਟੀ ਐੱਮ ਐੱਫ ਐੱਫ ਆਈ ਲਿਖੋ ਤਾਂ ਜੋ ਰੈਂਕ ਇੱਕ ਕਲਾਸ ਨੰਬਰ ਹੋਵੇ. class = "tag4"> ਸਟ੍ਰੀਮਿੰਗ ਆਡੀਓ ਫਾਇਲਾਂ ਸ਼ਾਮਿਲ ਕਰਨਾ

ਇੱਕ ਵਾਰ ਤੁਹਾਡੇ ਕੋਲ ਹਰੇਕ ਵਿਅਕਤੀਗਤ ਸੂਚੀ ਆਈਟਮ ਲਈ ਐਚਐਮਐਲ ਹੋਵੇ, ਅਤੇ ਉਹ ਕ੍ਰਮ ਜਿਸਨੂੰ ਤੁਸੀਂ ਪ੍ਰਦਰਸ਼ਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਫਿਰ ਤੁਹਾਨੂੰ ਫੈਸਲਾ ਕਰਨ ਦੀ ਲੋੜ ਹੈ. ਤੁਸੀਂ ਇੱਕ ਪ੍ਹੈਰੇ ਵਿੱਚ ਲਿੰਕਸ ਲਗਾ ਸਕਦੇ ਹੋ ਅਤੇ ਤੁਸੀਂ ਪੂਰਾ ਕਰੋਂਗੇ ਪਰ ਇਸ ਨੂੰ ਅਰਥਾਤ ਰੂਪ ਨਾਲ ਨਿਸ਼ਾਨ ਨਹੀਂ ਦਿੱਤਾ ਜਾ ਸਕਦਾ ਹੈ ਅਤੇ ਤੁਹਾਡੇ ਟੈਗ ਕਲਾਸ ਵਿੱਚ ਆਉਣ ਵਾਲੇ CSS ਵਾਲਾ ਕੋਈ ਵੀ ਵਿਅਕਤੀ ਲਿੰਕਸ ਦੀਆਂ ਇੱਕ ਵੱਡਾ ਪੈਰਾ ਦੇਖਣ ਨੂੰ ਮਿਲੇਗਾ. ਇਸ ਪ੍ਰਕਾਰ ਦੀ ਸੂਚੀ ਲਈ HTML ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਾਈ ਦੇਵੇਗਾ:

ਸਟ੍ਰੀਮਿੰਗ ਆਡੀਓ ਫਾਇਲਾਂ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨਾ ਵੈਬ ਸਾਈਟ ਲਈ ਬੇਸਿਕ ਟੈਗ ਬੈਸਟ ਵੈਬ ਡਿਜ਼ਾਈਨ ਸੌਫਟਵੇਅਰ ਪੂਰੀ ਗੁੰਮ ਲਈ ਇੱਕ ਵੈਬ ਪੇਜ ਬਣਾਉਣਾ ਰੰਗ ਸੰਕੇਤ

ਇਸਦੀ ਬਜਾਏ, ਮੈਂ ਤੁਹਾਨੂੰ ਇੱਕ ਅਨਰਧਾਰਿਤ ਸੂਚੀ ਵਰਤ ਕੇ ਆਪਣੇ ਟੈਗ ਕਲਾਗ ਨੂੰ ਬਣਾਉਣ ਦੀ ਸਿਫਾਰਸ਼ ਕਰਦਾ ਹਾਂ. ਇਹ ਐਚਟੀਐਮਐਲ ਅਤੇ ਸੀਐਸਐਸ ਕੋਡ ਦੀਆਂ ਕੁੱਝ ਹੋਰ ਲਾਈਨਾਂ ਹੈ ਪਰ ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਸਮੱਗਰੀ ਪੜ੍ਹਨਯੋਗ ਹੋਵੇਗੀ ਭਾਵੇਂ ਕੋਈ ਵੀ ਇਸ ਨੂੰ ਵੇਖਣ ਲਈ ਨਹੀਂ ਆਉਂਦਾ. HTML ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਾਈ ਦੇਵੇਗਾ:

• ਸਟ੍ਰੀਮਿੰਗ ਆਡੀਓ ਫਾਇਲਾਂ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨਾ
• ਵੈਬ ਸਾਈਟ ਲਈ ਬੇਸਿਕ ਟੈਗਸ
• ਵਧੀਆ ਵੈੱਬ ਡਿਜ਼ਾਈਨ ਸੌਫਟਵੇਅਰ
• ਪੂਰੀ ਤਰ੍ਹਾਂ ਗੁੰਮ ਹੋਣ ਲਈ ਇੱਕ ਵੈਬ ਪੰਨਾ ਬਣਾਉਣਾ
• ਰੰਗ ਸੰਕੇਤ

  ਪਰ ਟੈਗ ਕਲਾਉਡ ਲਈ ਸ਼ੈਲੀ ਕਿੱਥੇ ਹਨ

  ਹੁਣ ਅਸੀਂ ਮਜ਼ੇਦਾਰ ਹਿੱਸੇ ਵਿੱਚ ਜਾਵਾਂਗੇ - CSS ਸ਼ੈਲੀ. ਜਦੋਂ ਤੁਸੀਂ ਟੈਗ ਕਲਾਊਡ ਨੂੰ ਸ਼ੈਅ ਦਿੰਦੇ ਹੋ, ਤੁਸੀਂ ਆਮ ਤੌਰ 'ਤੇ ਫੌਂਟ ਸਾਈਜ਼ ਅਤੇ ਫੌਂਟ ਵਜ਼ਨ ਬਦਲਦੇ ਹੋ ਤੁਸੀਂ ਫੌਂਟ ਜਾਂ ਬੈਕਗ੍ਰਾਉਂਡ ਦਾ ਰੰਗ ਜਾਂ ਕੋਈ ਹੋਰ ਸਟਾਈਲ ਐਟਰੀਬਿਊਟ ਵੀ ਬਦਲ ਸਕਦੇ ਹੋ, ਪਰ ਆਕਾਰ ਅਤੇ ਭਾਰ ਰਵਾਇਤੀ ਹਨ.

  ਤੁਹਾਨੂੰ 10 ਸਟਾਈਲ ਕਲਾਸਾਂ ਦੀ ਜ਼ਰੂਰਤ ਹੈ, ਹਰੇਕ ਟੈਗ ਦਰਜਾ ਲਈ ਇੱਕ:

  # ਕਲੌਡ a.tag1 {ਫੌਂਟ-ਆਕਾਰ: 0.7ਮ; ਫੌਂਟ-ਭਾਰ: 100; } # ਕਲੌਡ a.tag2 {ਫੌਂਟ-ਸਾਈਜ਼: 0.8 ਐਮ; ਫੌਂਟ-ਭਾਰ: 200; } # ਕਲੌਡ a.tag3 {ਫੌਂਟ-ਸਾਈਜ਼: 0.9ਮ; ਫੌਂਟ-ਭਾਰ: 300; } # ਕਲਾਉਡ a.tag4 {ਫੌਂਟ-ਆਕਾਰ: 1.0 ਐਮ. ਫੋਂਟ-ਭਾਰ: 400; } # ਕਲਾਉਡ a.tag5 {ਫੌਂਟ-ਸਾਈਜ਼: 1.2 ਐਮ; ਫੌਂਟ-ਭਾਰ: 500; } # ਕਲਾਉਡ a.tag6 {ਫੌਂਟ-ਸਾਈਜ਼: 1.4 ਐਮ; ਫੋਂਟ-ਭਾਰ: 600; } # ਕਲੌਡ a.tag7 {ਫੌਂਟ-ਆਕਾਰ: 1.6ਮ; ਫੌਂਟ-ਭਾਰ: 700; } # ਕਲੌਡ a.tag8 {ਫੌਂਟ-ਸਾਈਜ਼: 1.8ਮ; ਫੌਂਟ-ਭਾਰ: 800; } # ਕਲੌਡ a.tag9 {ਫੌਂਟ-ਸਾਈਜ਼: 2.2 ਐਮ; ਫੋਂਟ-ਭਾਰ: 900; } # ਕਲੌਡ a.tag10 {ਫੌਂਟ-ਸਾਈਜ਼: 2.5 ਐਮ; ਫੋਂਟ-ਭਾਰ: 900; }

  ਮੈਨੂੰ ਕਲਾਉਡ ਦੇ ਆਲੇ ਦੁਆਲੇ ਕੁਝ ਸਟਾਈਲ ਸ਼ਾਿਮਲ ਕਰਨਾ ਪਸੰਦ ਹੈ: ਕਲਾਉਡ ਟੈਕਸਟ ਨੂੰ ਕੇਂਦਰਿਤ ਕਰੋ, ਇੱਕ ਲਾਈਨ-ਉਚਾਈ ਸੈਟ ਕਰੋ, ਤਾਂ ਕਿ ਬੱਦਲ ਪੜ੍ਹਨਯੋਗ ਹੋਵੇ ਅਤੇ ਇਹ ਨਿਸ਼ਚਤ ਕਰੋ ਕਿ ਲੰਗਰ ਟੈਗਸ ਉੱਤੇ ਕੋਈ ਪੈਡਿੰਗ ਨਹੀਂ ਹੈ:

  # ਕਲੌਡ {ਪੈਡਿੰਗ: 2 ਪੈਕਸ; ਲਾਈਨ-ਉਚਾਈ: 3ਮ; text-align: ਸੈਂਟਰ; } # ਕਲੌਡ {ਪਡਿੰਗ: 0 ਪੈਕਸ; }

  ਅੰਤ ਵਿੱਚ, ਜੇ ਤੁਸੀਂ ਸਿਮੈਨਿਕ ਸਟਾਈਲਿੰਗ ਵਿਧੀ (ਅਰਥਾਤ ਅਣ-ਸੂਚੀਬੱਧ ਸੂਚੀ) ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੇ ਹੋ, ਤੁਹਾਨੂੰ CSS ਦੀਆਂ ਦੋ ਹੋਰ ਲਾਈਨਾਂ ਨੂੰ ਜੋੜਨ ਦੀ ਜ਼ਰੂਰਤ ਹੈ ਤਾਂ ਜੋ ਸੂਚੀ ਵਿੱਚ ਬੁਲੇਟ ਨਾ ਹੋਣ ਅਤੇ ਇਹ ਸੰਨ੍ਹਿਤ ਨਾ ਹੋਵੇ:

  #cloud {ਹਾਸ਼ੀਆ: 0; } # ਕਲੌਡ li {ਡਿਸਪਲੇ: ਇਨਲਾਈਨ; }