How to add cool text box with your logo.

How to add cool text box with your logo.

How to add cool text box with your logo.

Hey guys we are looking for coll text box with different text or codes.I know many of us not have a great knowledge of HTML and that is why we are looking for in other websites.

This is not enough we are looking for to many good and beautiful contents and their background is also looking good i mean if you are looking in any other websites you ever saw a beautiful background text.But don't worry we are for your help.

Let do what i tell you.

To add like this first log in to your blogger dashboard if you have blogger account and if you have wordpress account not to worry because both the cases are same.

Log in to your dashboard > Create new post

you are able to see Compose or HTML in your left side of blogger new post dashboard.

Now paste this code in your html part of post.

<div class="Code1" style="-webkit-text-stroke-width: 0px; -webkit-transition: background-color 0.777s; background-color: #9fcfff; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFjITfDRPLBO6yKXE5JVsyp_x_-4YNiKZpS8B9s3dO2oTFXzfjuGj1VpXYnFzI4mH6YtYXRt3ZBWWh3U9Oz2OEnCGMRNJqL7zVS1CwLV4fW2TMbRe_IQPcAUSF5QuwnHhfwh8v8IT4guJa/h18/NBT+Code1.PNG); background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(196, 196, 196); clear: both; color: #111111; font-family: Courier; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.4; margin: 15px; orphans: auto; overflow-x: auto; padding: 40px 15px 15px; text-align: justify; text-indent: 0px; text-transform: none; transition: background-color 0.777s; white-space: normal; widows: auto; word-spacing: 0px;"> <br /></div>

Customization:

• Replace this png file to your png file https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFjITfDRPLBO6yKXE5JVsyp_x_-4YNiKZpS8B9s3dO2oTFXzfjuGj1VpXYnFzI4mH6YtYXRt3ZBWWh3U9Oz2OEnCGMRNJqL7zVS1CwLV4fW2TMbRe_IQPcAUSF5QuwnHhfwh8v8IT4guJa/h18/NBT+Code1.PNG This is the logo which attach at the top of the box.
• If you want to change the color of background  replace :#9fcfff

If you like this post please comment.

Read More

How to add MULTI-TABBED WIDGET TO YOUR BLOGGER SIDEBAR

 Multi-Tabbed widget in our sidebar.

 

LIVE PREVIEW:

Download

ADD MULTI-TABBED WIDGET TO YOUR BLOGGER SIDEBAR:

• 1. Go to Design>Page Elements, click Add a gadget, then choose HTML/JavaScript. 
• 2. Paste below code inside it.

<script type='text/javascript'>
//<![CDATA[
function mylabworld_oom(NBTID, id)
{
  var Mylabworld = document.getElementById(NBTID);
  var NBTs = NewBloggerTips.firstChild;
  while (MLW.className != "NBTs" ) MLWs = MLWs.nextSibling;
  var MLW = NLWs.firstChild;
  var i   = 0;
  do
  {
    if (MLW.tagName == "A")
    {
      i++;
      MLW.href      = "javascript:MyLabWorld_ubah('"+MLWID+"', "+i+");";
      MLW.className = (i == id) ? "Active" : "";
      MLW.blur();
    }
  }
  while (NBT = MLW.nextSibling);
  var Halamans = Mylabworld.firstChild;
  while (Halamans.className != 'Halamans') Halamans = Halamans.nextSibling;
  var Halaman = Halamans.firstChild;
  var i    = 0;
  do
  {
    if (Halaman.className == 'Halaman')
    {
      i++;
      if (Halamans.offsetHeight) Halaman.style.height = (Halamans.offsetHeight-2)+"px";
      Halaman.style.overflow = "auto";
      Halaman.style.display  = (i == id) ? 'block' : 'none';
    }
  }
  while (Halaman = Halaman.nextSibling);
}
function MyLabWorld_ubah(NBTID, id) { MyLabWorld_oom(NBTID, id);
}
function MyLabWorld_inisial(NBTID) { MyLabWorld_oom(NBTID,  1);
document.write('');}
//]]>
</script>

<style>
div.MyLabWorld div.NBTs {
height: 24px;
overflow: hidden;
}
div.MyLabWorld div.NBTs a:hover, div.MyLabWorld div.NBTs a.Active {
background-color: #eee;
}
div.MyLabWorld div.Halamans {
clear: both;
border: 2px solid #f4f4f4;
overflow: hidden;
background-color: #ffffff;
}
div.MyLabWorld div.Halamans div.Halaman {
height: 100%; padding: 0px;
overflow: hidden;
}
div.MyLabWorld div.Halamans div.Halaman div.Alas {
padding: 3px 5px;
}
div.MyLabWorld div.NBTs a {
border-left:1px solid #eee;
border-right:1px solid #eee;
border-top:1px solid #eee;
border-boNBTom:0px solid #eee;
float: left;
display: block;
width: 95px;
text-align: center;
vertical-align: middle;
height: 24px;
padding-top: 3px;
text-decoration: none;
font-family: "Arial", Serif;
font-size: 11px;
font-weight: 900;
color: #000000
}
</style>

