Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

Saturday, October 19, 2019

How to Create an Archive in Blogger

  1. Make Page
  2. Add This Code in HTML mode.
  3. Publish That page.
  4. Remove "YOURBLOGHERE"  And Add your blog name.

First Script 

 <script type="text/javascript">
function LoadTheArchive(TotalFeed)
{
    var PostTitles = new Array();
    var PostURLs = new Array();
    var PostYears = new Array();
    var PostMonths = new Array();
    var PostDays = new Array();
    if("entry" in TotalFeed.feed)
    {
 var PostEntries=TotalFeed.feed.entry.length;
 for(var PostNum=0; PostNum<PostEntries ; PostNum++)
 {
     var ThisPost = TotalFeed.feed.entry[PostNum];
     PostTitles.push(ThisPost.title.$t);
     PostYears.push(ThisPost.published.$t.substring(0,4));
     PostMonths.push(ThisPost.published.$t.substring(5,7));
     PostDays.push(ThisPost.published.$t.substring(8,10));
     var ThisPostURL;
     for(var LinkNum=0; LinkNum < ThisPost.link.length; LinkNum++)
     {
  if(ThisPost.link[LinkNum].rel == "alternate")
  {
      ThisPostURL = ThisPost.link[LinkNum].href;
      break
  }
     }
     PostURLs.push(ThisPostURL);
 }
    }
    DisplaytheTOC(PostTitles,PostURLs,PostYears,PostMonths,PostDays);
}

function DisplaytheTOC(PostTitles,PostURLs,PostYears,PostMonths,PostDays)
{
    var MonthNames=["January","February","March","April","May","June","July","August","September","October","November","December"];
    var NumberOfEntries=PostTitles.length;

    var currentMonth = "";
    var currentYear = "";

    for(var EntryNum = 0; EntryNum < NumberOfEntries; EntryNum++)
    {
 NameOfMonth = MonthNames[parseInt(PostMonths[EntryNum],10)-1]

 if (currentMonth != NameOfMonth || currentYear != PostYears[EntryNum]) {
  currentMonth = NameOfMonth;
  currentYear = PostYears[EntryNum];

  document.write("<div class='dateStyle'><br />" + currentMonth+" "+currentYear+" </div>");
 }

  document.write('<a href ="'+PostURLs[EntryNum]+'"><div class=dayStyle>'+parseInt(PostDays[EntryNum],10)+":&nbsp;&nbsp;</div> "+PostTitles[EntryNum]+"</a><br />");
    }
}
</script>

<script src="http://YOURBLOGHERE.blogspot.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=LoadTheArchive" />
</script>

<!--CUSTOMIZATION-->
<style type="text/css">
.dateStyle {
     color:#000;
     font-weight:bold;
     font-size: 15px;
     font-family: Arial, sans-serif;
     margin: 0;
}

.dayStyle {
     color:#000;
     font-weight:bold;
     font-family: Arial, sans-serif;
     display: inline-block;
}

</style>

-------------------------------------------------------------------------------------------------------------------------------

Second   Script


<p>&nbsp;</p>
<pre>&lt;script type="text/javascript"&gt;
function LoadTheArchive(TotalFeed)
{
    var PostTitles = new Array();
    var PostURLs = new Array();
    var PostYears = new Array();
    var PostMonths = new Array();
    var PostDays = new Array();
    if("entry" in TotalFeed.feed)
    {
 var PostEntries=TotalFeed.feed.entry.length;
 for(var PostNum=0; PostNum &lt; PostEntries; PostNum++)
 {
     var ThisPost = TotalFeed.feed.entry[PostNum];
     PostTitles.push(ThisPost.title.$t);
     PostYears.push(ThisPost.published.$t.substring(0,4));
     PostMonths.push(ThisPost.published.$t.substring(5,7));
     PostDays.push(ThisPost.published.$t.substring(8,10));
     var ThisPostURL;
     for(var LinkNum=0; LinkNum &lt; ThisPost.link.length; LinkNum++)
     {
  if(ThisPost.link[LinkNum].rel == "alternate")
  {
      ThisPostURL = ThisPost.link[LinkNum].href;
      break
  }
     }
     PostURLs.push(ThisPostURL);
 }
    }
    DisplaytheTOC(PostTitles,PostURLs,PostYears,PostMonths,PostDays);
}

