Pages

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

Thursday, July 4, 2013

How to add your blog posts in Facebook Page automatically

In this article we are gonna know how to add our blog post in Facebook Automatically without any touch in Facebook page.
Follow those steps to know this...


How to:

i) Log on to your facebook ID and in the search box just type: "Rss"...


 ii) Now Click on the first result and you will go to "RSS Graffiti" official page and here click "Go to App"..


 iii) Now You will ask to Allow or Skip, Just click on "Allow"...


iv) Now you will redirect on the App and Now click on "Add New Publishing Plan"...


 v) Now Choose or Write any Name you like...


Than Click on "Create Publishing Plan"...

vi) Now You will see this wizard in front of you.


Now on the left side click on "New Source" and Enter Your website or Blog RSS URL....


and than click on Add Source..

Now on the right side, Click on New Target...and


Now in the Target setup area in Choose target, choose your facebook page and in "Publish on behalf of ", choose your facebook page...

and than click "Save Changes".......

That's all..Share if You like this post....

How to make a Sitemap For Your Website or Blog

What is Sitemap?

Sitemap, where all the information or links of Your website or blog are domestically added in an XML or HTML Sheet with Java Programming or With an automated program.

How to make a Sitemap For Your Website or Blog


Why need it for Your Blog or website:

Google mostly Likes Sitemap as they get all the information about your website or blog in a one place at a glance. And use this Sitemap links to Index on their server. So, to Submit your blog or website in Google, You would like to keep a sitemap page on Your Blog or Website.

Let's Know How To:

i) Log on to Your website Control panel or Blogger.com account

ii) Now Open a New Page


iii) Now On The Page title write "Sitemap"...and Choose to Compose as HTML


iv) Now Copy This Code and Paste on the Compose area:

<script>
var postTitle=new Array();var postUrl=new Array();var postMp3=new Array();var postDate=new Array();var postLabels=new Array();var postBaru=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function loadtoc(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postMp3[ii]=o;if(h<10){postBaru[ii]=true}else{postBaru[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><a href="http://www.example.com" style="font-size: 8px; text-decoration:none; color: #616469;">Widget by Your-Blog-Titile</a>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postMp3[e];postMp3[e]=postMp3[g];postMp3[g]=f;var f=postBaru[e];postBaru[e]=postBaru[g];postBaru[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postMp3[f];postMp3[f]=postMp3[h];postMp3[h]=g;var g=postBaru[f];postBaru[f]=postBaru[h];postBaru[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Judul Artikel";var m="Klik untuk sortir berdasarkan judul";var d="Tanggal";var k="Klik untuk Sortir bedasarkan tanggal";var c="Kategori";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Klik untuk menampilkan semua"}h+="<table>";h+="<tr>";h+='<td class="toc-header-col1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="toc-header-col2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="toc-header-col3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="toc-header-col4">';h+="Download MP3";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="toc-entry-col1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="toc-entry-col2">'+postDate[g]+'</td><td class="toc-entry-col3">'+postLabels[g]+'</td><td class="toc-entry-col4"><a href="'+postMp3[g]+'">Download</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="toc-entry-col1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="toc-entry-col2">'+postDate[g]+'</td><td class="toc-entry-col3">'+postLabels[g]+'</td><td class="toc-entry-col4"><a href="'+postMp3[g]+'">Download</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Menampilkan Semua '+postTitle.length+" Artikel<br/></span>"}else{var f='<span class="toc-note">Menampilkan '+l+" artikel dengan kategori '";f+=postFilter+"' dari "+postTitle.length+" Total Artikel<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postBaru[a]==true){document.write(' - <strong><em><span style="color: rgb(255, 0, 0);">New !!</span> </em></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Menampilkan Daftar Isi</a> <img src="http://radiorodja.googlepages.com/new_1.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link          : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Download mp3  : <a href="'+postMp3[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};
</script>
</script><script src="http://www.example.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

NB: (Into the code)

You can see the word: "example" in red letter. Just in there use your website or Blog URL.

You can see the word: "Your-Blog-Titile" in Blue letter. Just in there use your website or Blog Title.


vi) Copy and Paste and Just Publish this page...

You can see the Demo here : Demo

That's all....Share if you like this post...

Sunday, March 31, 2013

How to add Print as PDF button in blogger after every post


Today We goona add Print as PDF button in blogger blog. And This Buuton will show under every post title...

For Demo You can See this picture:

Print as PDF Button after Every Post
Print as PDF Button after Every Post

Follow these Steps to add Print as PDF button:

i) First of all, Log on your Blogger account then go to Template settings.


ii)  Now go to you blogger template settings....
Template Settings
iii) Now click on Backup/Restore option:

Template backup and restore

iv) Now Download full template for security:

Download Full Template
v) Now close the windows and click on "Edit HTML"...

Edit Blog
vi) Now click the Box and check it "Expand Widget Templates "...

 

 vii) Now Search for This code:

