Zaradni.pl

Jak dodać listę losowych wpisów w blogger / blogspot?

Prywatnie uważam, że blog na platformie blogger / blogspot, to obecnie najlepsze z darmowych rozwiązań. Sam zresztą go używam. Warto więc ułatwić czytelnikom poruszanie się po naszej stronie, między innymi przez ten gadżet.

  • data: 2010-07-11
  • Wasza ocena (3) 3
    • 3.675
  • Komentuj (2)
krok 1

Zakładam, że posiadasz już jakiegoś bloga w bloggerze. Po zalogowaniu się do panelu administracyjnego wchodzimy w zakładkę "projekt":

krok 2

Powinno pojawić się takie okno jak na zdjęciu obok. Klikamy "dodaj gadżet"

krok 3

Wyskoczy okno, w którym należy wybrać, jakiego typu ma to być gadżet. Nas interesuje "HTML / JavaScript"

krok 4

Wyskoczy okno edycji gadżetu, które najpierw należy zatytułować. Ja moje nazwałem "Losowy wpis", ale myślę, że "Losowy post" lub podobne także poinformują odpowiednio czytelnika, co to za linki mu się wyświetliły.

krok 5

Dalej, w polu edycji pod tytułem należy wkleić dokładnie ten kod:


var randarray = new Array();var l=0;var flag;
var numofpost=6;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "" + "" + entry.title.$t + " ";
document.write(item);}}
}document.write('');}



Po czym klikamy zapisz i gotowe.

krok 6

Efekt końcowy prezentuje się tak (dla pełnej konspiracji zamazałem tytuły wpisów ;P ):

Lista potrzebnych rzeczy:

  • Komputer z podłączeniem do sieci
  • Blog w domenie blogspot

Uwagi i ostrzeżenia:

  • To na prawdę jest proste, a może nieźle podkręcić Ci ruch na stronie.

Wasze komentarze (2)

  • Astarot

Jeszcze jedna uwaga - nie zauważyłem, że w kodzie się trochę potraciło rzeczy, powinno być jeszcze coś takiego PRZED kodem:

<script type="text/javascript">

a ZA kodem coś takiego:

</script>

<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

Niestety nie mogę już edytować, więc dopisuję tutaj.

  • olli

Wkleiłam ten kod i nie działa on losowo...nie wiem czy coś źle zrobiłam?Wyskoczyło kilka tytułów postów i tyle...

Może poradzisz mi jak wpisać kod by po kliknięciu na gaget ,wyskoczył post (w różnej kolejności ,za każdorazowym kliknięciem)..a nie tytuł..

W tym kodzie pojawiło sie kilka tytułów i nic się więcej nie dzieje.Jeśli możesz odpisz...najlepiej na meila by.olliart@gmail.com

Dodaj swój komentarz:

Autor porady

Astarot

Żyję, jem, śpię i takie tam.

23 pkt. adept


Podobne porady

  1. Konkursy
  2. Program udziału w zyskach
  3. Zasady publikacji treści

  4. O serwisie
  5. Polityka prywatności
  6. Regulamin
  7. Unia Europejska
  8. Reklama
  9. Kontakt