Tuesday, 5 November 2013

// // Leave a Comment

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/AVvXsEj2hr1cNGPxtHUUbZbZXxWtBjw6moMUO_EU-oaEl-CkphC_aXKd2z99vkopDh9gaSnYx3ZuK94N7w0jlKSQ2Wg3fVGCTKpnC-_aasxCpP_jrvc0JQqvgde6_6aMXtLlGWcJaH20rswSSGoM/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/AVvXsEj2hr1cNGPxtHUUbZbZXxWtBjw6moMUO_EU-oaEl-CkphC_aXKd2z99vkopDh9gaSnYx3ZuK94N7w0jlKSQ2Wg3fVGCTKpnC-_aasxCpP_jrvc0JQqvgde6_6aMXtLlGWcJaH20rswSSGoM/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.

0 Peoples tell for us:

Post a Comment

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. Please "Do Not Add Links" to the body of your comment as they will not be published.
4. Only "English" comments shall be approved.
5. If you have a problem check first the comments, maybe you will find the solution there.