Cara Membuat Typography di Postingan Blog

Cara membuat typography di postingan blog - Typography atau sering kita sebut sebagai kotak peringata atau juga yang lain nya,ini sangat bermanfaat untuk di letakan di postingan blog sobat,karena dengan memasang typography ini pengunjung dengan mudah membaca apa-apa yang di sampaikan oleh admin blog tersebut

Sehingga dengan terpasang nya typography di postingan tersebut selain memudahkan memberikan warning kepada pengunjung tentang hal penting yang terkait dengan isi postingan tersebut,juga akan memberikan nilai tambah kepada pengujung mengenai postingan atau pun blog sobat

Dan tentunya dengan memasangan typography ini tidak akan memberatkan loading blog sobat,karena anda bisa memilih salah satu dari kelima typography tersebut,sobat bisa mengmabil salah satunya dari typography tersebut menurut sobat penting dan berguna untuk di terapkan di postingan sobat

Cara memasang typography atau tanda peringatan di postingan blog

Untuk memasang typography ini sangatlah mudah,dan sobat bisa mengikuti langkah-langkah penerapan nya di bawah ini dan di antara

• Silahkan sobat masuk ke bagian Dashboard Blogger
• Setelah itu klik Template yang berada di bagian samping dashboard kemudian edit html
• Setelah berada di bagain edit html silahkan sobat blogger letakan kode Css di bawah ini

/* Warning message */
.box-info,.box-tips,.box-warning, .box-list, 
.box-download{ border: 1px solid #eee;clear:both; display: 
block;line-height: 22px; min-height: 38px; padding: 10px 12px 12px 68px;
 margin: 15px 0;}
.box-info{ background: #F8F8F8 
url('https://dl.dropboxusercontent.com/u/58902557/typography/info.png') 
no-repeat 12px 8px; color: #222}
.box-tips{ background: #7CADDE 
url('https://dl.dropboxusercontent.com/u/58902557/typography/tips.png') 
no-repeat 12px 8px; color: #fff;}
.box-warning{ background: #db6161 
url('https://dl.dropboxusercontent.com/u/58902557/typography/warning.png')
 no-repeat 12px 8px; color: #fff;}
.box-list { background: #F7FCF9 
url(https://dl.dropboxusercontent.com/u/58902557/typography/sticky-big.png)
 no-repeat 16px 14px;}
.box-download { background: #F8F8F8 
url(https://dl.dropboxusercontent.com/u/58902557/typography/download-big.png)
 no-repeat 16px 14px;}
.box1 { margin: 15px 0; padding: 10px 15px !important; background-color: #329579; color: #fff}
.box2 { margin: 15px 0; padding: 10px 15px !important; background-color: #ffffdd; color: #006699;}

• Kemudian silahkan Sobat Save template nya

Cara memasang Typography di postingan blog

Kelima typography di atas bisa anda pilih salah satu nya untuk di gunakan di dalam postingan sobat atau juga bisa menggunakan semua nya bila sobat membutuh kan nya,dan setelah sobat meletakan kode Css tersebut di atas di dalam Edit Html seperti langkah di atas,kemudian silahkan sobat letakan kode berikut di dalam postingan sobat,cara nya seperti biasa ketika sobat akan menulis artikel kode nya sebagai berikut

<p class="box-info"> pesan disini.</p>
<p class="box-tips"> Pesan disini.</p>
<p class="box-warning"> Pesan disini</p>
<p class="box-list">Pesan disini</p> 
<p class="box-download">pesan disni</p>

Silahkan anda masukan pesan anda yang akan di sampaikan kepada pengujung di bagian "Pesan disini"
Nah itulah cara membuat Typography atau pesan peringatan di postingan blog,semoga artikel nya bisa membantu sobat blogger

• SHARES
• Share
• Tweet
• Share
• Share

Previous

Posting Lebih Baru

Next

Posting Lama

Posted by D2Ubed, Published at Agustus 09, 2017 and have 0 komentar