• Home
  • WordPress
  • web Hosting
  • linux
  • mysql
  • nginx
  • apache2
  • devops

Raju Ginni

wordpress tutorials seo hosting etc

You are here: Home / Free Blogger tutorials blogspot platform beginners to advanced / Embed rss feed / label / frame sitemap in blogger post page

Embed rss feed / label / frame sitemap in blogger post page

Table of Contents

Toggle
  • How to Embed anSS feed in Blogger?
    • How to add Html Sitemap in Blogger
      • How embed Lable Posts In blogger in a New Post
    • How embed a frame in Blogger post?
    • How to embed word documents pdf / excel/slides files in blogger?

How to Embed anSS feed in Blogger?

Simply Go To Create a New Post Choose Html Mode

and Paste this following Code Make Sure replace RSS feed with your Own.

How to add Html Sitemap in Blogger

Simply paste it into blogger page ex: http://www.rajuginni.com/p/sitemap.html

<div dir="ltr" style="text-align: left;" trbidi="on">
<script src="https://googledrive.com/host/0B-P4_Fs3S76ydURacVd6TlJyWW8" 
type="text/javascript"></script>
<script src="http://lyrics.masakkali.com/feeds/posts/default/?max-results=9999&amp;
alt=json-in-script&amp;callback=loadtoc"></script>
<style type="text/css">
.post-archive { width: 100%; padding: 20px 0; text-transform: capitalize; }
.post-archive h4 { border-bottom: 2px solid #EEEEEE; color: #333333; font-size: 
20px; margin: 0 0 10px 2px; padding: 0 0 10px; }
.ct-columns-3 { -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule: none; 
-webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule: none; 
column-count: 3; column-gap: 10px; column-rule: none;}
.ct-columns-3 p { padding: 5px 0px; -moz-column-break-inside: avoid; 
-webkit-column-break-inside: avoid; -o-column-break-inside: avoid; 
-ms-column-break-inside: avoid; column-break-inside: avoid; display: 
inline-block; width: 100%; }
.ct-columns-3 p a { background: #fafafa; color: #333; display: block; 
border: 1px solid #FFFFFF; font-size: 14px; line-height: normal; outline: 
1px solid #EEEEEE; padding: 10px 15px; -webkit-transition:all .25s ease-in-out; 
-moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all 
.25s ease-in-out; }
.ct-columns-3 p a:hover { background: #555; color: #fff; }
@media screen and (max-width: 768px){ .ct-columns-3 { -moz-column-count: 1; 
-moz-column-gap: 0px; -moz-column-rule: none; -webkit-column-count: 1; 
-webkit-column-gap: 0px; -webkit-column-rule: none; column-count: 1; 
column-gap: 0px; column-rule: none; } }
</style>

Create XML sitemap for blogger google

How embed Lable Posts In blogger in a New Post

Simply Create New Post past above code Just replace RSS feed with label Feed
as Shown Below
http://lyrics.masakkali.com/feeds/posts/default/-/yo%20yo%20honey%20singh?max-results=9999

Underlined was label name.  preview here as Honey Singh lyrics

How embed a frame in Blogger post?

Embedding frame causes low-speed score on google page speed insights. it doesn’t recommend by google.
Recently google Adsense announced website with iframe content does not compatible with their Adsense TOS.

For SEO purpose it does not cache by google spiders. it seems to be an empty page. check Advanced blogger SEO guide.

Here is Code

<iframe src =”http://www.apicet.org.in/” width=”100%” height=”600″> </iframe>

<iframe src =”http://www.apicet.org.in/” frameborder=“0” width=”100%” height=”600″> </iframe>
To remove borader add
<iframe src=“demo_iframe.htm” frameborder=“0”></iframe>
Width Automatically Adjusts but height we need to set manually.

if you want to customize iframe to display specific content like disabling scrolling bar in case of low height. check w3schools.

  1. How to open link in popup windows with using the iframe?
  2. How to open external links in a targeted frame within the website?

ex: google custom search results.
Also, check How to add google Adsense  custom search to blogger

How to embed word documents pdf / excel/slides files in blogger?


To embed a Document use google docs,

  1. Upload file google docs.
  • Click on share find embed code
  • paste it on to blogger page.
Embed pdf files to blogger  check blogger embed video tutorial
Embedding Pdf files also the same process but pdf documents hosting services are limited use google drive .
 
 
Check Our Blogger Tutorial Page And improve Adsense earnings page. 


Ask a Question:

You must be logged in to post a comment.

Free Blogger tutorials blogspot platform beginners to advanced

  • blogger to wordpress migration in 3 simple steps
  • How to create/add xml html sitemap for blogger
  • Blogger Templates Responsive updated
  • Connecting Domain to Website Blogger / Wordpress etc
  • How to add adsense to blogger anywhere
  • Customize Blogger Template
  • Embed rss feed / label / frame sitemap in blogger post page
  • Blogspot blogger seo Basic Optimization tips
  • how to disable right click copy and paste on blogger

hi i am raju ginni, primalry i manage wordpress websites on GCP cloud platform as a cloud engineer, and create content on passionate things.
you can follow me on youtbe

© 2025 - All Rights Reserved Disclaimer & Privacy Policy