<form action="MyLabWorld.html" method="get">
<div id="MyLabWorld" class="MyLabWorld">
<div style="width: 300px;" class="NBTs"> <a>Tab 1 Title</a> <a>Tab 2  Title</a> <a>Tab 3  Title</a></div>
<div style="width: 300px; height: 300px;" class="Halamans">
<div class="Halaman">
<div class="Alas">
<br/>
Tab 1 content goes here
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
Tab 2 content goes here
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
Tab 3 content goes here
</div>
</div>
</div>
<small><a style='margin-left:10px;align:right;' ' target='_blank'>Multi-Tabbed Widget</a> | <a href='http://www.mylabworld.in/' target='_blank'>NBT</a></small>
</div>
</div></form>
<script type="text/javascript">MyLabWorld_inisial('NewBloggerTips');</script>

Customization:

• Replace Tab 1 Title, Tab 2 Title, Tab 3 Title with you Tab Title.
• Replace Tab 1,2,3, Content goes here with your widget code.
• Change width: 300px; height: 300px; with your need.
• Wanna change Background Color of Multi-Tabbed widget : Replace #ffffff with you favorite color.

Now Save & See you blog you have added this widget successfully.

 Check out our latest website Helpersblog.

Final words:-
if you have any types of queries then please comment.

Rajjaiswal

About the Guest Author:
Rajjaiswal is the author and admin of this blog.He want to make his blog to top.

Read More

Lcshmnpur Bathe massacre: 'massacres was clearly too many politicians ...

Lcshmnpur Bathe massacre: 'massacres was clearly too many politicians ...

Like in Bihar - are such massacre. The Diocese of ethnic violence in the fire that burns so long time ago, years after his passing canker sores persist. Sparked little they seem to leak again. Wednesday October nine were green again, the scars of the genocide. Lcshmnpur Bathe daily in the Patna High Court has ruled on the massacre. December, 1997 in the village of Jehanabad 58 people were killed in the massacre. All were depressed. Among the dead were 27 women and 16 children. In this case, the court acquitted the 26 accused were sentenced by a lower court. Of these, 16 were hanged and one was sentenced to life imprisonment.had to. After the decision Lcshmnpur same doleful silence stretched again in the village 16 years ago as gloom. Whose family members were killed, their home made food.

After the decision of the High Court, raising questions over the state. Direct opposition to the court ruling so far has been targeted directly by the state government. Police questioning why the hell could not muster the facts and evidence in the High Court decided that the trial court would tick? However Bihar is not the first time such decisions. The first evidence - evidence that the weak are required. Bthani parish scandal last year, the decision was to do the same. Tola in Bhojpur Bthani in 1996, 22 Dalits, backward and minority community people were killed. In 2012 the High Court had acquitted the accused of the murder.

Amirdas Justice. Photo: Aftab Almjb such massacres is mentioned, people immediately Lalu - Rabri era miss. There are large massacres at regular intervals throughout the province. Nitish Kumar took over and the first known government decision was taken to dissolve Amirdas Commission. Bathe in this case Lcshmnpur Amirdas commission appointed by the government of Rabri Devi. Justice is reported to the Commission by dissolving Amirdas Nitish Kumar's new - new government had tried Prdedari of real Gunahgaron. Nitish government seem to believe the allegations are beginning to show solid basis.

Lcshmnpur Bathe massacre: 'massacres was clearly too many politicians ...

Speaking to Tehelka Justice Amirdas himself says, 'Alas! If the Commission does not breach undue pressure by the government when the truth would have come out. Domination of one ethnic force behind the political game has surfaced. Well it's no secret there. There are two things that the Nitish government's intention is to provide a sufficient basis to question. According to the Bhumihar caste Ranvir Sena is concerned, the race leaders are standing with Nitish Kumar today. Their major role in bringing the power Kumar said. From Amirdas infrequent conversations of Justice pointed at these things. Special excerpts from the interview:

Bthani parish, township Lcshmnpur Bathe now also acquitted all the accused. High Court overturned the lower court decision, why the hell are you going to get?
The double bench of the high court case, I speak on it. There are some circumstances in any decision to uphold justice for which we have to ignore. I am Lcshmnpur Bathe or the villages. They are shrouded in darkness living area. Yes, it is certain that Lcshmnpur Bathe incident was not an accident, but I said something similar situations
Which would have to overlook some things.

Lcshmnpur Bathe massacre: 'massacres was clearly too many politicians ...

But the lower courts the evidence - a decision based on the evidence will tell.
Lower Court, High Court, Supreme Court vary. I am also in the lower court. If you are active on the difference in legal matters. IPC, CRPC, Evidence Act, Act Three is a great way to do things. They act which takes the place that influence the decision. 'll Give you an example. You must have heard of King Dasaratha had left arrow Sbdbedi got to go Shravan Kumar. Shravan Kumar's intention was not to kill but Dasaratha. He then heard the sound of a deer ran Sbdbedi arrow. But it took an arrow to go to the hearing. Now just do not blame people for the murder of King Dasaratha. It's a myth but it is a provision in our justice system. The man behind a bush, a man holding a gun to kill the bird. Now the bird is shot if a person deliberately hiding in the bush shoot Gariradtn who is accused of murder. So there is no genocide in the dark, every man is hard to identify. But it does not answer all your questions. The question is how and who killed 58 people - Kyun hit.

