Tillägga Sidtalet ( med Första och Sist Sida) Navigationen Länk för Blogger (Blogspot) med Anordning Element och Manuell Hacka

Blogger fri blog utgivaren plattform använda en söt inlemmat navigationen dragen så pass bara uppvisning “ gammalt Post” eller “ nye Post” länk till låta läsarna navigera och beta till annan siden på homepage ( index), arkivet, kategorien och etikett siden. Tycka illa om WordPress blog så pass stöttar plugg till sed den sida navigationen länk till nummrerat siden katalogiseringen till göra den mer förbrukaren vänlig, Blogger, huruvida hospits på blogspot.com eller sed domän hade inte sådan böjligheten.

Hur ... än, dess’ stilla möjlig till ändra och sätta tillbaka den typisk klassisk “ gammalt Post” och “ nye Post” navigationen länk på Blogger blog till nummrerat siden navigationen, så belyst i siffra nedan vid användande en CSS och JavaScript hacka skrev vid Mohairen Rias.

Så vist i bild över, en navigationen länk består av sida antalen, första sida, sist sida, nästa sida och föregående sida ( när användbar) är uppvisning på Blogger blog i stället för den vanlig “ gammalt Artikeln” och “ nye Artikeln” text golfbanan.

Till tillägga den “ ny” navigationen länk med sidtalet till Blogger blog, enkelt tillägga i en ny Sida Element Anordning inne om Blogger. Till gör så, följa efter det leda nedan:

