Youtube kanālu grupēšanas saraksta veidošana

Youtube ir nozīmīgs informācijas avots. Kādreiz bija iespēja, bet taču tagadējā versijā nav iespējams sagrupēt abonētos kanālus. Juku jukām izvietojas kanāli par mūziku, Ameriku, politiku, kaķiem un ēdieniem. Blogger rakstu savā blogā ir iespēja izmantot par youtube kanālu sagrupēšanas lapu. Lai nokļūtu vajadzīgajā kanālā var iet caur sava bloga lapu. Uzdevums ir diezgan sarežģīts. It sevišķi, ja ir vēlēšanās sakārtot 200 abonētos kanālus. Kas ir vajadzīgs, lai to paveiktu?


Vispirms ir vajadzīgs šablons HTML formātā, kuru iekopēt savā bloga lapaspusē. Es izveidoju šablonu, kurš sastāv no daudzām mazām kvadrāta veida fotogrāfijām. Tās izvietojas rindās. Informācijai neizmantoju uzrakstus, lai nepārblīvētu lapaspusi. Ir iespēja izvēlēties kvadrāta fotogrāfiju lielumu, to skaitu vienā rindā. Es izvēlējos lielumu 40x40 ptx, 10 fotogrāfijas rindā. Šablonā ir šādas daļas:

1. <div>Kanālu saraksta nosaukums</div>
2. <table> sākumā, </table> beigās, jo kanālu saraksts ir veidots kā tabula
3. <tbody><tr> rindas sākumā, </tr></tbody> rindas beigās, <tr> nozīmē tabulas rūtis rindā
4. <td valign="left"> pirms viena kanāla kvadrātiņa, </td> aiz kanāla kvadrātiņa
5. Iekopē šablonu vajadzīgajā daudzumā, cik būs kanālu sarakstu
6. Kanāla sarakstam var pievienot vēl rindas, kādas rindas izdzēst. Lai to paveiktu, iekopē vai izgriež koda daļu, kas sākas ar <tbody> un beidzas ar </tbody>
7. Ja kanālam ir par daudz kvadrāta elementu, liekos izdzēš, sākot no <td valign="left">, beidzot ar </td>. Ja pietrūkst šablona elementu, kur iekopēt jaunus kanālus, piekopē klāt vajadzīgo skaitu šablona elementu. <td valign="left"> ir vertical alignment, tas ir izvēlēts, lai elementi kārtotos no kreisās puses precīzā vertikālā stabiņā.

8. margin-bottom: 10px; margin-right: 10px; Ar šiem rādītājiem ir iespēja regulēt platumu tukšajām apmalēm starp kvadrātiņiem

9. Lai sagrupētu vajadzīgos kanālus, šablonā esošo https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q aizvietoju ar vajadzīgā kanāla saiti. Par saiti var izmantot arī saiti uz kanāla videoklipu sarakstu.
10. Uzklikšķinu uz vajadzīgā youtube kanāla ikonas, izvēlos "Saglabāt attēla saiti". Šo saiti iekopēju šablonā esošās https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg vietā.

<div>Japanese music</div>
<table>
<tbody><tr>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
  </tr></tbody>
<tbody><tr>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
  </tr></tbody>
<tbody><tr>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
<td valign="left"><div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/channel/UCBDe4jae-BgU5wsW-Rql67Q" style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img border="0" data-original-height="40" data-original-width="40" height="40" src="https://yt3.ggpht.com/-AQUDuxyTUgQ/AAAAAAAAAAI/AAAAAAAAAAA/zA8gEOwniok/s46-c-k-no-mo-rj-c0xffffff/photo.jpg" width="40" /></a></div>
</td>
  </tr></tbody>
</table>

Japanese music