A lot of people who were involved in the government are included. Little - so little time if we get milk and water, the water would have been

Bathe the decisions arrived at are those that question?
That's why I again and again I am not saying that the verdict conditions (Srkmstansej) depend on, because many times the things that are ignored. On the other hand it is to see that no innocent should not be punished. There are a lot of things.


Yes, people say it, and say so too, and it is an important question. For many years, gathering evidence - had to do? It took so much effort to get to the bottom? The witnesses who have so much in evidence gathering all night and day to help a tax commission. Within 15-20 days of the government came under pressure on me hand over that report quickly. I have been asking for some time, but I have been told that the Commission did not have much delay and then suddenly it was dissolved. The Commission's report was delayed to give the oath of government. But that takes time to report commissions. Commission created to investigate the riots in Bhagalpur Bihar see it. So many years, then he was sent to Bhagalpur. I was then driven to the Commission, the Commission was not an ordinary case. 58 people were killed in Lcshmnpur, including children, pregnant women were. In the event that saved the lives of many people on the sly. After then it was only after deep investigation of the Ranvir Sena people were not going out, Lcshmnpur came from. His own people. If the boss to recognize those who have been attacked. To identify the shooter did not need much light. They were owners, MLA etc..

Why was the government formed a commission to dissolve such a hurry? What was the political pressure?
It will not tell us. The Commission was appointed by the previous government. It is a well-run.got there.

What special things come to fore through the report?
Attracting a lot of things up front. A lot of things are recorded therein. Nor does the government really bring the report to the Government and the public must have many benefits. Many will recognize the faces that appear at public forums today.

There were so many white-collar face of Ranvir Sena, whose name comes through the report?
Learn from you so that we in the Commission by 40 men presenting party. We did not do it on your own. Based on the witness said. There were many MP, the former MP, MLA etc.. We all have the chance that you will come and take your side. A lot of people come into use. Now that the government's decision to give or not to give importance to. If the government is serious with the previous report.

It was also what the heat was going straight to the government?
A lot of people come to the JD. The government does not have a separate party. Yes, it is guaranteed that people were included in the government itself. But - some time if we get the water would have been just milk and water. It is ironic, and what to say. I feel very sad.

Then he'll come back. You are so long in the judicial service commission in connection with the villages are gone. Some of the lower court decision, the High Court than anything else. What fed up people will develop their own system of justice? Three - It's been three cases in Bihar.
There are five cases, three were discussed. Bthani cluster, Shanker Bigha, Mianpur, and Lcshmnpur Bathe city. People would do, what you think, this is how we know something, but will only say that the people here are very weak in that sense. Economically, socially, and the biggest thing that is still Warcswkari impact forces. I will say one more thing, hold a series of massacres in Bihar, is a large part of the Commission. Among the Commission's work was not restored as soon as possible, the government will cooperate. We asked Patna Senior SP of a runaway man came under your nose, the part went, what you're doing. Police said they did not know before. We have featured in newspapers and you do not know it. After the arrests and the chief architect of the genocide largely stayed after the arrest. Continuation of the administration's role in preventing massacres. But it was not so easy. Patna secretariat Now tell us who were witness to shoot. Once we came to know. We talked to his bodyguards grabbed me. He ran away. Many difficulties were encountered. You wont furore last year when looking at a corpse Patna can only imagine how many difficulties will be encountered.

Tell us what principally Commission was given the responsibility?
The commission was created in 1998. Bathe after scandal Lcshmnpur Commission. Earlier Mianpur, Bthani cluster, Shanker Bigha, the city had been accustomed. Initially there were five essential obligation rests with the Commission. Liability associated with something else later. Ranvir Sena was formed to find out who did it. What was the purpose of its formation? The Who - Who are the people? What is its ties to political parties and politicians? Peacekeeping in the villages, for this to be done?

Ranvir Sena had come to the conclusion that you had become a political group?
If the evidence were met. There is no doubt.

What did you check? What was the formation of Ranvir Sena Uddeeshy?
You will recall that in 1974, Indira Gandhi had made several laws. Minimum wage laws, legislation and pledged to abolish slavery was the law of the land to finish. Before then there was no law in India. 

Read More

Why rape case is more in India.

Why rape case is more in India.

Kutund Jalaun district of the state police in the police station with a child of 8 years in a gruesome case of physical assault or less been in discussion . Shankrpur outpost of the area to investigate this incident in the village of Tehelka Sngd team reached the bereaved family . Manoj Harijan hamlet of the village of Red aka Ppppu small - our cottage is met by his mother Rama bowl .

Why rape case is more in India.

Asked bowl Ram says that his daughter - son all have to wage auraiya . Some gup after when we ask them about their Omu eight -year-old grandson, so they are quiet . A little silence and two - three times after asking his grandson Ram bowl gently suggested that public school is nearby . Ask our further trouble with the police atrocities Speaking about her family , she says, " Omu that day was playing with two other children . They both are boys of my own son Keshvchand . The boys play close up shop for 10 bucks . Dukanwale Shankrpur garrison soldier took the boys gave Kripasindhu Bharati . He locked my kids in two days outpost . Her broom - mop the floor Dhulwaya made ​​. Then they arranged a massage . "

