Wednesday, September 28, 2016

Show Post title before Blog title in Blogger - By Wide Indo Blog

Blogging is one of the simple, easy & an interesting way to share your ideas, technology, tricks, tips & information with the world. Blogger.com provides free blogs & templates. Now you can easily make your free blog with the help of blogger.

There are millions of people who are writing blogs & are also liked by the readers. This blog - Wide Info Blog provides blogger tips, tricks & tutorials. Previously we have discussed - How to Add a Custom Post Template in Blogger.

Show Post title before Blog title in Blogger :  
Step - 1. Login into your blogger account & select the blog to which you want to apply this. After login under "Template", click "Edit HTML" as shown below.

Step - 2. Now Search -   <title><data:blog.pageTitle/></title>  using ctrl+F in template & replace this code with the following code. Now save your template & enjoy.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>


Note :  Backup your template before you apply changes.  Keep visiting Wide Info Blog for latest blogs. Comment, Like & share with your friends.

Read More »

Saturday, September 24, 2016

How to Add QR Code in Jasper Reports - By Wide Info Blog

How to Add QR Code in Jasper Reports - By Wide Info Blog. To Add a QR Code, we need two jars - ZXing’s Core and JavaSE jars in the classpath in iReport (Jasper). Download Jars = Click Here, & save on your PC. Here are the steps for adding QR code in Jasper reports:

Step - 1.  Open iReport Designer & add two jars - ZXing’s Core and JavaSE jars in the classpath - (Jasper Report >> Tools >> Options >> Classpath). Now click on "add jar" & select the jar location from your PC as shown below.

Step - 2. Now add image  to your report with following settings:- 

Expression Class:  java.awt.Image     (as shown below)


Image Expression : 

  com.google.zxing.client.j2se.MatrixToImageWriter.toBufferedImage(
     new com.google.zxing.qrcode.QRCodeWriter().encode(
         $F{CONTENT_TO_ENCODE},
         com.google.zxing.BarcodeFormat.QR_CODE, 300, 300))


Now Copy & paste above code in Image Expression. Where $F{CONTENT_TO_ENCODE} is the field that you want in your QR code.
Read More »

Sunday, September 11, 2016

HTML Documents / HTML Headings / HTML Paragraphs / HTML Links / HTML Images

All HTML documents must start with a document type declaration: <!DOCTYPE html>.
The HTML document itself begins with <html> and ends with </html>.
The visible part of the HTML document is between <body> and </body>.

HTML Headings : HTML headings are defined with <h1> to <h6> tags as per the requirements.

<h1> is the most important heading or we can say the Biggest heading. If we want to use the biggest heading we have to use <h1>.

<h6> is the least important heading or we can say the Smallest heading. If we want to use the smallest heading we have to use <h6>.


HTML Paragraphs :  We write HTML paragraphs with <p> tag. Here 'p' defines the "paragraph". So, where ever we need a paragraph, we must use this tag.

HTML Links :  HTML links are defined with <a> tag.  Example : 

<a href="http://www.wideinfoblog.com">This is an HTML link</a>

HTML Images : We can add images to any HTML document with the help of HTML <img> tag. An Example is given below.

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKJOh3oFAtX1IPFyY2v1TXrfssE70qjQhvZcGAhG1wJBOqCVpwjZjGsgUZfH2takOOgFhT3W9xaCgQNKcSUQGfpCtJjmID5mrN9mPzYyXLS3Jb67MJamlyOJDk4RE4ASdZ_c6GwHDlDtg7/s1600/HTML.png" alt="HTML Image Example" width="250" height="142">


Here we can also set the Height & Width of the image as shown in the above example.
Read More »