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