Then around seeing the crowd go silent . Gavnwalon after they move back slowly adds, ' Sir , he worked very wrong with our grandchildren . After coming back home across her cheeks were swollen . If he did not eat for eight days we were upset . Always scared - there was a bit disconcerted . He too asked the policeman was wrong with him .they went to police to complain .

Why rape case is more in India.

In the famous case of physical harassment in police custody : -

May 2012 - Badaun district, 17 -year-old girl raped in Lalpur post
June 2012 - The Mall of Lucknow district police attempted rape of a woman by a sub-inspector
July 2012 - Kushinagar district police station pit 35 -year-old woman gang raped
September 2012 - Posted in Lucknow district police station Bjria an inspector of the station area, a Dalit woman raped
सितंबर 2012-5 morning of September Gonda district, 14 -year- old girl raped by a police constable
Rajinama to have come to terms for family Pressure was suffering . Bowl Ram says , "Last month, the police came to our house at night drunk . He threatened to put us Rajinama . We Harijan poor people , so we have no hearing . But we did not Rajinama . With our children is so bad . The guts inside us that we will fight altogether . "

After the incident, villagers have filed complaints against the police went to the office of Superintendent of Police, Jalaun . Bharti later transferred him by name only line of action - has been attached . It is important to underline that any minor child under the Juvenile Justice Act can not in general police custody . Speaking to Tehelka current district superintendent of police RP Chaturvedi says that just continues to investigate the case . By suspending the police to ask about filing a case against him , they say, ' Look, I just came here and my new partner are also new . But I am making the probe . The case will be filed . "

Atrocities being committed by police personnel in the state is not the only case . During the last six months in police custody in Uttar Pradesh, the rapes and physical abuse cases have at least six embarrassing 

Read More

Sugarcane juice mixed drink Coca - Cola

Sugarcane juice mixed drink Coca - Cola

Movie Review

Movies : Mickey virus

Director: Saurabh Verma

Author : Saurabh Verma , Gaurav Verma , Alvin King

Artist : Manish Paul , Eli Avram , Manish Chaudhary , Varun Badola , Nitesh Pandey

Rating : * 1/2

David has become all Fincr .imagine the thrill of a poet only makes sense, not in the theater .

When our country is a thriller , land rental and rental often is formed in the same climate . And sir , he is the most stupid moment when the most dangerous hacking of India Group , which is behind the police for a long time , your website ' About Us' still retains its full - length with photos . Just take his website , which is in the public domain , and it is to hack into Delhi's Malviya Nagar shows a tetchy . Tetchy girlfriend calls you , the story of the two senior police officer Mickey virus, which would help a case involving cyber crime . Mickey does not help when buying one day and falls in love with pumpkin .

Mickey Virus

Then comes the climax , the hero for the iPad in hand , with a cover that too , confronts two dozen bad ones , while preserving the credibility of Apple with absolutely beautifully . Just Aipad hero of the glass was a lot of work because a lot of falling splinters were scattered . Manish Paul is the simple act of a hero , but not bad . Varun Badola like to see in a film after a long time , been stereotyped role of Inspector in Haryana . And then there are Manish Chaudhary ' Rocket Singh still remembers the character . They are only here but also in their Getap and facial expressions, "exploring" the fundamental and therefore do not seem to Aamir Khan .

It is good that some portion of the film in its own right , not as a Delhi Tourist booklet is a good use of places like Nehru Place . But also in their language , their roles remain in Delhi Bollywood . Maybe someday someone cane juice Coca - Cola to serve with the mixing straw . Bollywood is also true for our cities . The film also does the same .

Read More

Now google will not show your approval or dissapproval.

Now google will not show your approval or dissapproval.

Google adsense will not go to show you what your account is approve or not.

Yes this is not fake because Google AdSense will not show the approval process.If your account approve then it shows there where in your Gmail account but in other case if your account will not approve then google will not go to show you anything or sent you any email.

Why should google do this no body yet  know.This has been seen by one of our writers or other representative who check google adsense.

Read More

WindoWs 8 cometh, sloWly but surely

Barely a few months before the finished product is rolled out, Microsoft teased eager beavers with a comprehensive pre-release version of its much-awaited operating system update. We gaze into the consumer preview of Windows 8 to see if Microsoft has found the holy grail yet.

