MatrixAdapt | Logiciel de gestion d'Entreprise, Création et référencement des sites web

How to Insert 'Read More' links in Blogger Posts.

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

3. Now remove these words from the above code.

 + &quot;#more&quot;

4. After removing these codes your html will look like this.

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

5. Now look for these words

<data:post.jumpText/>

Replace it with your Text which you want to appear in the place of 'read more' or with your image url

 <img src="http://image-URL.png"/>

6. If you want to insert this picture as your jump break button then put this code.

<img border="0" src="http://www.matrixar.com/-BjQvX6lY4UU/UU9Aa9VNkaI/AAAAAAAAAFc/pbcOWkEmpUA/s1600/read+more+in+blogger.gif" width="87" height="47"/>

7. Now save your template ,everything is done. View your blog and see the button Working.

Change Older Posts,Home and Newer Post Links to Buttons in Blogger

<data:newerPageTitle/>

<img src="Img-Url-for-previous-button"/>

<data:olderPageTitle/>

<img src="Img-url-for-next-button"/>

 <data:homeMsg/>

<img src="img-url-for-home-button"/> 

Things to Remember

• Change bold img tag URL's with your desired Button URL's or if you just want to change the text then only write the desired text (do not write any URL.)
• You can download the buttons from Google then upload it on your blog new post to get the URL on the images, then copy that URL's and paste them in these codes and then visit your Blog and see the butons working.

• Log-in to your blog
• Template >> HTML >> Proceed
• Search For this code ]]></b:skin> (tip: Use CTRL+F)
• Now Just above/before ]]></b:skin> insert following code

.feed-links { display:none !important; }

Steps:

1. Go to Blogger Dashboard.
2. Now click on your Blog Title.
3. Navigate to Template tab.

• Go to Settings->Formatting (as shown in figure)

•  You see a Option Showcase images with Lightbox select No.

• That all.No longer Light box appear in your blog.

How to Create Google+ Page

Why Use Google Plus?

3. Enter the Blog Title and URL as Follows and Tick the Agree Page Terms check-box and Click on Create Button.

4. Enter the Tagline of the Blog and Upload a Profile photo (if any!)
5. Share your page with friends after complete click Finsh

 To Grow your fans and Audience, add the official Google+ page badge to your blog.
Click here to create blogger badge for your blog

How to Transfer Blogger Profile to Google Profile

. Bloggers-clickTrap {display: none}

1. Login to your blogger account
2. Now just select Template and you can see bellow button at the right hand side.
3. Now just click on backup / restore button and one box will pop up (you can see it in bellow snapshot)
4. Now simply browse your template and click on upload and you have done !

How to convert Blog post to PDF

• Simply Go to http://pdfmyurl.com 
• Give the URL of Blog post you want to convert(Look the Fig. below) 

•  Then Click the button P on the left side
• That's all.You will get the PDF file.

Get PDF file of Blog post in this Blog.

• Simply open the Blog post you want to Convert.
• At the end of post there are some sharing buttons (Please share via Facebook,Twitter,etc) ,you will see an icon  P that like you found on the http://pdfmyurl.com,(Shown in below Fig.)  Click it

• You will get the PDF file of that post.

Add Follow button with Text

<a href="http://www.blogger.com/follow-blog.g?blogID=PLACE YOUR BLOG ID HERE" target="_blank" title="Follow With Google Friend Connect"><img border="0" src="http://www.matrixar.com/-L5j9-zIZwsg/Ty0c755so5I/AAAAAAAAAFY/WUnPFmp2VUs/s1600/google+friend+connect+netoops.jpg" /></a>
Preview

Add a Stylish Follow Button

<a href="http://www.blogger.com/follow-blog.g?blogID=PLACE YOUR BLOG ID HERE" target="_blank" title="Follow With Google Friend Connect"><img border="0" src="http://www.matrixar.com/-x355BtOrktM/Ty0j-7spPcI/AAAAAAAAAFo/KlIlH_aDw4s/s1600/google+friend+connect+style.jpg" /></a>
Preview

Another Stylish Follow Button