function DisplaytheTOC(PostTitles,PostURLs,PostYears,PostMonths,PostDays)
{
    var MonthNames=["January","February","March","April","May","June","July","August","September","October","November","December"];
    var NumberOfEntries=PostTitles.length;

    var currentMonth = "";
    var currentYear = "";

    for(var EntryNum = 0; EntryNum &lt; NumberOfEntries; EntryNum++)
    {
 NameOfMonth = MonthNames[parseInt(PostMonths[EntryNum],10)-1]

 if (currentMonth != NameOfMonth || currentYear != PostYears[EntryNum]) {
  currentMonth = NameOfMonth;
  currentYear = PostYears[EntryNum];

  document.write("&lt;br&gt;&lt;div class='dateStyle'&gt;" + currentMonth + " " + currentYear + "&lt;/div&gt;");
 }
var parsed_day = parseInt(PostDays[EntryNum],10) &gt; 9 ? "" + parseInt(PostDays[EntryNum],10): "0" + parseInt(PostDays[EntryNum],10);
  document.write("&lt;div class='dayStyle'&gt;" + parsed_day + ":&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;a href='" + PostURLs[EntryNum] + "'&gt;" + PostTitles[EntryNum] + "&lt;/a&gt;&lt;br&gt;");
    }
}
&lt;/script&gt;

&lt;script src="/feeds/posts/summary?alt=json-in-script&amp;amp;max-results=150&amp;amp;start-index=1&amp;amp;callback=LoadTheArchive" type="text/javascript"&gt;
&lt;/script&gt;
&lt;script src="/feeds/posts/summary?alt=json-in-script&amp;amp;max-results=150&amp;amp;start-index=151&amp;amp;callback=LoadTheArchive" type="text/javascript"&gt;
&lt;/script&gt;
&lt;script src="/feeds/posts/summary?alt=json-in-script&amp;amp;max-results=150&amp;amp;start-index=301&amp;amp;callback=LoadTheArchive" type="text/javascript"&gt;
&lt;/script&gt;
&lt;script src="/feeds/posts/summary?alt=json-in-script&amp;amp;max-results=150&amp;amp;start-index=451&amp;amp;callback=LoadTheArchive" type="text/javascript"&gt;
&lt;/script&gt;
&lt;script src="/feeds/posts/summary?alt=json-in-script&amp;amp;max-results=150&amp;amp;start-index=601&amp;amp;callback=LoadTheArchive" type="text/javascript"&gt;
&lt;/script&gt;
&lt;script src="/feeds/posts/summary?alt=json-in-script&amp;amp;max-results=150&amp;amp;start-index=851&amp;amp;callback=LoadTheArchive" type="text/javascript"&gt;
&lt;/script&gt;
&lt;script src="/feeds/posts/summary?alt=json-in-script&amp;amp;max-results=150&amp;amp;start-index=1001&amp;amp;callback=LoadTheArchive" type="text/javascript"&gt;
&lt;/script&gt;
&lt;!--CUSTOMIZATION--&gt;
&lt;style type="text/css"&gt;
.dateStyle {
     color:#000;
     font-weight:bold;
     font-size: 15px;
     font-family: Arial, sans-serif;
     margin: 0;
}

.dayStyle {
     color:#000;
     font-weight:bold;
     font-family: Arial, sans-serif;
     display: inline-block;
}
.post-header{display:none;}
&lt;/style&gt;<br /><br /><br /><br /></pre>
<p>&nbsp;</p>


Tuesday, September 3, 2019

How to Add Automatic Table of Contents in Google Blogger

How to Remove Read More or Jump Break Link in Blogger?


https://www.usefulblogging.com/remove-read-more-jump-break-link-blogger/


#1. Go to Blogger > Design > Edit HTML
#2. Backup your template
#3. Click the “Expand widget Templates” Box
Search for this,
<data:post.body/>
#5. And just below it find and remove this code,
<b:if cond='data:post.hasJumpLink>
<div class=’jump-link’>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >
view rawblogger script hosted with ❤ by GitHub
#6. Save your template and you are done!