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:AA Koben akan memberikan hiasan sederhana pada bagian itu dengan menanamkan 3 buah link share. Maka akan tampak spt:Sobat hanya perlu menambahkan kode CSS ke dalam template!

.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...

Syntax HTML pasangkan setelah kode<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