<div class='post-header-line-1'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>


See in the Picture:

Blogger Template POST Body editing

Just Under of those Lines Paste the code given Below(In Red Words):

<b:if cond='data:blog.pageType == "index"'><a expr:href='data:post.url + "?pfstyle=wp"' style="margin-right:1em; color:#6D9F00; text-decoration:none;" class="printfriendly" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/pf-button.gif" alt="Print Friendly and PDF"/></a><b:else/><b:if cond='data:blog.pageType == "archive"'><a expr:href='data:post.url + "?pfstyle=wp"' style=" margin-right:1em; color:#6D9F00; text-decoration:none;" class="printfriendly" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/pf-button.gif" alt="Print Friendly and PDF"/></a><b:else/><script>var pfHeaderImgUrl = '';var pfHeaderTagline = '';var pfdisableClickToDel = 0;var pfHideImages = 0;var pfImageDisplayStyle = 'right';var pfDisablePDF = 0;var pfDisableEmail = 0;var pfDisablePrint = 0;var pfCustomCSS = '';var pfBtVersion='1';(function(){var js, pf;pf = document.createElement('script');pf.type = 'text/javascript';if('https:' == document.location.protocol){js='https://pf-cdn.printfriendly.com/ssl/main.js'}else{js='http://cdn.printfriendly.com/printfriendly.js'}pf.src=js;document.getElementsByTagName('head')[0].appendChild(pf)})();</script><a href="http://www.printfriendly.com" style="color:#6D9F00;text-decoration:none;" class="printfriendly" onclick="window.print();return false;" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/pf-button.gif" alt="Print Friendly and PDF"/></a></b:if></b:if>


See the Demo:

Print as PDF code

viii) Now Click On save template and Visit Any Article from Your website...

Thinks that will work for You....

That's all..
Thanks for Visiting here...
 

Sunday, March 17, 2013

Top 100 Blogger Templates Part 1:(1-10)

Searching For a Beautiful Template for Your Blogspot Blog?? Just see this serial post. In this Serial post, Here are 100 most downloaded and most beautiful Templates for the bloggers. Just see the demo and download those..Here are the First Top 10 templates for the bloggers blog..


See live demo and download...Let's Have a fun...

1.  Template Name: Evander



 Live Demo           Download

 2. Template Name: Arkham



Live Demo           Download

3. Template Name: Quest



Live Demo           Download

4. Template Name: Creative Press



Live Demo           Download

5. Template Name: Rasputin



Live Demo           Download

6. Template Name: Black Rock Shooter

 


Live Demo           Download

7. Template Name: SuperTech

 


Live Demo           Download

 8. Template Name: Tranished

 


Live Demo           Download

9. Template Name: Replay




Live Demo           Download

10. Template Name: Insomia



Live Demo           Download


 More One: Bonus With the 10 Template

 ** Template Name: Accord

 


Live Demo           Download


That's all in this post
Wait for the next..
Will be published soon..

Sunday, February 24, 2013

How to add "Author" widget to blogger blog below every post

You may see many more wordpress blog which contains "About Author" Widget under the every Posts Written by the author. From the title of this post you can understand that  today we will learn How to add "Author" widget to blogger blog. Lets start..

Steps:


  • First of all, Log in to blogger account and Then go to Template..
  • Now take a backup of your present template..
  • And Now Choose "Edit HTML"Option....
  • Now Check "Expand Widgets Templates" box..


  • Now Search(Ctrl+F) for "/*SIDEBAR*/". If You get this Line then copy and paste the given code Just Above "*SIDEBAR*/ :

/*AUTHOR*/
.post-author{
margin: 0 auto;
padding: 10px;
min-height:70px;
background: #f9f9f9;
border:1px solid #fff;
font-size:13px;
font-family: Arial;
-moz-box-shadow:0px 0px 1px #d5d5d5;
-webkit-box-shadow:0px 0px 1px #d5d5d5;
box-shadow:0px 0px 1px #d5d5d5;}
.post-author h4{font-size: 15px; font-weight:bold;color:#999;text-shadow:1px 2px #fff;}
.author-avatar img{float:left; width: 60px;height:60px;margin: 0px 10px 0px 0px;padding: 8px;}
  • See the ScreenShot: 
  • Now Search(Ctrl+F) for This code:

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
  • See the screenshot:

  • If You get that code or Line just under this line Paste this Code:

<div class='post-author'>
<span class='author-avatar'><img src='Your-image-url'/></span>
<span class='author-descripsion'>
<h4>AUTHOR: Your-Name</h4>
<p>
Description
</p>
</span>
</div>

NB:

  • Change Your-image-url with your own image url
  • And Write here Your own name instead of: Your-Name
  • And Add a small description about you instead of: Description

See the Srceenshot:


  • Now click on save template and go to your blog and see whats happend...

That's all
Thanks for Visiting here.