Webasticno

CroPortal button je jako dobro imati na svojem siteu. Povećanjem klikova dobijate više posjetitelja (veći promet na stranici), a i reputacija vam raste. Pravi primjer za to su mnogi portali koji se promoviraju putem CroPortala, ali nemaju puno klikova jer nemaju button. Za to vrijeme neki blogovi (uključujući i moj) postaju sve popularniji.

Već je o postavljanju buttona bilo govora na drugim blogovima. Ja sam do sad naletio na onaj od Shtanziga i na post sa PC Experta (ukoliko je link mrtav, pogledajte ovdje). Imate i članke s CroPortal službenog bloga. No, razlog zbog kojeg ja pišem ovaj post su mali trikovi koje možete iskoristiti za efikasniji ili ljepši button, no  ne brinite se, napisat ću i ovaj ostali dio.

Postavljanje po servisima/blogovima

Wordpress

Wordpress su najčešće blogovi koji imaju vlastiti hosting (iako postoje i servisi za Wordpress).

Postoji plugin za Wordpress, evo linka. Plugin je dosta dobra stvar, no ukoliko koristite više buttona na jednoj stranici, može zaštekati. Zato se bacam na ručno kodiranje. Ovo je već nekoliko puta objašnjeno, ali neka, stavit ću code ovdje da ne morate sad tražiti okolo. Idemo prvo s ovim velikim debelim buttonom kakvog imam pokraj naslova posta.

• <script type=”text/javascript”>
• // <![CDATA[
• croportal_url = '<?php the_permalink() ?>';
• croportal_title = '<?php the_title() ?>';
• // ]]>
• </script>

Kratki kod izgleda ovako:

• <script type=”text/javascript” src=”http://www.croportal.net/assets/js/croportal.js”/> </script>

Kratke kodove nikad ne dodajite! Problem je u tome što će na index.php djelu ljudi glasati za vaš homepage, a ne za post. Također, kada netko stavi link na sredinu vašeg članka ili na komentare, javascript će očitavati adresu iz address bara i stvoriti posve novi button što može napraviti gnjavažu i za vas, i za vaše korisnike, a pogotovo za ekipicu s CroPortala koji će vas banati u sekundi.

Za ovaj se dio članka zahvaljujem PC Expertu koji je napisao predobar post na CroPortal forumu. Samo sam ispravio ovaj savjed za dodavanje kratkog koda jer može izazvati puno muke.

Blog.hr

• <script type=”text/javascript”>
• // <![CDATA[
• croportal_url = '<$LinkPosta$>';
• croportal_title = '<$NaslovPosta$>';
• // ]]>
• </script>

Taj kod bi trebao raditi. Fora je u tome da svaki servis ima svoj unutarnji kod za prepoznavanje permalinka i naziva posta. Samo te dvije stvari treba proučiti. Zahvalio bi se autoru tutor.blog.hr-a jer je pružio na uvid kod kojeg koriste na blog.hr-u. Sad bi ova šemica trebala raditi. Ukoliko ne bude, vičite!

Blogger.com

Ovo je svjetski poznati servis i puno naĹĄih blogera piĹĄe tamo, tako da bi trebalo i njima podjeliti savjete.

• <script type=”text/javascript”>
• // <![CDATA[
• croportal_url = '<data:posts.url/>';
• croportal_title = '<
  data:

  posts.title/>';

• // ]]>
• </script>

Bloger.hr

Bloger.hr je drugi najpopularniji servis za blogove u Hrvata, ali zbog debilnog sučelja, nisam bio u mogućnosti doći do koda koji služi za prepoznavanje permalinka i naziva teksta. Pokušao sam unjeti osnovni JavaScript kod unutar forme za dodavanje html koda, no to nije funkcioniralo. Čak sam pokušao i srediti div u CSS-u i nije uspjelo. Ali tko zna, možda će ekipica s ovog servisa osigurati direktnu implementaciju CroPortalovog submit buttona u skorašnje vrijeme, ali ne bi se htio kladiti na to.