<a href="http://www.blogger.com/follow-blog.g?blogID=PLACE YOUR BLOG ID HERE" target="_blank" title="Follow With Google Friend Connect"><img border="0" src="http://www.matrixar.com/-m5OYVk--xs0/Ty0nageXyfI/AAAAAAAAAFw/MQuElQjgJq8/s1600/google+friend+connect+style2+netoops.jpg" /></a>
Preview

Another Water Blue Stylish Follow Button

<a href="http://www.blogger.com/follow-blog.g?blogID=PLACE YOUR BLOG ID HERE" target="_blank" title="Follow With Google Friend Connect"><img border="0" src="http://www.matrixar.com/-m_eHhv3xFQg/Ty0r1d3ox-I/AAAAAAAAAF4/YEwimcmdRBY/s1600/google+friend+connect+style3+netoops.jpg" /></a>
Preview

How to Find your Blogger ID

• Simply Go to Design or Settings or Posting or any other of the TAB
• Watch the URL on Address Bar of the Browser and copy the Blog ID number and replace "PLACE YOUR BLOG ID HERE" with your blog id .

How to Add Follow Button Below Every Post.

Remember that Backup your Template Before Editing (How to Backup Template)

• Go to Design->Edit HTML
• Tick the Checkbox  Expand Widget Templates
•  Find the following code

• Place the following code Before it

<b:if cond='data:pageType == &quot;item&quot;'>

PLACE THE CODE OF FOLLOW BUTTON YOU WANT (that described above)

<.b:if>

Example:

<b:if cond='data:blog.url == &quot;item&quot;'>
<a href="http://www.blogger.com/follow-blog.g?blogID=585509540650265660" target="_blank" title="Follow With Google Friend Connect"><img border="0" src="http://www.matrixar.com/-m_eHhv3xFQg/Ty0r1d3ox-I/AAAAAAAAAF4/YEwimcmdRBY/s1600/google+friend+connect+style3+netoops.jpg" /></a>
<.b:if>

• Save the Template..Done..

Google launched Google pages for Google plus.It is a business solution for promoting products,blogs,news,events etc.. to your fans.Another important feature is it will increase your blog's traffic.Now i am saying about how to create an official Google+ Fan Page for your Blog.You can share your blog posts,events,photos etc to your Google Official plus fan page.It is almost similar to Facebook Fan Page.
Lets see how to create it.(Description with images)
Follow the instructions

Create official Google+ page

You must have a Google plus Account to create Fan page.

• Sign In to your Google account and go to this LINK
• Click on Product or Brand

• Give the name of page you need to create(Blog/Site Name)
• Choose Website from the list
• Make sure you check the box below it
• Click on CREATE

•  The give your blog title and upload your Blog LOGO, If you have no LOGO for Blog click HERE
• Click on Continue
  

• Page creation is almost finished.Now you can share your Google+ page by click on Share on Google+
• Click on finish ..Done..your page has been created sucessfully.

How to add Google+ Badge to your Blog

After finishing creating page ,you can see a button Get the Badge, Click it

• It will redirect to the page like following picture.
• you can see your page link,you can share it.
• Choose the style of your G+ badge
• After that if you want check the box HTML5 valid syntax

• Then Copy the code in  the text box
• Go to your Blogger Dashboard
• Select Design->Page Elements click on Add Gadget
• A pop up window will appear look it carefully and find HTML/JavaScript
• Enter gadget title(eg:Share in Google Plus) and Paste the code on the content textbox
• Click on SAVE..,Done..

• Sign In to your blogger account.
• Goto Design->Edit HTML
• Find ]]></b:skin> and paste the following code before it.

#header {
background: url("your head image url") no-repeat left bottom;
margin:0;
padding:2px;
}

• Then copy the below script  and place it inside the <head> tag:

<script type="text/javascript">
var banner= new Array()

banner[0]="1st image url"
banner[1]="2nd image url"
banner[2]="3rd image url"
banner[3]="4th image url"
banner[4]="5th image url"
var random=Math.round(4*Math.random());

document.write("<style>");
document.write("#header {");
document.write(' background:url("' + banner[random] + '") no-repeat left TOP;');
document.write(" }");
document.write("</style>");
</script>

• Sign In to your Blogger Account and Go to Design->Edit HTML

 Important:You must tick the check box  Expand Widget Templates