Minimalni skelet za Blogger šablon

Minimalni skelet za Blogger šablon
Minimalni skelet za Blogger šablon

Početnici u programiranju Blogger šablona se često pitaju koja je to minimalna količina programskog koda potrebna da se počne sa kreiranjem sopstvenog izgleda bloga. Kada otvore Blogger editor često bivaju zatečeni sa onim što tamo vide, jer im to unosi dodatnu konfuziju.
Da bi stvari bile jasnije, početnici treba da znaju koji je minimalni kod koji je potreban za bilo koju Blogger temu. Ukoliko uklonite sav programski kod iz Bloggerovog editora, videćete da Vam nije dozvoljeno da sačuvate prazan dokument.
Minimum koda koji taj dokument mora da sadrži je sledeći:
<!DOCTYPE html> <html> <head> <b:skin /> </head> <body> <b:section id="content" /> </body> </html>
Obratite pažnju da je struktura Bloggerovog dokumenta gotovo identična strukturi bilo kojeg HTML dokumenta. Čak je u njega ubačen i DOCTYPE kako bi blog bio kompatibilan sa HTML 5 standardom.
Kada unesete ovaj kod i sačuvate, izađite iz editora. Videćete da Vam blog ne prikazuje ništa! Ovo je zato što je ovo samo skelet na koji možete da lepite svoje ideje. Međutim, ukoliko opet uđete u Bloggerov editor, videćete da je u Vaš kod dodato još nešto:
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <b:skin> <![CDATA[]]> </b:skin> </head> <body> <b:section id='content'/> </body> </html>
Blogger ovo dodaje jer smatra da ste to zaboravili, a to je potrebno da bi šablon bio ispravno interpretiran i kompatibilan sa njihovom tehnologijom.
Budući da ovaj minimalni skelet Bloggerovog koda ne prikazuje pravu prirodu kodiranja šablona, postoji još jedan, malo komplikovaniji minimalni skelet koda od kojeg možete početi (preuzet odavde):
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html> <head> <title> <data:blog.pageTitle/> </title> <b:skin> <![CDATA[]]> </b:skin> </head> <body> <b:section id='blog'> <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'> <b:includable id='nextprev'> <b:if cond='data:olderPageUrl'> <a expr:href='data:olderPageUrl'> <data:olderPageTitle/> </a> </b:if> <b:if cond='data:blog.pageType != &quot;index&quot;'> <a href='/'>Home</a> </b:if> <b:if cond='data:newerPageUrl'> <a expr:href='data:newerPageUrl'> <data:newerPageTitle/> </a> </b:if> </b:includable> <b:includable id='shareButtons'/> <b:includable id='backlinks'/> <b:includable id='post' var='post'> <a expr:href='data:post.url'> <data:post.title/> </a> <data:post.dateHeader/> <b:include data='post' name='labels'/> <data:post.body/> </b:includable> <b:includable id='status-message'/> <b:includable id='comment-form'/> <b:includable id='labels' var='post'> <b:if cond='data:post.labels'> Labels: <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'> <data:label.name/> </a> <b:if cond='data:label.isLast != &quot;true&quot;'>, </b:if> </b:loop> </b:if> </b:includable> <b:includable id='backlinkDeleteIcon'/> <b:includable id='mobile-nextprev'/> <b:includable id='postQuickEdit'/> <b:includable id='main' var='post'> <b:include name='Postings'/> <b:include name='nextprev'/> </b:includable> <b:includable id='commentDeleteIcon'/> <b:includable id='feedLinks'/> <b:includable id='mobile-index-post'/> <b:includable id='feedLinksBody'/> <b:includable id='comments' var='post'/> <b:includable id='Postings'> <b:loop values='data:posts' var='post'> <b:include data='post' name='post'/> </b:loop> </b:includable> </b:widget> </b:section> </body> </html>
U ovom kodu već možete videti neke Bloggerove funkcionalnosti koje Vas mogu voditi dalje u kreiranju šablona.
Srećno kodiranje!

Коментари

Popularno ove nedelje