Trikovi

Trikovi se dodavaju nakon odabira naziva i odabira linka.

• <script type=”text/javascript”>
• // <![CDATA[
• croportal_url = '<...>';
• croportal_title = '<
  ...

  >;

• OVDJE!
• // ]]>
• </script>

Oblik

MoĹžete izabrati dvije vrste ikona, horizontalne i vertikalne. Vertikalni su defaultni te se pojavljuju ako nema koda, no mogu se dodati i putem koda.

• croportal_skin = ‘vertical’;

Rezultat:

Horizontalni su drugačiji i dodavaju se putem ovoga koda:

• croportal_skin = ‘horizontal’;

Rezultat:

Kategorija

Ukoliko pišete redovito blogove s istom temom, dobro je skratiti vrijeme za onih 10 sekundi koliko je potrebno za odabir kategorije. Da se razumijemo, popis kategorija možete vidjeti prčkajući po navigaciji CroPortala. Možete se ograničiti na neku od osnovnih podjela te tako odabrati: sport, tehnologija, gospodarstvo, zanimljivosti. Možete odabrati i neku od sporednih kategorija, kao npr. blogosfera unutar zanimljivosti ili internet unutar tehnologije. Kao vrijednost pišete ime samo jedne kategorije! Primjer:

• croportal_category = ‘blogosfera’;

To što imate izabranu kategoriju ne znači da je ta kategorija mjesto gdje će završiti svi vaši članci. Vi i dalje pri prijavi linka možete izabrati neku drugu kategoriju. Evo popisa kategorija

• novosti
• hrvatska
• svijet
• iseljenistvo
• crna-kronika
• politika
• gospodarstvo
• tvrtke-i-trzista
• financije-i-burze
• poslovna-karijera
• sport
• nogomet
• kosarka
• tenis
• automoto-sport
• ostali-sportovi
• tehnologija
• internet
• hardver
• softver
• trendovi
• istrazivanja
• mobiteli
• foto-audio-video
• racunalne-igre
• podcast
• lifestyle
• moda_i_ljepota
• putovanja
• showbiz
• film-i-tv
• glazba
• kultura
• scena
• dogadjaji
• zanimljivosti
• video
• fotografije
• blogosfera
• ostalo

Boje

Boje su malo teža tema. Zašto? Zato što nisu standard, ne možete izabrati direktno jednu boju, morate izabrati skin za svoj button. Nisam baš puno takvih tema našao. Na žalost, našao sam samo jednu. No ukoliko nađete više, slobodno bacite u komentare. Onda, standard je plava za nepopularne i narančasta za popularne linkove. Ja sam našao zelene linkove. Kod je:

• croportal_skin = ‘tulumarka’;

Rezultat:

Ukoliko već imate cropotal_skin dodatak za odabir horizontalnog ili vertikalnog sučelja, maknite ga! Usput, “tulumarka” skin radi samo na horizontalnim sučeljima.

I joĹĄ par stvari…

Ukoliko želite imati opis koji će biti standard, koristite ovaj kod:

• croportal_abstract = ‘tekst ide ovdje‘;

Ukoliko želite da klik na sučelje otvara stranicu u novom prozoru, stavite ovaj kod:

• croportal_target = ‘new’;

To bi bilo sve, ukoliko naletite na neku grešku, javite, za sve ostalo, tu je RSS feed kojim možete pratiti što se događa na ovom blogu.

Povezani postovi

• Optimizacija za AdSense, eTarget i slične PPC programe
• Ĺ to nam donosi CSS3?
• 8 propusta poznatih domaćih web siteova
• Primjenite ‘Purple Cow’ koncept na vaĹĄ web site
• Kako napraviti dobar portfolio!?
• Twitter je novi Facebook!?
• TED 2009/1
• Proces stvaranja korak po korak (za bolju produktivnost)
• 10 brzih i besplatnih trikova za promoviranje svojeg sitea
• 6 malih trikova za bolji dizajn