It’s roughly two and a half years since Microsoft released Windows 7, a much-improved version of Vista, its predecessor. Approximately three years since then, the Redmond-based software giant is almost ready to launch Windows 8 with the most significant fundamental change since its Windows 95 days.
We’ve been using the latest available consumer preview for a few weeks now, and we certainly love a few things about Windows 8, primarily the whole new Metro UI integrated following the company’s experience with Windows Phone. However, while Windows 8 sort of brings together the x86 (PC-only OS) and ARM (tablet, phone-only OS) flavours of the product, we can’t help but feel that the upcoming operating system is working against itself by forcing the two flavours on you. So you don’t have a choice but to use two operating systems. With Microsoft claiming that things will largely remain unchanged between the consumer preview and Windows 8 launch day – apart from minor tweaks here and there
– we aren’t without our share of accolades and concerns. If the developer preview released last year had us unconvinced regarding Windows 8’s potential to successfully run on a PC, not just a touch-screen device, then this latest consumer preview has mitigated those concerns to some extent – it’s much more responsive with a keyboard and mouse now – but not fully. Metro rocks! There’s no denying the fact that Microsoft’s
import from Windows Phone, the famous Metro UI, is a breath of fresh air. It has created enough buzz and
is unique enough to actually give the likes of Android and iOS a run for their money, purely in terms of fresh appeal. It’s a rare breakthrough in Microsoft’s mobile OS strategy where form meets
function beautifully.A good starting point to the brand new Windows 8 experience is the ability of Metro-supported apps to show live updates on the Start screen (otherwise called as active tiles), and the ability to pin any app there. However, this interface is only perfect for a touch-enabled device – like a tablet or smartphone – and interacting it with a mouse and keyboardreduces its charm. In fact, for a Windows7 power user, this may be counter-productive at times. Microsoft would do a huge favour to itself and its users by allowing an option for users to determine which “version” or flavour of Windows 8 they’d like to use. If  left unchecked, this has the potential to cause a hue and cry likethe one witnessed onVista’s autocratic UAC.Anyone remember thosedays? Let’s hope they never come back.

Read More

Do people geneuine make moeny through Google Adsense.

Ideal way to discover how to make funds doing the job on line is to not only browse it but perspective it as well. My studying curve elevated dramatically by looking at on-line films of “how to” examples. Most persons study by watching some others do a thing and then “copy” it or imitate their system. By executing so, you must obtain oneself having the identical success as your teacher or mentor. Following all, if you want to make a lot more cash working on the web, you should be duplicating somebody else”s achievement designs for on your own. Not to be a “copy-cat” or “me-as well” product or service but far more along the lines of catapulting (or slingshot) you forward to results faster!

Glimpse for websites like Connected Written content or Consistent Information. The very first lets you to produce articles for them and get paid out for it. The 2nd website allows you to write posts for unique clientele who want content. These are much extra profitable and will make you a lot more revenue. Web sites similar to matters you are interested in that acknowledge articles are great locations to appear for writing assignments.

If you have been ripped off ahead of, you might not fall for this guarantee appropriate absent. But if you can do the correct shift and do a good exploration, you can expect to locate out that this one is a genuine, certain way to dollars in on the world wide web. In simple fact, even the prime message boards on creating dollars on line are indicating that this program is legit, giving you not a good deal of good reasons to skip out on the prospect.

The environment of Web marketing and advertising is very vast and remarkable. There are so lots of means that 1 can enter and use their know-how of this field to assist promote their enterprise and stand out. It is dependent fully on the particular person. That explained, no subject what your advertising and marketing competencies are, below are some tips to aid you out.

Make Income With Affiliate Marketing – One particular of the best methods to generate a residual income from residence is with affiliate marketing and advertising. As a substitute of earning dollars for your time like with a classic nine to 5 occupation, affiliate advertising implies you can make money from solution sales no matter if you put in much function hours or not.

You attain these backlinks by earning an agreement with a small business husband or wife and in return you will reciprocate sometime in the upcoming. It may possibly not be in the exact specialized niche even. Suppose I want a hyperlink for: “How to make money online” and my buddy has a make money online web site. He or she will compose a put up and anchor “How to Make Dollars Online” back again to me.

When you very first create your dwelling based company online you’re seeking for any edge you can uncover to get you started on the right route to earning funds with your organization. The secret to success on the net is leverage and the extra you use the less complicated it is to make dollars on the World wide web. Initially of all what is leverage?

Filling a Have to have, Want or Drive: Which is to simply fulfill someone’s thirst for a option. 2. Leverage: In get for you to make this take place rapidly, you may want to use the ability of leverage.

Read More

14 Amazing Examples To Customize Blockquote Style In Blogger!

A block quote or block quotation is an extract in a written document, set off from the main text as a distinct. We all quote great authors but we all must present these great words in an extra ordinary way using a beautiful blockquote. We have created simple CSS codes for around 14 Blockquotes, which are outstanding in look and feel. These blockquotes will give you an idea on how to create your own customized blockquote for your blogs and web pages.

Have a Look at each one of them. Details of adding the blockquote to your blogs and websites are given in the implementation and customization section.

Blockquote With a Fancy Border and Owl Image

 Blockquote Code:

