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.
0 comments:
Post a Comment