Title : Make Search Description Box With Links Share
link : Make Search Description Box With Links Share
Make Search Description Box With Links Share
Seperti yang sudah kita ketahui bersama, bahwasannya blog dengan platform blogspot telah disisipkan dengan kolom Search Description! Apakah itu? Tidak lain untuk menuliskan penjelasan singkat tentang post yg sedang kita buat, agar mesin penjelajah dapat mengindex hasil post kita itu dengan customize keywords secara akurat ;))Contoh pada blog ini penampakan seperti berikut:


.wrap-bq {
margin: 0 auto;
padding: 5px 0;
max-width: 100%;
overflow: hidden;
}
.page-bq {
font-weight: 100;
line-height: 1.5;
padding: 10px 0;
position: relative;
text-align: left;
font-size: inherit;
border: solid #ccc;
border-width: 1px 0;
}
.page-bq-share {
right: 0;
bottom: 10px;
font-size: 0;
height: 21px;
overflow: hidden;
position: absolute;
}
.page-bq-share > li {
font-size: 18px;
vertical-align: top;
display: inline-block;
}
.page-bq-share > li+li {
margin-left: 11px;
}
.page-bq-share a {
color: inherit;
display: block;
}
.page-bq-share a img {
height: 20px;
width: 20px;
}
.screen-reader {
clip: rect(0 0 0 0);
display: block !important;
position: absolute;
width: auto !important;
}
.text-bq {
color: inherit;
}
Silahkan edit-edit value or tambah-tambah sesuai dengan kebutuhan...margin: 0 auto;
padding: 5px 0;
max-width: 100%;
overflow: hidden;
}
.page-bq {
font-weight: 100;
line-height: 1.5;
padding: 10px 0;
position: relative;
text-align: left;
font-size: inherit;
border: solid #ccc;
border-width: 1px 0;
}
.page-bq-share {
right: 0;
bottom: 10px;
font-size: 0;
height: 21px;
overflow: hidden;
position: absolute;
}
.page-bq-share > li {
font-size: 18px;
vertical-align: top;
display: inline-block;
}
.page-bq-share > li+li {
margin-left: 11px;
}
.page-bq-share a {
color: inherit;
display: block;
}
.page-bq-share a img {
height: 20px;
width: 20px;
}
.screen-reader {
clip: rect(0 0 0 0);
display: block !important;
position: absolute;
width: auto !important;
}
.text-bq {
color: inherit;
}
Syntax HTML pasangkan setelah kode
BONUS . . .
Count Words - Count Words 📖🔍 - Random Selection Color 🌈🎲 - Split-String ✂︎ Encoder - Tinkerpad - Responsive Website Testing Tool - HTML Widget with CSS Options Panel - JOE: The JavaScript Operating Environment - PreEQual: The World's First EQCSS Pre-Processor - ProCSS: The CSS Pro-Processor - CSS Tooltips and Popovers - Custom code editor palette in pure CSS - Daily UI #010 - Social Share - show hidden text - ellipsis - Medium-style highlight menu - Pure CSS Slideshow Gallery - Strikethrough hover - mix-blend-mode demo - oxeQqo - Colourful Flower Popup Menu - Gooey Menu CSS Only - Windows - 90's emoji cursor - React Redux Todo App #1 - Dynamic Gradient Backgrounds - ES6 Random Color Text - CSS3 Paper Folding Effect - Update CSS Variables with JS - Material Buttons.css - Imperfect Buttons - Widgets - Vertical color adapting CSS menu - DailyUI026 Subscribe Popup - HEX Background Blend Modes Tester - DailyUI027 Dropdown - Text particle - Email Sentiment Widget Builder - Simple Image Overlay Hover Effects - 18 Simple Styles for Horizontal Rules (hr CSS Design) - Todo List - RSS Job board - JSON and PHP Short Tag Array Converter
<div class='post-body entry'>
Kalau ada dua, berarti yang ke dua! Brikut kode HTMLnya Search Description HTML Coded. Begitu saja yg bisa gue beri, bonusnya spt biasa sangat luar biasa ;)BONUS . . .
Count Words - Count Words 📖🔍 - Random Selection Color 🌈🎲 - Split-String ✂︎ Encoder - Tinkerpad - Responsive Website Testing Tool - HTML Widget with CSS Options Panel - JOE: The JavaScript Operating Environment - PreEQual: The World's First EQCSS Pre-Processor - ProCSS: The CSS Pro-Processor - CSS Tooltips and Popovers - Custom code editor palette in pure CSS - Daily UI #010 - Social Share - show hidden text - ellipsis - Medium-style highlight menu - Pure CSS Slideshow Gallery - Strikethrough hover - mix-blend-mode demo - oxeQqo - Colourful Flower Popup Menu - Gooey Menu CSS Only - Windows - 90's emoji cursor - React Redux Todo App #1 - Dynamic Gradient Backgrounds - ES6 Random Color Text - CSS3 Paper Folding Effect - Update CSS Variables with JS - Material Buttons.css - Imperfect Buttons - Widgets - Vertical color adapting CSS menu - DailyUI026 Subscribe Popup - HEX Background Blend Modes Tester - DailyUI027 Dropdown - Text particle - Email Sentiment Widget Builder - Simple Image Overlay Hover Effects - 18 Simple Styles for Horizontal Rules (hr CSS Design) - Todo List - RSS Job board - JSON and PHP Short Tag Array Converter
Thus articles Make Search Description Box With Links Share
that is all articles Make Search Description Box With Links Share This time, hopefully can provide benefits to all of you. Okay, see you in another article posting.
You now read the article Make Search Description Box With Links Share with the link address https://autopostingblogspot.blogspot.com/2016/04/make-search-description-box-with-links.html
0 Response to "Make Search Description Box With Links Share"
Posting Komentar