Post za Sasu - kako umetnuti player i banere na blog

Autor bealiever | 10 Okt, 2008

    Po povratku kući, jedna od prvih stvari koju sam učinila je da pročitam koji post na blogu i proverim svoj poslednji. Tako naiđoh na molbu za pomoć od našeg blog kolege Saše.

    Sasa, evo, pokušaću da ti pomognem,ako ovo ikako bude od koristi.

    Prvo što treba da uradiš, ako do sada nisi,  je da skupiš hrabrosti da istražuješ :). Ako želiš da ti se player lista pokazuje kao meni, evo šta ti je činiti (biću detaljna što više mogu, kako bih pomogla i drugim mogućim početnicima na blogu):

    Uđi u svoj administrativni deo bloga, isto kao kada hoćeš da pišeš članak. Zatim uđi na KONTROLNI CENTAR. Pored ostalih mogućnosti biće ti ponuđena i solucija BLOG TEME. 

    Kako su teme različite po strukturi, a ja nisam u mogućnosti da poznajem svaku, prikazaću ti na primeru teme koju ja koristim. 

    NAPOMENA: Pre nego što išta promeniš u okviru svoje teme, kopiraj je! Zašto? Upravo zbog slučajnih grešaka koje te mogu koštati gubljenja svega što si do sada odradio na blogu. Sve što budeš radio, radi u kopiji teme koju ujedno možeš preimenovati po svom nahođenju, na primer, daj joj ime svog nicka. 

    Dakle, kada uđeš u administrativni deo, ideš na kontrolni centar, pa blog teme, zatim na uređivač teme bloga. Odabereš svoju temu (klikom na nju), kopiraš je, preimenuješ (ako želiš) i uđeš u nju.  

    Sada, kod mene, tj. u mojoj temi postoji opcija panel.template, koja bi trebalo da ima i kod tebe. Otvori je. Jezik kojim se piše u ovom delu je HTML. Nemoj se plašiti i biti zbunjen, mada se svima koji su prvi put ovde, upravo to dešava i brzo odustanu od daljeg pretraživanja. Evo, kako ta stranica izgleda kod mene.

    <div id="sidebar">
    <ul>

    <!--
    <li><h2>{$locale->tr("about")}</h2>
    Here is a section you can use to briefly talk about yourself or your site. Uncomment and delete this line to use.
    <p>Your description here.</p>
    </li>
    -->
    <li>
    <form method="post" action="{$url->getIndexUrl()}">
    <div>
    <input type="text" name="searchTerms" size="13" value="" />
    <input type="hidden" name="op" value="Search" />
    <input type="hidden" name="blogId" value="{$blog->getId()}" />
    <input type="submit" name="Search"
    value="{$locale->tr("search")}" />
    </div>
    </form>
    </li>
    <li><h2>{$locale->tr("recently")}</h2>
    <ul>
    {foreach from=$recentposts item=post}
    <li><a title="{$post->getText()|truncate:15:"..."|escape}"
    href="{$url->postLink($post)}">{$post->getTopic()}</a></li>
    {/foreach}
    </ul>
    </li>
    <li><h2>{$locale->tr("categories")}</h2>
    <ul>
    {foreach from=$articlecategories item=articleCategory}
    <li><a href="{$url->categoryLink($articleCategory)}">
    {$articleCategory->getName()}</a>
    [{$articleCategory->getNumArticles()}]
    (<a class="nodecoration"
    href="{$url->categoryRssLink($articleCategory)}">rss</a>)</li>
    {/foreach}
    </ul>
    </li>
    <li><h2>{$locale->tr("archives")}</h2>
    <ul>
    {foreach from=$archives item=archivelink}
    <li><a href="{$archivelink->getUrl()}">{$archivelink->getName()}</a>
    [{$archivelink->getNumArticles()}]</li>
    {/foreach}
    </ul>
    </li>
    <li><h2>{$locale->tr("links")}</h2>
    {foreach name=linkcategories from=$mylinkscategories item=linkcategory}
    {if $linkcategory->getNumLinks()>0}
    {if $smarty.foreach.linkcategories.first}<ul>{/if}
    <li>
    <b>{$linkcategory->getName()}</b>
    {foreach name=linkcategorylinks from=$linkcategory->getLinks() item=link}
    {if $smarty.foreach.linkcategorylinks.first}<ul>{/if}
    <li><a href="{$link->getUrl()}"
    title="{$link->getDescription()}">{$link->getName()}</a></li>
    {if $smarty.foreach.linkcategorylinks.last}</ul>{/if}
    {/foreach}
    </li>
    {if $smarty.foreach.linkcategories.last}</ul>{/if}
    {/if}
    {/foreach}
    </li>
    <center>
    <a href="http://hyperblogger.blog.rs/" target="_blank">
    <img src="http://img166.imageshack.us/img166/6251/hiperbloggerme7.gif">
    </a>
    <a href="http://iluzija.blog.rs/" target="_blank">
    <img src="http://img46.imageshack.us/img46/3913/iluzijagx8.jpg">
    </a>
    <a href="http://krilaandjela.blog.rs/" target="_blank">
    <img src="http://img412.imageshack.us/img412/6227/krilaandjelajt8.gif">
    </a>
    <a href="http://tekstopisac.blog.rs/" target="_blank">
    <img src="http://img50.imageshack.us/img50/1597/tekstopisacua5.gif">
    </a>
    <a href="http://oltajmer.bloger.hr/" target="_blank">
    <img src="http://img50.imageshack.us/img50/2999/oltajmerml2.gif">
    </a>
    <a href="http://tuzna.blog.rs/" target="_blank">
    <img src="http://img406.imageshack.us/img406/313/teddybearvo4.png">
    </a>
    <a href="http://domacica.blog.rs" target="_blank">
    <img src="http://img384.imageshack.us/img384/1523/40x40bv3.jpg">
    </a>
    <a href="http://phedredelaunay.blog.rs/blog/phedredelaunay" target="_blank">
    <img src="http://img265.imageshack.us/img265/8206/20070721ymidflowerak8.jpg">
    </a>
    <a href="http://pinokio.blog.rs/" target="_blank">
    <img src="http://img501.imageshack.us/img501/4829/pinocchiosmallja7.gif">
    </a>
    <a href="http://baladasevic.blog.rs/" target="_blank">
    <img src="http://img392.imageshack.us/img392/3479/dogdressdogharnessdogcllg8.jpg">
    </a>
    <a href="http://stepskivuk.blog.rs/" target="_blank">
    <img src="http://img376.imageshack.us/img376/570/avatarlw5.jpg">

    </a>
    <a href="http://glumac.blog.rs/" target="_blank">
    <img src="http://img152.imageshack.us/img152/9867/freestuffsoundsactorva2.gif">
    </a>
    <a href="http://vladica.blog.rs/" target="_blank">
    <img src="http://img73.imageshack.us/img73/9520/vladicablogcoyukq1.jpg">
    </a>
    <a href="http://zaboravi.blog.rs/blog/zaboravi" target="_blank">
    <img src="http://img400.imageshack.us/img400/7756/gocace5.gif">
    </a>
    <a href="http://biljana.blog.rs/" target="_blank">
    <img src="http://img400.imageshack.us/img400/4291/butterflyat9.gif">
    </a>
    <a href="http://dmc.blog.rs/" target="_blank">
    <img src="http://img527.imageshack.us/img527/3787/dmcmc3.jpg">
    </a>
    <a href="http://alapaca.blog.rs/" target="_blank">
    <img src="http://img223.imageshack.us/img223/7660/wecagr1.gif">
    </a>
    </center>
    <embed src="http://assets.myflashfetish.com/swf/mp3/myflashfetish-mp3-player.swf" quality="high" wmode="transparent" flashvars="myid=10431259&path=2008/06/22&mycolor=0E14C4&mycolor2=0033FF&mycolor3=113FF5&autoplay=true&rand=1&f=4&vol=100&pat=10" width="218" height="155" name="myflashfetish" align="middle"type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" />
    <li><h2>{$locale->tr("menu")}</h2>
    <ul>
    <li><a href="{$url->templatePage("about")}">{$locale->tr("about")}</a></li>
    <li><a href="{$url->albumLink()}">{$locale->tr("albums")}</a></li>
    <li><a title="Link to the RSS 0.90 feed."
    href="{$url->rssLink("rss090")}">RSS 0.90</a></li>
    <li><a title="Link to the RSS 1.0 feed."
    href="{$url->rssLink("rss10")}">RSS 1.0</a></li>
    <li><a title="Link to the RSS 2.0 feed."
    href="{$url->rssLink("rss20")}">RSS 2.0</a></li>
    <li><a title="Link to the Atom 0.3 feed."
    href="{$url->rssLink("atom")}">Atom 0.3</a></li>
    </ul>
    </li>
    </ul>
    </div>

     

    S"tim da se ovde ne vide brojevi redova sa strane. Primetićeš da se ovde postavljaju i linkovi za omiljene blogove, i stalne sličice koje se nalaze sa strane (pored tekstova) na postovima. Deo sa narandzastom pozadinom je link za player. Preporučujem ti da držiš dva win prozora uporedo otvorena i da upoređuješ dok radiš. Tako ćeš najbolje savladati rad u html u. 

    Ako želiš da ubaciš i neki link za neku drugu stanicu na netu, učini to ovako:

    U corelu napravi sličicu (ili je jednostavno posudi sa nekog drugog mesta) za baner i exportuj je (na primer na desktop) kao bmp ili još bolje jpeg u veličini 126x38 pix. Istu tu sličicu uvezi preko nekog od mnogobrojnih programa na netu za uploading sličica. Ja lično koristim imageshack (www.imageshack.us). Odatle uzmi (kopiraj) direktan kod sličice ovde. Pored sličice u html je potrebno da uneseš i adresu na koju će nas kasnije klik na baner (sličicu na blogu) odvesti. Kako treba da izgleda? Gore imaš više primera, a jedan je na plavoj pozadini. Primetićeš da svaki od tih redova počinje sa <a href=   a završava sa </a> u novom redu. To je ulaz i izlaz, da ga tako nazovem.

     

    Nadam se da sam koliko toliko pomogla :)

     

     



4 Komentari & 0 Trekbekovi od "Post za Sasu - kako umetnuti player i banere na blog"

    Wow, hvala ti sto si to ucinila, srce si. Pravo da ti kazem nisam se tome nadao. Najbolja si. POZZZ

    THX

    Autor sasa 10 Okt 2008, 11:46

    Sasa,
    nema na čemu! Uvek spremna da pomognem ako mogu :)

    Autor bealiever 10 Okt 2008, 12:17

    Свака част

    Autor krilaandjela 11 Okt 2008, 00:11

    Krilaanđela,
    hvala druže :)

    Autor bealiever 11 Okt 2008, 11:17
Dodaj komentar





Zapamti me