Jak dodać widget "Ostatnie posty" do bloga na Blogger?
Dzisiaj kolejny interesujący dodatek do blogów na Bloggerze. Aktualnie wiecie już jak zrobić chmurę tagów jak Wordpressie, upiększyć posta poprzez dodanie inicjału na początku wpisu, dodać reklamy AdSense do wpisów w wybranym przez siebie miejscu i jak ukryć pasek nawigacyjny. Dzisiaj chcę pokazać jak zrobić bardzo fajny widget "ostatnie posty" wraz z miniaturami.
Dzisiaj kolejny interesujący dodatek do blogów na Bloggerze. Aktualnie wiecie już jak zrobić chmurę tagów jak Wordpressie, upiększyć posta poprzez dodanie inicjału na początku wpisu, dodać reklamy AdSense do wpisów w wybranym przez siebie miejscu i jak ukryć pasek nawigacyjny. Dzisiaj chcę pokazać jak zrobić bardzo fajny widget "ostatnie posty" wraz z miniaturami.
Tutaj na szczęście nie będziemy musieli wchodzić w edycję kodu.
- Wejdź w Panel Nawigacyjny > Układ > Elementy strony
- Kliknij Dodaj gadżet.
- Wybierz HTML/JavaScript i w pustym polu wklej poniższy kod:
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://twojadresbloga.blogspot.com/";
</script><script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
- Zanim dodasz gadżet dostosuj go tak aby pasował do twojego bloga.
*boxwidth = 298; [określa szerokość widgetu; dopasuj go do szerokości swojej kolumny]
*cellspacing = 8; [odstępy od pozycji (tytułu posta i miniatury)]
*borderColor = "#ffffff"; [jeśli chcesz aby widget miał kolorową ramkę w okół siebie, zmień kolor z białego na inny, na blogach gdzie w miejscu, w którym będziesz trzymał widget jest miałe tło najlepiej będzie zostawić wartość niezmienioną]
*thumbwidth = 40; [szerokość miniatury]
thumbheight = 40; [wysokość miniatury]
*fntsize = 12; [rozmiar czcionki]
*acolor = "#666"; [kolor tytułu]
*aBold = true; [wpisz 'false' jeśli nie chcesz aby tutł posta był wytłuszczony]
*home_page = "http://twojadresbloga.blogspot.com/"; [tutaj oczywiście wprowadasz adres swojego bloga wraz z / na końcu]
- Kiedy już zakończysz modyfikacje kliknij Zapisz.
Zaleca się umieszczenie pliku *http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js *na własnym hostingu.
Widget powinien wyglądać mniej więcej tak jak na poniższym obrazku, lecz u mnie nie wyświetlał ilości komentarzy pod tytułem więc musiałem edytować plik recentposts_thumbnail.js. Jeśli też masz taki problem to możesz pobrać mój zmodyfikowany plik stąd.
Źródło: BloggerTricks