Proste Ostatnie posty Widget dla Blogger / Blogspot

Główną zaletą tego widgetu Najnowsze wpisy to, że będzie to pokazywać nie tylko dodane tytuły, ale również zamieści fragmenty lub części fragmentów posta, łatwo dostosować lub zastosować inny styl na nim. Aby zmieścić swój własny projekt, trzeba będzie zmienić styl CSS - można zmienić łącza lub tła, rozmiar i kolor tekstu / linków. Co można zrobić w teym widgecie: - tytuły wyświetlania - zmienić liczbę znaków w urywku fragmentu. Zobacz zrzut ekranu poniżej:

Jak dodać widget Najnowsze posty w Bloggerze

Krok 1. Zaloguj się na pulpicie nawigacyjnym Bloggera> przejdź do "układ" i kliknij "Dodaj gadżet"

Krok 2. W oknie pop-up, przewiń w dół i wybierz HTML / JavaScript

Krok 3. Wybierz i skopiuj kod z jednej z poniższych opcji i wklej go w nowym oknie HTML / JavaScript:

opcja 1:

<div id="hlrpsa">
<script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://URL-BLOGA.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts">
</script></div><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://helplogger.blogspot.com/2012/04/simple-related-posts-widget-for-blogger.html" rel="nofollow" >Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#hlrpsa a {color: #0B3861; font-size: 13px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { color: #999999; font-size: 11px; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style>

Opcja 2: Najnowsze wpisy widget Pokazuje tylko w tytułach post

<div id="hlrpsb">
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://http://URL-BLOGA.com.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://helplogger.blogspot.com/2012/04/simple-related-posts-widget-for-blogger.html" rel="nofollow" >Recent Posts Widget</a>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #0B3861; font-size: 13px;}
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>

Krok 4. Dostosuj go:

- Zmienić 5 (opcja 1) i 10 (opcja 2) na liczbę postów do wyświetlenia.
- Zmień false na true jeśli chcesz aby pojawiły się daty wpisów
- Zmień 100 (opcja 1), aby wyświetlić ilość znaków we fragmencie.
- Aby zmienić kolor i rozmiar czcionki, zmodyfikuj wartości w kolorze niebieskim (linki) i fioletowy (font-size) dla rozmiaru czcionki
- Aby zmienić styl postu,, zmień wartości zieloną (kolor) i pomarańczową (rozmiar czcionki) - Zamień tekst http://URL-BLOGA.com na adres Twojego bloga

Blogger Skrypt

Kyani

Translate