1. Logik tillBlogger redovisa Dashboard.
2. Klick på det Layout länk för den blog så pass du vilja till modifiera ( om din’ betraktande den blog och förde in i loggboken i till Blogger eller Google Redovisa, rättvis klick på Sed på det Nästa Blog redskap.
3. Gå till Sida Element tab ( vid försummelsen).
4. Klick på Tillägga en Anordning någonstans inne om layout.
5. Inne om Tillägga en Anordning fönster, välja HTML/JavaScript.
6. Tillägga den följande koden in i Belåtenhet text fält. Titel fält kanna bli förlåt ren, eller rättvis skriva på maskin ifall något beskrivning sådan som “ sida Navigationen” till skilja den från vila av widgets.
   

   <titulera>
   .showpageArea {
   polstrat 0 2pxmargin;-top10pxmargin:;-bottom10px:;
   }

   .showpageArea en{
   kant 1px fast #505050;
   cologne #000000font;-weightnormal:;
   polstrat 3px 6px !viktig;
   polstrat 1px 4px ;marginal: 4px;
   text-decoration: ingen;
   }

   .showpageArea ahover: {
   dopfunten-size11px:;
   kant 1px fast #333;
   cologne #000000;
   background-color: #FFFFFF;
   }

   .showpageNum en{
   kant 1px fast #505050;
   cologne #000000font;-weightnormal:;
   polstrat 3px 6px !viktig;
   polstrat 1px 4px ;marginal: 4px;
   text-decoration: ingen;
   }

   .showpageNum ahover: {
   dopfunten-size11px:;
   kant 1px fast #333;
   cologne #000000;
   background-color: #FFFFFF;

   }
   .showpagePoint {
   dopfunten-size11px:;
   polstrat 2px 4px 2px 4px;
   marginal 2px;
   font-weight: djärv;
   kant 1px fast #333;
   cologne #fff;
   background-color: #000000;
   }

   .showpage ahover: {
   dopfunten-size11px:;
   kant 1px fast #333;
   cologne #000000;
   background-color: #FFFFFF;
   }

   .showpageNum alink,.showpage: alink: {
   dopfunten-size11px:;
   polstrat 2px 4px 2px 4px;
   marginal 2px;
   text-decoration: ingen;
   kant 1px fast #0066cc;
   cologne #0066cc;
   background-color: #FFFFFF;}

   .showpageNum ahover: {
   dopfunten-size11px:;
   kant 1px fast #333;
   cologne #000000;
   background-color: #FFFFFF;
   }
   </titulera>

   <skriften typetext=”/javascript”>

   funktion showpageCountjson() {
   var den här = location.href;
   var htmlMap = ny Uppställa();
   var isFirstPage = thisUrl.substringthisUrl.length(-14,thisUrl.length.blogspot.com)==”/”;
   var isLablePage = thisUrl.indexOf(”/ söka/ etikett/”)!=-1;
   var isPage = thisUrl.indexOf(”/ söka?uppdaterat=-1;
   var thisLable = isLablePage ? thisUrl.substrthisUrl.indexOf((”/söka/ etikett/”)+14,thisUrl.length) : “”;
   thisLable = thisLable.indexOf(”?”)!=-1 ? thisLable.substr(0,thisLable.indexOf(”?”)) : thisLable;
   var den här = 1;
   var postNum1=;
   var itemCount = 0;
   var fFlag = 0;
   var eFlag = 0;
   var html= ”;
   var upPageHtml =”;
   var downPageHtml =”;

   var pageCount5=;
   var displayPageNum3=;
   var firstPageWord = ‘ första’;
   var endPageWord = ‘ sist’;
   var upPageWord =’ föregående’;
   var downPageWord =’ nästa’;

   var labelHtml = ‘< spännvidd classshowpageNuma=””>< href=”/ söka/ etikett/’+thisLable+’?&max-resultspageCount=’++’”>’;

   forvar( i0=, post; post = json.feed.entryi[]; jag++){
   var timestamp = post.published.t.substr0,10$();
   var titel = post.title.t$;
   ifisLablePage(){
   if(title!=”){
   ifpost.category(){
   forvar( c0=, post_category; post_category = post.categoryc[]; c++) {
   ifencodeURIComponentpost_category.termthisLable(()==){
   ifitemCount0(== || (itemCount % pageCount ==(pageCount-1))){
   if(thisUrl.indexOf(timestamp)!=-1 ){
   den här = post;
   }

   post++;
   htmlMaphtmlMap.length[] = ‘/söka/ etikett/’+thisLable+’?uppdaterat-maxtimestampT003A003A002B083A00max=’++’%%%%&-resultspageCount=’+;
   }
   }
   }
   }/slut ifpost.category(){

   itemCount++;
   }

   }annars{
   if(title!=”){
   ifitemCount0(== || (itemCount % pageCount ==(pageCount-1))){
   if(thisUrl.indexOf(timestamp)!=-1 ){
   den här = post;
   }

   if(title!=”) post++;
   htmlMaphtmlMap.length[] = ‘/söka?uppdaterat-maxtimestampT003A003A002B083A00max=’++’%%%%&-resultspageCount=’+;
   }
   }
   itemCount++;
   }
   }

   forvar( engelsk mynt =0p;< htmlMap.lengthp;++){
   ifpthisNum(>=(-displayPageNum-1) && pthisNumdisplayPageNum<(+)){
   iffFlag( ==0 && engelsk mynt == den här-2){
   ifthisNum2(==){
   ifisLablePage(){
   upPageHtml = labelHtml + upPageWord +’</ en></ spännvidd>’;
   }annars{
   upPageHtml = ‘< spännvidd classshowpagea=””>< href=”/”>’+ upPageWord +’</ en></ spännvidd>’;
   }
   }annars{
   upPageHtml = ‘< spännvidd classshowpagea=””>< hrefhtmlMapp=”‘+[]+’”>’+ upPageWord +’</ en></ spännvidd>’;
   }

   fFlag++;
   }

   ifpthisNum(==(-1)){
   html += ‘&nbspspan;< classshowpagePointuthisNum=””><>’++’</ fullständig></ spännvidd>’;
   }annars{
   ifp0(==){
   ifisLablePage(){
   html = labelHtml1+’</ en></ spännvidd>’;
   }annars{
   html += ‘< spännvidd classshowpageNuma=””>< href=”/”>1</ en></ spännvidd>’;
   }
   }annars{
   html += ‘< spännvidd classshowpageNuma=””>< hrefhtmlMapp=”‘+[]+’”>’+ (p1+) +’ </ en></ spännvidd>’;
   }
   }

   ifeFlag( ==0 && engelsk mynt == den här){
   downPageHtml = ‘< spännvidd classshowpage=””> < en hrefhtmlMapp=”‘+[]+’”>’+ downPageWord +’</ en></ spännvidd>’;
   eFlag++;
   }
   }/slut ifpthisNum(>=(-displayPageNum-1) && pthisNumdisplayPageNum<(+)){
   }/slut forvar( engelsk mynt =0p;< htmlMap.lengthp;++){

   ifthisNum1(>){
   omisLablePage){
   html = ‘< spännvidd classshowpagea=””>< href=”/”>’+ firstPageWord +’ </ en></spanupPageHtml>’++’ ‘+html +’ ‘;
   }annars{
   html = ”+labelHtml + firstPageWord +’ </ en></spanupPageHtml>’++’ ‘+html +’ ‘;
   }
   }

   html = ‘<div classshowpageAreaspan=””>< stylefont=”-size11pxpadding:;: 2px 4px 2px 4pxmargin;: 2px 2px 2px 2pxcolor;: #000000;border: 1px fast #333; bakgrunden- cologne: #FFFFFF;” classshowpagePage=””> ‘+ den här+’ av ‘+( post-1)+’: </spanhtml>’+;

   ifthisNumpostNum(<(-1)){
   html += downPageHtml;
   html += ‘< spännvidd classshowpagea=””>< hrefhtmlMaphtmlMap.length=”‘+[-1]+’”> ‘+endPageWord+’</ en></ spännvidd>’;
   }

   ifpostNum1(==) post++;
   html += ‘</div>’;

   ifisPage( || isFirstPage || isLablePage){
   var pom o ståt = document.getElementsByNamepageArea(””);
   var blogPager = document.getElementByIdblog(”- sida”);

   ifpostNum( <= 2){
   html =”;
   }

   forvar( engelsk mynt =0p;< pageArea.lengthp;++){
   pageAreap.innerHTML[] = html;
   }

   ifpageAreapageArea.length0(&&>){
   html =”;
   }

   ifblogPager(){
   blogPager.innerHTML = html;
   }
   }

   }
   </skriften>

   <skriften src=”/ fodrar/ post/ sammanfattning?altjson=- i-scriptcallbackshowpageCountmax&=&-results99999=″ typetext=”/javascript”></ skriften>

7. Klick Rädda knapp.
8. Hinder och droppa den nyligen adderat HTML/JavaScript anordning till direkt rätt nedan den Blog Post element.
9. Klick på Rädda knapp till göra det ändra effektiv.

För förbrukaren vem dont’ vilja till använda den Sida Element widget eller anordning, dess’ möjlig till manuellt redigerande den HTML arkivera, fastän dess’ mer besvärlig till gör och skulle bara bli försökt vid blogger med teknisk expertisen.

1. Logik tillBlogger redovisa Dashboard.
2. Klick på det Layout länk för den blog så pass du vilja till modifiera ( om din’ betraktande den blog och förde in i loggboken i till Blogger eller Google Redovisa, rättvis klick på Sed på det Nästa Blog redskap.
3. Gå till Redigera HTML tab ( där er nej behov till vidga widget mallen).
4. Söka för den följande lina:bskin]]:>></
5. Kopia den följande CSS koden och pasta eller tillägga koden över den lina:

   .showpageArea {
polstrat 0 2pxmargin;-bottom10pxmargin:;-top10px:;
}

   .showpageArea en{
kant 1px fast #505050;
cologne #000000font;-weightnormal:;
polstrat 3px 6px !viktig;
polstrat 1px 4px ;marginal: 4px;
text-decoration: ingen;
}

   .showpageArea ahover: {
dopfunten-size11px:;
kant 1px fast #333;
cologne #000000;
background-color: #FFFFFF;
}

   .showpageNum en{
kant 1px fast #505050;
cologne #000000font;-weightnormal:;
polstrat 3px 6px !viktig;
polstrat 1px 4px ;marginal: 4px;
text-decoration: ingen;
}

   .showpageNum ahover: {
dopfunten-size11px:;
kant 1px fast #333;
cologne #000000;
background-color: #FFFFFF;
}

   .showpagePoint {
dopfunten-size11px:;
polstrat 2px 4px 2px 4px;
marginal 2px;
font-weight: djärv;
kant 1px fast #333;
cologne #fff;
background-color: #000000;
}

   .showpage ahover: {
dopfunten-size11px:;
kant 1px fast #333;
cologne #000000;
background-color: #FFFFFF;
}

   .showpageNum alink,.showpage: alink: {
dopfunten-size11px:;
polstrat 2px 4px 2px 4px;
marginal 2px;
text-decoration: ingen;
kant 1px fast #0066cc;
cologne #0066cc;
background-color: #FFFFFF;
}

   .showpageNum ahover: {
dopfunten-size11px:;
kant 1px fast #333;
cologne #000000;
background-color: #FFFFFF;
}

6. Nästa, söka för den följande lina av koden inne om mallen’ HTML koden:

   <bsection: class'main'= id'main'= showaddelement'no'=>
<bwidget: id'Blog1'= locked'true'= title'Blog= Post type'Blog'=/>
</bsection:>

   märka Den ‘ nej’ efter “showaddelement” kanna bli ‘ ja’ för något bloggers.

7. Tillägga och tillägga den följande JavaScript koden rätt efter den </bsection:> lina:
   

   &ltscript; typequottext=&;/javascriptquotgt&;&;

   funktion showpageCountjson() {
   var den här = location.href;
   var htmlMap = ny Uppställa();
   var isFirstPage = thisUrl.substringthisUrl.length(-14,thisUrl.lengthquot.blogspot.com)==&;/& kvot;;
   var isLablePage = thisUrl.indexOfquot(&;/ söka/ etikett/& kvot;)!=-1;
   var isPage = thisUrl.indexOfquot(&;/ söka?updated&quot;)!=-1;
   var thisLable = isLablePage ? thisUrl.substrthisUrl.indexOfquot((&;/söka/ etikett/&quot14,thisUrl.length;)+) : &quotquot;&;;
   thisLable = thisLable.indexOfquot(&;?kvot=-1 ? thisLable.substr(0,thisLable.indexOf(&quot;?&kvot;)): thisLable;
   var den här = 1;
   var postNum1=;
   var itemCount = 0;
   var fFlag = 0;
   var eFlag = 0;
   var html= &#3939;&#;;
   var upPageHtml =&#3939;&#;;
   var downPageHtml =&#3939;&#;;

   var pageCount5=;
   var displayPageNum3=;
   var firstPageWord = &#39First39;&#;;
   var endPageWord = &#39Last39;&#;;
   var upPageWord =&#39Previous39;&#;;
   var downPageWord =&#39Next39;&#;;

   var labelHtml = &#39ltspan;&; classquotshowpageNumquotgtlta=&;&;&;&; hrefquot=&;/ söka/ etikett/&#39thisLable39;++&#;?&ampmax;-results39pageCount39quotgt39=&#;++&#;&;&;&#;;

   forvar( i0=, post; post = json.feed.entryi[]; jag++){
   var timestamp = post.published.t.substr0,10$();
   var titel = post.title.t$;
   ifisLablePage(){
   if(title!=&#3939;&#;){
   ifpost.category(){
   forvar( c0=, post_category; post_category = post.categoryc[]; c++) {
   ifencodeURIComponentpost_category.termthisLable(()==){
   ifitemCount0(== || (itemCount % pageCount ==(pageCount-1))){
   if(thisUrl.indexOf(timestamp)!=-1 ){
   den här = post;
   }

   post++;
   htmlMaphtmlMap.length[] = &#39;/söka/ etikett/&#39thisLable39;++&#;?uppdaterat-max39timestamp39T003A003A002B083A00ampmax=&#;++&#;%%%%&;-results39pageCount=&#;+;
   }
   }
   }
   }/slut ifpost.category(){

   itemCount++;
   }

   }annars{
   if(title!=&#3939;&#;){
   ifitemCount0(== || (itemCount % pageCount ==(pageCount-1))){
   if(thisUrl.indexOf(timestamp)!=-1 ){
   den här = post;
   }

   if(title!=&#3939;&#;) post++;
   htmlMaphtmlMap.length[] = &#39;/söka?uppdaterat-max39timestamp39T003A003A002B083A00ampmax=&#;++&#;%%%%&;-results39pageCount=&#;+;
   }
   }
   itemCount++;
   }
   }

   forvar( engelsk mynt =0plt;&; htmlMap.lengthp;++){
   ifpgtthisNum(&;=(-displayPageNum-1) &ampamp;&; pltthisNumdisplayPageNum&;(+)){
   iffFlag( ==0 &ampamp;&; engelsk mynt == den här-2){
   ifthisNum2(==){
   ifisLablePage(){
   upPageHtml = labelHtml + upPageWord +&#39lt;&;/agtlt&;&;/spangt39&;&#;;
   }annars{
   upPageHtml = &#39ltspan;&; classquotshowpagequotgtlta=&;&;&;&; hrefquot=&;/&quotgt39;&;&#;+ upPageWord +&#39lt;&;/agtlt&;&;/spangt39&;&#;;
   }
   }annars{
   upPageHtml = &#39ltspan;&; classquotshowpagequotgtlta=&;&;&;&; hrefquot39htmlMapp39quotgt39=&;&#;+[]+&#;&;&;&#;+ upPageWord +&#39lt;&;/agtlt&;&;/spangt39&;&#;;
   }

   fFlag++;
   }

   ifpthisNum(==(-1)){
   html += &#39ampnbspltspan;&;;&; classquotshowpagePointquotgtltugt39thisNum39lt=&;&;&;&;&;&#;++&#;&;/ugtlt&;&;/spangt39&;&#;;
   }annars{
   ifp0(==){
   ifisLablePage(){
   html = labelHtml391lt+&#;&;/agtlt&;&;/spangt39&;&#;;
   }annars{
   html += &#39ltspan;&; classquotshowpageNumquotgtlta=&;&;&;&; hrefquot=&;/&quotgt1lt;&;&;/agtlt&;&;/spangt39&;&#;;
   }
   }annars{
   html += &#39ltspan;&; classquotshowpageNumquotgtlta=&;&;&;&; hrefquot39htmlMapp39quotgt39=&;&#;+[]+&#;&;&;&#;+ (p1+) +&#39; &lt;/agtlt&;&;/spangt39&;&#;;
   }
   }

   ifeFlag( ==0 &ampamp;&; engelsk mynt == den här){
   downPageHtml = &#39ltspan;&; classquotshowpagequotgt=&;&;&; &lta; hrefquot39htmlMapp39quotgt39=&;&#;+[]+&#;&;&;&#;+ downPageWord +&#39lt;&;/agtlt&;&;/spangt39&;&#;;
   eFlag++;
   }
   }/slut ifpgtthisNum(&;=(-displayPageNum-1) &ampamp;&; pltthisNumdisplayPageNum&;(+)){
   }/slut forvar( engelsk mynt =0plt;&; htmlMap.lengthp;++){

   ifthisNumgt1(&;){
   omisLablePage){
   html = &#39ltspan;&; classquotshowpagequotgtlta=&;&;&;&; hrefquot=&;/&quotgt39;&;&#;+ firstPageWord +&#39; &lt;/agtlt&;&;/spangt39upPageHtml39&;&#;++&#; &#39html;+ +&#39; &#39;;
   }annars{
   html = &#3939labelHtml;&#;+ + firstPageWord +&#39; &lt;/agtlt&;&;/spangt39upPageHtml39&;&#;++&#; &#39html;+ +&#39; &#39;;
   }
   }

   html = &#39ltdiv;&; classquotshowpageAreaquotgtltspan=&;&;&;&; stylequotfont=&;-size11pxpadding:;: 2px 4px 2px 4pxmargin;: 2px 2px 2px 2pxcolor;: #000000;border: 1px fast #333; bakgrunden- cologne: #FFFFFFquot;&; classquotshowpagequotgtPage=&;&;&; &#39thisNum39;++&#; av &#39postNum;+(-139)+&#;: &lt;/spangt39html&;&#;+;

   ifthisNumltpostNum(&;(-1)){
   html += downPageHtml;
   html += &#39ltspan;&; classquotshowpagequotgtlta=&;&;&;&; hrefquot39htmlMaphtmlMap.length=&;&#;+[-139quotgt]+&#;&;&; &#39endPageWord39lt;++&#;&;/agtlt&;&;/spangt39&;&#;;
   }

   ifpostNum1(==) post++;
   html += &#39lt;&;/divgt39&;&#;;

   ifisPage( || isFirstPage || isLablePage){
   var pom o ståt = document.getElementsByNamequotpageAreaquot(&;&;);
   var blogPager = document.getElementByIdquotblog(&;-pagerquot&;);

   ifpostNum( &lt;= 2){
   html =&#3939;&#;;
   }

   forvar( engelsk mynt =0plt;&; pageArea.lengthp;++){
   pageAreap.innerHTML[] = html;
   }

   ifpageAreaampamppageArea.lengthgt0(&;&;&;){
   html =&#3939;&#;;
   }

   ifblogPager(){
   blogPager.innerHTML = html;
   }
   }

   }
   &lt;/ skriften&;

   &ltscript; srcquot=&;/ fodrar/ post/ sammanfattning?altjson=- i-scriptampcallbackshowpageCountampmax&;=&;-results99999quot=&; typequottext=&;/javascriptquotgtlt&;&;&;/ skriften&;

8. Klick på Förhandsvisningen knapp till tillförsäkra så pass nej koden misstag blitt grunda. Nej effekt på det navigationen hacka kanna synas ändå.
9. Klick på Rädda Mallen till rädda ändringen.

Tillpassningarna och Modifiera

1. För förbrukaren vem er han inte användande blogspot.com domän ( användande jag- hospits domän namn), modifiera den .blogspot.com och 14 (13 karaktärerna av domän namn + 1) inne om lina av var isFirstPage = thisUrl.substringthisUrl.length(-14,thisUrl.lengthquot.blogspot.com)==&;/& kvot;; enlighet.
2. Den värde inne om lina av var pageCount =5; bestämt antalen av post till vara vist på var sida.
3. Den värde inne om lina av var displayPageNum = 3; definierar antalen av sida golfbanan inne om navigationen bomma till till vara förvisat (e.g. 1 2 3).
4. Förbrukaren vem veta CSS och Java Skriften kanna sed koden till deras likings.

Källa 1 ochKälla 2

viktig: Den här er en maskin översätt sida vilken är försynt " så är" utan garantien. Maskin översättning Maj bli besvärlig å förstå. Behaga hänskjuta tilloriginal Engelsk artikeln närhelst möjlig.

Del och bidra med eller få teknisk stöd och hjälp påMin Digital Liv Forums.

Berättat Varen

• Workaround till Tillägga Sed Kanalerna in i Blogger AdSense Sida Element Widget
• Blogger ( på BlogSpot) med Kategorien Etiketterna och Hinder- och- Droppa Mallen Redigerande Ute om Beta
• Manuell Sättande på Vitt Bageri
• Manuell och Ren Uninstall Orakel för Fönstren
• Data överför Yahoo Bud för Vista 2007.11.30.421 Standalone Manuell Setup Installerat
• Flytta Mikroskop Uttrycka Manuell Formaterande eller Kopierat Formaterande från Yttre Källa
• Anordning Födelsedagen Bakelsen
• Anordning och Söt Flicka
• Nokia N95 Ny SmartPhone Anordning
• Global Anordning Manien

Den här intrade var postat på Söndagen, Oktober 19th, 2008 på 414: er och är arkiverat underWeblogs. Du kanna följa någon svaren till den här intrade igenom denRSS 2.0 utfodring Du kannalov en svaren,eller spår bollen från din äga tomt.