blockquote {
margin : 0 20px;
padding: 60px 30px 40px 20px;
background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9BZv-X-Lw8ep5RsKNlA92xGse18R63JnJHfr2PE6bvHV4t4CY1-b5IqMpv49CwNhU9rZVUYPc61DV-AaM6pmXqrm-yozaZ9V5qiOP4CUOJR_NKEd8CMGLx28MPwgIvr3Lnf1q8v-0oXs/s400/owl.png) no-repeat 350px 5px;
font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif;
color : #000;
border-left: 8px dotted #DAB547;

}
blockquote p {
margin: 0;
padding-top:10px;

Blockquote With a Purple Corner Label and Border At Bottom

Blockquote Code:

.post blockquote {
margin : 0 20px;
padding: 70px 20px 20px 40px;
background : #E4EAFE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCj52K43SfC9CAENXDQ9USk6NSby8GgGiJl66zIF90-Qr9-nGJV0pK3-zKqXIg422PpSkw_pewZUD-Lt63F02doLd3QM9stUrXZ2Ndnke1riLkYV1U_e8qLHRiBbiQMZU26K8WtMR5gIw/s400/angular-purple.gif) no-repeat top left;
font: bold 1em Helvetica, verdana, Georgia, "Times New Roman", Times, serif;
color : #000;
border-bottom : 5px solid #435388;
}

.post blockquote p {
margin: 0;
padding-top:10px;
}

Jigsaw Blockquote With An Image At Right Corner

 Blockquote Code:

.post blockquote {
margin : 0 20px;
padding: 10px 20px 25px 20px;
background : #9FCFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicjtWVgOkEdxF9zFEsV00ArQypDteyLv2xz7tQkiqv9JgwrdPvjt6xS8kS2vSDNr5KkdxTOc4dQQoCAqXZInZsAj9mXfON0pxsOh2sMleZy7GV6rzEH-M8YdO9oNbSDzPg0Z9Zv63IWnk/s400/block22.gif) no-repeat right bottom;
font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia;
color : #484848;
border: 5px dashed #fff;
}

.post blockquote p {
margin: 0;
padding-top:10px;
}

Blockquotes With Classic Left Borders

 Blockquote Code:

.post blockquote {

background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitirlgySN617whHB2Zk2OE0h5Gnti7MiF5EuZkPy5W9ft5PFwcOQmERn9nk2Ynim3m2fEwWH4SZlCkyeE5wX22oGTWqfWA6XOHVqEn-WEISAZQ0GrTyl30uuaFfzcEaAKe1n_7VZtcMxs/s1600/comma-side-orange1.gif) ;

background-position:;

background-repeat:repeat-y;

margin: 0 20px;

padding: 20px 20px 10px 45px;

font-size: 0.9em;

font: italic 1.2em Georgia, "Times New Roman", Times, serif;

}

.post blockquote p {

margin: 0;

padding-top: 10px;

}

Blockquote Code:

blockquote {

background: #484B52 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7KTn166R7rr9WrCewswsem6m_r9J7ET9PqAoUVBgKLgkGQR6o3Cs0GIlOPy4U06rLxbHexRERNlmPVunhG1Y_0kh9TJmeXC483G0zxPjq7flZ5tG5at7JKchao5BMWLrseMSXhBVwMXE/s1600/green-black-side.gif) ;

background-position:;

background-repeat:repeat-y;

margin: 0 20px;

padding: 20px 20px 20px 50px;

color:#C7CACF;

font: normal 0.9em Helvetica, verdana, serif, Georgia, "Times New Roman";

}

.post blockquote p {

margin: 0;

padding-top: 10px;

}

Blockquote With A Brown Corner Label

 Blockquote Code:

.post blockquote {
margin : 0 20px;
padding: 20px 60px 80px 20px;
background : #FEE4E3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia1D-5CvZ_FBnco-65VsV9_-LA6qVslpw-5Qlk4WOLmwH1JcgpAPP58TZLvkWDH7v-RpNAEmJO1TaqufEoTjMsGMOfPWoiBNevQag8pZ8lnbOyYY4jCS7hn3fJa1Ze2vXZr_sDgNnYHDg/s400/angular-right.gif) no-repeat bottom right;
font: bold italic 1em  Georgia, verdana, Helvetica,  "Times New Roman", Times, serif;
color : #000;
border: 1px solid #DDD;
}

.post blockquote p {
margin: 0;
padding-top:10px;
}

Blockquotes With Inverted Commas

  Blockquote Code:

.post blockquote {
  font: 18px normal Tahoma, sans-serif;
  padding-top: 10px;
  margin: 5px;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikdLEcyzCihP6_9FRWea30btSlhxXtw9oCY4TVI0WvOq_hfTEIvk1fCiNgcxPV2Bp2oz_YijGf7g7T5g6X4SaAoFNMbFouTVkRT517Tb3maJkGxPtr_nVex3v2RaE-VZzUGkB_8xWKi68/s400/comma-left.gif) no-repeat top left;
  text-indent: 65px;
  }
  .post blockquote div {
    display: block;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuTT_TJisyItiIbdvIMb0vKF4I2c_0t_3wbjdRJHAMfZx-hdk3qQPYJoQR4CJ_G2WLaPzcRo7eOZ9f6BxACyvclQVo68fSnuGGAgkQEuDeZg-dHusiSySIPT4LkijJrGt8UlREr8_1xDk/s400/comma-right.gif) no-repeat bottom right;
padding-bottom:10px;
}

.post blockquote p {
margin: 0;
padding-top:10px;
}

  Blockquote Code:

