Notification texts go here. Contact Us Buy Now!
$10.00
10
$000

Get your blog ready With details you won't find anywhere.

create a page to get the color code for Blogspot

abdalrahman
Please wait 0 seconds...
Scroll Down and click on Go to Link for destination
Congrats! Link is Generated

When you design a website, decorate it with codes, it is impossible not to mention the color of the website. In addition to using the name of the color, you can use the color code. So how to there are color codes there. Today I will show you how to create a color coded page for your blog.


Benefits of creating a color code table for blogspot

Benefits :

  • Make your blog more Google friendly.
  • Contains a number of colors that you do not know the name of.
  • Make your Blog become more professional.
  • Users will know your website-blog more.

How to create a color code page for Blogspot

Implementation steps:

Step 1: Select Page => Create new page => Select HTML mode.

Step 2: Paste the following code in:

<h2>Responsive <span>Flat UI</span> Color Picker</h2>  <div id="flatuanhnhim">    <ul>      <li><span><span>Mã Màu</span> #5C97BF</span>      </li>      <li><span><span>Mã Màu</span> #4B77BE</span>      </li>      <li><span><span>Mã Màu</span> #1F3A93</span>      </li>      <li><span><span>Mã Màu</span> #2574A9</span>      </li>      <li><span><span>Mã Màu</span> #67809F</span>      </li>      <li><span><span>Mã Màu</span> #34495E</span>      </li>      <li><span><span>Mã Màu</span> #3A539B</span>      </li>      <li><span><span>Mã Màu</span> #1E8BC3</span>      </li>      <li><span><span>Mã Màu</span> #6BB9F0</span>      </li>      <li><span><span>Mã Màu</span> #22313F</span>      </li>      <li><span><span>Mã Màu</span> #336E7B</span>      </li>      <li><span><span>Mã Màu</span> #19B5FE</span>      </li>      <li><span><span>Mã Màu</span> #89C4F4</span>      </li>      <li><span><span>Mã Màu</span> #2C3E50</span>      </li>      <li><span><span>Mã Màu</span> #3498DB</span>      </li>      <li><span><span>Mã Màu</span> #22A7F0</span>      </li>      <li><span><span>Mã Màu</span> #94E0EE</span>      </li>      <li><span><span>Mã Màu</span> #52B3D9</span>      </li>      <li><span><span>Mã Màu</span> #59ABE3</span>      </li>      <li><span><span>Mã Màu</span> #26A65B</span>      </li> <li><span><span>Mã Màu</span> #1E824C</span>      </li>      <li><span><span>Mã Màu</span> #00B16A</span>      </li>      <li><span><span>Mã Màu</span> #2ABB9B</span>      </li>      <li><span><span>Mã Màu</span> #4DAF7C</span>      </li>      <li><span><span>Mã Màu</span> #03A678</span>      </li>      <li><span><span>Mã Màu</span> #26C281</span>      </li>      <li><span><span>Mã Màu</span> #019875</span>      </li>      <li><span><span>Mã Màu</span> #3FC380</span>      </li>      <li><span><span>Mã Màu</span> #16A085</span>      </li>      <li><span><span>Mã Màu</span> #2ECC71</span>      </li>      <li><span><span>Mã Màu</span> #C5EFF7</span>      </li>      <li><span><span>Mã Màu</span> #C8F7C5</span>      </li>      <li><span><span>Mã Màu</span> #049372</span>      </li>      <li><span><span>Mã Màu</span> #36D7B7</span>      </li>      <li><span><span>Mã Màu</span> #66CC99</span>      </li>      <li><span><span>Mã Màu</span> #1BA39C</span>      </li>      <li><span><span>Mã Màu</span> #1BBC9B</span>      </li>      <li><span><span>Mã Màu</span> #65C6BB</span>      </li>      <li><span><span>Mã Màu</span> #BFBFBF</span>      </li>      <li><span><span>Mã Màu</span> #ABB7B7</span>      </li>      <li><span><span>Mã Màu</span> #DADFE1</span>      </li>      <li><span><span>Mã Màu</span> #95A5A6</span>      </li> <li><span><span>Mã Màu</span> #C5DCE2</span>      </li>      <li><span><span>Mã Màu</span> #BDC3C7</span>      </li>      <li><span><span>Mã Màu</span> #EEEEEE</span>      </li>      <li><span><span>Mã Màu</span> #D2D7D3</span>      </li>      <li><span><span>Mã Màu</span> #F0E2C5</span>      </li>      <li><span><span>Mã Màu</span> #EB9532</span>      </li>      <li><span><span>Mã Màu</span> #E67E22</span>      </li>      <li><span><span>Mã Màu</span> #F27935</span>      </li>      <li><span><span>Mã Màu</span> #F9BF3B</span>      </li>      <li><span><span>Mã Màu</span> #F7CA18</span>      </li>      <li><span><span>Mã Màu</span> #F9690E</span>      </li>      <li><span><span>Mã Màu</span> #F39C12</span>      </li>      <li><span><span>Mã Màu</span> #D35400</span>      </li>      <li><span><span>Mã Màu</span> #F4D03F</span>      </li>      <li><span><span>Mã Màu</span> #F5AB35</span>      </li>      <li><span><span>Mã Màu</span> #EB974E</span>      </li>      <li><span><span>Mã Màu</span> #F2784B</span>      </li>      <li><span><span>Mã Màu</span> #F4B350</span>      </li>      <li><span><span>Mã Màu</span> #E87E04</span>      </li>      <li><span><span>Mã Màu</span> #E74C3C</span>      </li>      <li><span><span>Mã Màu</span> #CF000F</span>      </li>      <li><span><span>Mã Màu</span> #C0392B</span>      </li>      <li><span><span>Mã Màu</span> #D64541</span>      </li>      <li><span><span>Mã Màu</span> #EF4836</span>      </li>      <li><span><span>Mã Màu</span> #96281B</span>      </li>      <li><span><span>Mã Màu</span> #D91E18</span>      </li>      <li><span><span>Mã Màu</span> #E26A6A</span>      </li>      <li><span><span>Mã Màu</span> #FF0000</span>      </li>      <li><span><span>Mã Màu</span> #F22613</span>      </li>      <li><span><span>Mã Màu</span> #E08283</span>      </li>      <li><span><span>Mã Màu</span> #9B59B6</span>      </li>      <li><span><span>Mã Màu</span> #8E44AD</span>      </li>      <li><span><span>Mã Màu</span> #BE90D4</span>      </li>      <li><span><span>Mã Màu</span> #BF55EC</span>      </li>      <li><span><span>Mã Màu</span> #9A12B3</span>      </li>      <li><span><span>Mã Màu</span> #913D88</span>      </li>      <li><span><span>Mã Màu</span> #722D6A</span>      </li>      <li><span><span>Mã Màu</span> #740A4E</span>      </li>    </ul>  </div><style type="text/css">/* Flat UI Color Picker */#flatuanhnhim ul.flatui{position:relative;display:table;width:100%;text-align:center;color:#fff;font-size:12px;margin:auto;position:relative;padding:0}#flatuanhnhim ul.flatui li{position:relative;display:flex;float:left;width:25%;min-height:160px;padding:4%;list-style:none;background:#444;text-align:center;font-family:inherit;color:rgba(255,255,255,);font-size:1.1rem;margin:auto;font-weight:700;backface-visibility:hidden;transition:all .3s cubic-bezier(1,0.015,0.295,1.225)}#flatuanhnhim ul.flatui li:hover{z-index:4}#flatuanhnhim ul.flatui li:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:;z-index:1;opacity:0;visibility:hidden;transform:scale(0.4)}#flatuanhnhim ul.flatui li:hover:before{opacity:1;visibility:visible;transform:scale(1.0)}#flatuanhnhim ul.flatui li:after{content:'Nhấn Ctr + C Để Sao Chép';display:block;position:absolute;padding:10px 0;font-weight:400;font-size:.8rem;left:0;right:0;bottom:0;opacity:0;color:rgba(255,255,255,.5);font-weight:700;visibility:hidden;transform:translate(0,30px);transition:all .3s cubic-bezier(1,0.015,0.295,1.225);transition-delay:.1s}#flatuanhnhim ul.flatui li:hover:after{opacity:1;visibility:visible;transform:translate(0,-10px);z-index:1;transition-delay:.8s}#flatuanhnhim ul.flatui li .largecode{width:100%;padding:0;display:block;float:none;margin:auto;clear:both;z-index:3}#flatuanhnhim ul.flatui li .smallcode{width:100%;padding:0;display:block;float:none;margin:0 auto 10px auto;font-weight:400;font-size:.8rem;clear:both;z-index:3}@media screen and (max-width:800px){#flatuanhnhim ul.flatui li{width:33.3%;line-height:normal}}@media screen and (max-width:640px){#flatuanhnhim ul.flatui li{width:50%}}@media screen and (max-width:480px){#flatuanhnhim ul.flatui li{width:100%}}#comments,#sidebar-wrapper {display:none!important;}#post-wrapper {width:100%!important;}</style>

Step 3: Save and see the results!


You can watch Demo:

Demo
Read Also

Getting Info...

Post a Comment

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.