CARA MEMASANG KODE BLOCKQUOTE SEO FRIENDLY DALAM BLOG
[Struktur Kode] Berikut ini adalah kumpulan Struktur Kode Blockquote Seo Friendly dan cara pemasangannya di blogger. Kode-kode ini diharapkan bisa memperindah tampilan dari postingan-postingan blog anda. Sederhana dan sangat seo friendly, dan semoga bermanfaat.
Struktur Kode Blockquote Pertama:
.post blockquote{
display:block;
background: #fff;
padding: 15px 20px 15px 45px;
margin: 0 0 20px;
position: relative;
font-family: Georgia, serif;
font-size: 16px;
line-height: 1.2;
color: #666;
text-align: justify;
border-left: 16px solid #048c5e;
border-right: 3px solid #048c5e;
-moz-box-shadow: 2px 2px 15px #ccc;
-webkit-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}
.post blockquote::before{
content: "\201C"; /*Unicode for Left Double Quotes*/
font-family: Georgia, serif;
font-size: 60px;
font-weight: bold;
color: #999;
position: absolute;
left: 10px;
top:5px;
}
.post blockquote::after{
content: "";
}
.post blockquote a{
text-decoration: none;
background: #eee;
cursor: pointer;
padding: 0 3px;
color: #c76c0c;
}
.post blockquote a:hover{
color: #666;
}
.post blockquote em{
font-style: italic;
}
letakkan kode ini tepat sebelum kode </skin> di dalam blog anda,
untuk melihat tampilan dan panduan pemasangan secara lengkap silahkan klik disini.
Struktur Kode Blockquote Kedua:
blockquote{
margin:20px;
color:#272827;
background:#e2e2e2;
border-top: 2px dashed #03a506;
border-bottom: 2px dashed #03a506;
padding: 12px 7px 12px 7px
}
letakkan kode ini tepat sebelum kode </skin> di dalam blog anda, untuk melihat tampilan dan panduan pemasangan secara lengkap silahkan klik disini.
Struktur Kode BlockQuote Ketiga:
.post blockquote{
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 16px;
border-top: solid 2px #dddddd;
border-left: solid 2px #dddddd;
border-right: solid 2px #dddddd;
border-bottom: solid 2px #dddddd;
margin: 1em 0px;
padding: 1em 1em;
font-family: Georgia, Times, "Times New Roman", serif;
font-style: italic;
font-size: 1em;
min-height: 60px;
}
.post blockquote:before {
display: block;
float: left;
content: "\201C";
font-size: 100px;
margin-right: 10px;
color: #fff;
background-color: #0bc1dd;
padding: 15px 12px 5px 8px;
width: 50px;
height: 50px;
line-height: 90px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.post blockquote cite {
position: relative;
display: block;
text-align: right;
margin-top: 5px;
color: #999;
}
letakkan kode ini tepat sebelum kode </skin> di dalam blog anda, untuk melihat tampilan dan panduan pemasangan secara lengkap silahkan klik disini.
Demikianlah informasi mengenai pemasangan blockquote di blog, untuk tips lainnya silahkan berkunjung kembali.
EmoticonEmoticon