.post blockquote {
  font: 18px normal Tahoma, sans-serif;
  padding-top: 10px;
  margin: 5px;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_t3gQukYsBg2-97REjHsnDyi1IGWjx7wYuYQjmg3wghW4K1fBoU0onAUaasnZVWk0T9gdWiT1yQ7jVkM2GWYX7vcM9OiuR-ZLPmU-GRTec_x0xwaudVecRXmSUyN8h2wzDJRAVwz6SqY/s400/comma1-left.gif) no-repeat top left;
  text-indent: 65px;
  }
  .post blockquote div {
    display: block;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLOJ9FxZKHkZc91C0HlCzVWLrxsbnnWaXKQL2lSXNZkX35mOC3E4qGJQjm77FsBcVrGh-ozr-hNFYarTkdc7oatzEOAAp5Z5u7WvxPQG62Y_BUlat6nfbC6Mz9ZCr_kutjQb98T4wPY7A/s400/comma1-right.gif) no-repeat bottom right;
padding-bottom:10px;
}

.post blockquote p {
margin: 0;
padding-top:10px;
}

Blockquote Code:

.post blockquote {
  font:bold italic .9em  "comic sans ms", Tahoma, sans-serif;
  padding-top: 25px;
  margin: 5px;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIc7Yagg5wlF4-TbkOX74xcHjFQSdh5YWxfCUIAchNnn-A-SIJhHfvXEvhEF7J_LqEUpFjs95XI5BdXtd-WI2UrhXAqRKV4jnIYtxJsHaRFSJyJSowh-WD-s2SjAq-FjEq36ZGnROk5F0/s400/left.gif) no-repeat top left;
  text-indent: 65px;
color:#6299E4;
  }
  .post blockquote div {
    display: block;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoNS-5qoE210YoBM6gzLSEyI_OpE9kG1DFF50L0r-t1ll28_51YNumrg6j6oz1Rx02H1BvINnErnMN00M3UVB2JRaU3XptMeWg2UeGW6FhXXSSCrhewNAhTmd4z4oOg5hP-h5pCIEoEes/s400/right.gif) no-repeat bottom right;
padding-bottom:30px;
}

.post blockquote p {
margin: 0;
padding-top:10px;
}

Blockquote Code:

.post blockquote {
  font: italic 1em  "comic sans ms", Tahoma, sans-serif;
  padding-top: 10px;
  margin: 5px;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3-ot_QWkdLpvpGvQ8QQCankA68hpIDK52Hn0G4O6iO3Xb9LdSvjBYZGx1GkD04XiU4y1pojPw2-tmrBs7zeg9E3ElOMPdpCPSTpDm8UtbefcVGTQmD9PIN_7Qj1fWlcHcayXZB465xM0/s400/comma2-left.gif) no-repeat top left;
  text-indent: 65px;
  }
  .post blockquote div {
    display: block;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDsF-l7lDVYxTDaHN2SIOMkVy4RPAaZPAJ5vE6LPeBuUnWfP4IJfGx4ESb75fvel-yHeMJaIpfNQ5p41-vRakShXoAzBLlb24EOnwM8Hf2VlC6F3EGNnmue-GgspK5XIlbzFEuE81eQ5c/s400/comma2-right.gif) no-repeat bottom right;
padding-bottom:10px;
}

.post blockquote p {
margin: 0;
padding-top:10px;
}

Blockquote With Well Aligned Image At Top

 Blockquote Code:

.post blockquote {
margin : 0 20px;
padding: 70px 20px 20px 20px;
background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm8485ldPS0aKCxBZgDM3RavbXdq0jRWn2rAYLBdzgr7fZfSFtOjZohjg2W6f34xd7pvv5nmdYsA8MRsEpoDMwzDbR36gs1oEQQDh8ZmdkVp5szCdP1EOUq0rRTMQSTAP5LLQkiorn_WU/s1600/block333.gif) no-repeat top;
font: normal 1em "comic sans ms",Helvetica, Courier,"Times New Roman", Times, serif;
color : #000000;
border-bottom : 7px solid #FF0000;
}

.post blockquote p {
margin: 0;
padding-top:10px;
}

Blockquote With Canopy Style Image At Top and Bottom

 Blockquote Code:

.post blockquote{
margin : 0 20px;
padding: 50px 30px 50px 30px;
background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3Jmc4Ykg5ybYlbBw7tGOwLn02PpEzMlrno4saIoxp31A5wbcmxivA4x4XcmbzLTiZMalHInsac4dDFjEI8QIcRBinHvsUTcqm0kojnFSGb59UF9KmQtS0WdlU4kOJdYAKY9CV5PldE4Y/s1600/BLOCK1-TOP.gif) no-repeat top;
font: bold italic 1em Helvetica, verdana;
color : #000;
}

.post blockquote div{
background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIINYHax3rYszdnE456j5kJAM_cOPiH3a0I1CVhUT71CX31MmkFJNVgh0MWD8Y4eFngwgNs_z-lHB0ym33aicOVMVnodU-90edcjZzQNLF3uKhi6ALhfJ-uwE56zS3SWIIysU9w1DNsU4/s1600/BLOCK1-BOTTOM.gif) no-repeat bottom;
padding-bottom: 50px;
}

.post blockquote p {
margin: 0;
padding-top:10px;
}

Box Style Blockquote Surrounded By Borders

 Blockquote Code:

.post blockquote {

margin : 0 20px;

padding: 70px 20px 30px 20px;

background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1Z1WILnfirWVYoU6_wR9Itrwnc_0nq-6zsp4SUSSNFMB-0ZHDoG0P0rno7QqVp5KAVhy3Unu2oOuHYjPNFbHPKEmP6KTB3Y1_Fm1wnAp6oUdD6c0uKNdxX9Va6cM1B5tQuRAhu_n65Mo/s400/block3331.gif) no-repeat top;

font: bold .9em Helvetica, "comic sans ms",Courier,"Times New Roman", Times, serif;

color : #343434;

border-left : 7px solid #FF7802;

border-right : 7px solid #FF7802;

border-bottom : 7px solid #FF7802;

}

.post blockquote p {

margin: 0;

padding-top:10px;

}

The Monkey Man Blockquote!!!

Once you get an idea on how to use these blockquotes then you can create artistic and some funny blockquotes like the one below,

 Blockquote Code:

.post blockquote{
margin : 0 35px;
padding: 80px 0px 0px 0px;
background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwYC5AEWwY9HFyNGB_C3Rl9jfl_XRhu6NNTr1XUUBhllz28OC4ljvacGDPMwzLm2PMNEE_qnfQB7PFUAge_cSvYARxqXO-5QO17n4-ld2vhsOpgUYmaIYz7Bsa7SalF-Y-cT35xYfzlfw/s400/head2.gif) no-repeat top;
font: normal 1em "comic sans ms", Helvetica, verdana;
color : #666;
}

.post blockquote div{
background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwxKepFMJb7ppLazojGOmemb50JyKc2RqDqg953b1Q1TzCREYyhVa2lARssro4r5a0gZCIDYoflLYKa0sdttGIYIdrtLLmRaD3H2u3cgmCuIR28LxGuUiiko88ecBpk_P3iITbwOF2cJo/s400/head-bottom3.gif) no-repeat bottom;
padding-bottom: 50px;
}

.post blockquote p {
margin: 0;
padding: 20px;
}

Implementation and Customization:-

Implementaion:-
Now To add One of these amazing and unique blockquotes to your blogs, do the following,

1. Go to Blogger > Layout > Edit HTML
2. Backup your template
3. Search for .post blockquote and delete it along with all its occurrences. In most templates the codes look like this,
   
   .post-body blockquote { line-height:1.3em; }
   OR
   .post blockquote{ bla bla bla}                                                                                                               If you couldn’t find such code then it is OK.
4. Now search for ]]>

 and just above ]]> , paste the code for one of your favourite blockquotes. I am giving a sample code below

.post blockquote {
margin : 0 20px;
padding: 60px 30px 40px 20px;
background : #F1F8FE url(Paste Image Link here) no-repeat 350px 5px;
font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif;
color : #000;
border: 8px dotted #DAB547;

}
.post blockquote p {
margin: 0;
padding-top:10px;
}

Customization:-
Important areas to be customized are bolded. Where,

• padding: It refers to the distance of the text from blockquote borders. Which goes in this order –> Top Right Bottom Left 
• background :- This includes Blockquote background color and image used in it. The six digit value is the background color and image link is inserted in place of bolded text in this part-> url(Paste Image Link here)
• font :- It includes font style, size and type respectively. Match the colours with the code above for reference.
• color :- This refers to text colour. You can use a different font colour using ourcolor chart
• border :- This refers to border width, style and colour respectively.
• All other blockquotes can be customized in similar way.

     5.      After customizing finally save your template and preview it to see the interesting new change.
Note:- For Blockquotes with inverted commas, canopy style and the Monkey Man, there is a little more coding required. Read below
Guide:- For above mentioned blockquotes you need to add some extra tags inside blogger editor as explained below,
Now Whenever you have written a Quote inside the compose mode of Blogger Editor simply switch to the HTML mode and add two tags i.e 

 and 
 between the blockquote tags as demonstrated below,
                                                                                   Your Quote Will Be Here

Play With Each Blockquote Code!

To get more used to the codes above you need to play with some CSS using our HTML Editor.
Inside MLW HTML Editor paste the any of the blockquote codes above between   and just below 
 paste this code,

Write Anything Here As a Text

For example for the Owl Blockquote paste the codes in this pattern,

Write Anything Here As a Text

Start discussion in comment box

That’s All!

I have created all images with text “Copyrighted Coding” or “Scanned Copy” etc. If you want to write something else than use my images as reference size to create your own custom images.

I will publish two consecutive posts where I will share a blockquote with auto number listand a blockquote with a blinking bulb! Make sure you subscribe to be updated about latest CSS and HTML tricks related to Blogger.

Do not forget to tell us how useful or unique this post was for you.

blockquote {
margin : 0 20px;
padding: 60px 30px 40px 20px;
background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9BZv-X-Lw8ep5RsKNlA92xGse18R63JnJHfr2PE6bvHV4t4CY1-b5IqMpv49CwNhU9rZVUYPc61DV-AaM6pmXqrm-yozaZ9V5qiOP4CUOJR_NKEd8CMGLx28MPwgIvr3Lnf1q8v-0oXs/s400/owl.png) no-repeat 350px 5px;
font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif;
color : #000;
border-left: 8px dotted #DAB547;

}
blockquote p {
margin: 0;
padding-top:10px;
}

Read More