TẠO KHUNG THÔNG TIN TÁC GIẢ CHO BLOGSPOT

TẠO KHUNG THÔNG TIN TÁC GIẢ CHO BLOGSPOT

TẠO KHUNG THÔNG TIN TÁC GIẢ CHO BLOGSPOT

Hello bé Lê Văn Đạt, á nhầm xin chào mọi người. Hôm nay, Ciel Designer hướng dẫn các bạn tạo khung thông tin tác cho blogspot đơn giản và chất. Và cuối cùng chúc mọi người năm mới an khang thịnh vượng, vạn sự như ý, tiền vô xồng xốc - tiền ra từ từ và tràn đầy hạnh phúc.

CÁCH THỰC HIỆN

Bước 1: Chèn đoạn code này vào dưới ]]></b:skin>

.autor-avatar img:hover {
border-radius: 5px!important;
}
.author-box{
float: left;
border: 1px solid #ddd;
background: linear-gradient(260deg, #3492b5, #0ecf8a);
border-radius: 3px;
padding: 15px;
margin: 15px 0 10px;
}
.autor-avatar{float:left;width:130px}
.autor-avatar img{ transition: .4s;
height: auto;
width: 95px;border: 3px solid #fff;border-radius:100px}
.author-box .name{color: white;font-size:20px}
.author-box a{ text-transform: uppercase;
font: 700 21px Roboto Condensed;color:#424242;}
.author-box p.desc{color: white;margin:8px 0}
body {
background: #f8f8f8 url() repeat scroll top left;
font-family: 'Roboto', sans-serif;
color: #777;
font-size: 14px;
font-weight: 400;
word-wrap: break-word;
margin: 0;
padding: 0
}

Bước 2: Chèn đoạn code này vào dưới chỗ bạn muốn chèn.

<div class="author-box">
<div class="autor-avatar">
<img alt="" class="avatar avatar-130 photo" height="130" src=" https://1.bp.blogspot.com/-vr0tnuoHhOk/XAfDObgKX0I/AAAAAAAAA-A/SEwwUP8IDZMEEC58w36fE_HtsIYNCqa9ACK4BGAYYCw/s220/43626275_1359235400885750_8159768770919792640_n.jpg" width="130">
</div>
<div class="right">
<div class="name">Tác giả: <a href="#">Ciel Designer</a>
</div>
<p class="desc">Tôi lang thang trên đường đời, bỏ qua những thứ quan trọng nhất. Để rồi khi ngoảnh lại, chỉ còn Tôi - Các Bạn và Blog!</p>
</div>
</div>

TÙY CHỈNH

Thay đổi ảnh thì bạn thì bạn chỉ cần thay đổi link này https://1.bp.blogspot.com/-vr0tnuoHhOk/XAfDObgKX0I/AAAAAAAAA-A/SEwwUP8IDZMEEC58w36fE_HtsIYNCqa9ACK4BGAYYCw/s220/43626275_1359235400885750_8159768770919792640_n.jpg

Thay tên Ciel Designer thành tên bạn.

Chúc bạn thành công. !

Загрузка...

Xem Tiếp

Tạo Widget Recent Comment với Avatar bo tròn và Tiêu đề bài viết

Chào các bạn, hôm nay mình sẽ 'chia sẻ lại' một widget recent comment khá đẹp và đẹp do Duy Phạmviết. Trước đó mình cũng có chia sẻ lại một mẫu widget recent comment khác của Duy Phạm và Idblanter, code javascript thì mình bê nguyên của tác giả còn CSS thì mình viết lại hoàn toàn.
Widget này còn một điểm hay nữa là khi bạn rê chuột vào tiêu đề bài viết thì sẽ hiện ra đoạn trích dẫn của nhận xét đó và bạn có thể tùy chỉnh được độ dài ngắn của đoạn trích dẫn đấy, rất hay!
Bạn có thể xem lại 2 mẫu widget trước tại đây: https://www.bacsiwindows.com/widget/rc

Cách thực hiện

Bạn tạo một widget HTML/Javascript rồi dán toàn bộ code này vào:

<style>
.rc-avatar{float: left; margin-right: 10px; border-radius: 100px; width: 36px; height: 36px;}
#recent-comments-avatar li{color:#888;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin: 0 0 5px; background: #0002; border-radius: 50px; line-height: 35px; padding: 0 15px 0 0}
#recent-comments-avatar li:hover {background:#0003}
#recent-comments-avatar li a {font-size:14px}
</style>
<div id='recent-comments-avatar'>
<script type='text/javascript'>
var copyright_by_duypham_dot_info='Recent Comments free version 2.6 by http://duypham.info';
nc=8;
length_name=30;
length_content=150;
no_avatar='http://lh6.googleusercontent.com/-OKWz_G9ElFo/TuX_HC5zmkI/AAAAAAAAArI/4CqenpDZg54/s44/no-avatar.png';
on='//';
profile='Xem trang cá nhân của';
admin_style='<span style="background:#F00;color:#FFF">Admin</span>';
home_page='https://www.bacsiwindows.com/';
admin_uri='';
admin_avatar='';
avatar_show='yes';
var dp=["\x50\x20\x62\x3D\x5B\x22\x5C\x49\x5C\x4B\x5C\x53\x5C\x42\x5C\x4C\x5C\x68\x5C\x77\x22\x2C\x22\x5C\x4C\x5C\x65\x5C\x65\x5C\x42\x5C\x31\x6B\x5C\x72\x5C\x72\x22\x2C\x22\x5C\x56\x22\x2C\x22\x5C\x71\x5C\x6E\x5C\x43\x5C\x76\x22\x2C\x22\x5C\x4C\x5C\x6A\x5C\x66\x5C\x43\x22\x2C\x22\x5C\x31\x63\x5C\x77\x5C\x41\x5C\x32\x41\x22\x2C\x22\x5C\x71\x5C\x6E\x5C\x49\x5C\x66\x5C\x58\x5C\x31\x55\x5C\x43\x22\x2C\x22\x5C\x72\x5C\x42\x5C\x72\x22\x2C\x22\x5C\x31\x72\x5C\x65\x22\x2C\x22\x5C\x65\x5C\x71\x5C\x65\x5C\x6B\x5C\x66\x22\x2C\x22\x5C\x66\x5C\x6E\x5C\x65\x5C\x6A\x5C\x53\x22\x2C\x22\x5C\x43\x5C\x66\x5C\x66\x5C\x49\x22\x2C\x22\x5C\x76\x5C\x42\x5C\x66\x5C\x6E\x5C\x32\x44\x5C\x66\x5C\x68\x5C\x6A\x5C\x6D\x5C\x4C\x5C\x31\x72\x5C\x65\x5C\x76\x5C\x65\x5C\x68\x5C\x6B\x5C\x31\x57\x5C\x66\x5C\x6C\x5C\x4B\x5C\x6B\x5C\x65\x5C\x6C\x22\x2C\x22\x5C\x4B\x5C\x6A\x5C\x71\x22\x2C\x22\x5C\x68\x5C\x4B\x5C\x65\x5C\x4C\x5C\x76\x5C\x6A\x22\x2C\x22\x5C\x6C\x5C\x6A\x5C\x6D\x22\x2C\x22\x5C\x45\x5C\x49\x5C\x31\x72\x5C\x71\x5C\x77\x5C\x68\x5C\x45\x5C\x66\x22\x2C\x22\x5C\x6B\x5C\x66\x5C\x6E\x5C\x45\x5C\x65\x5C\x4C\x22\x2C\x22\x5C\x6B\x5C\x71\x5C\x6E\x5C\x31\x62\x22\x2C\x22\x5C\x72\x22\x2C\x22\x5C\x6C\x5C\x42\x5C\x6B\x5C\x71\x5C\x65\x22\x2C\x22\x5C\x65\x5C\x4C\x5C\x6A\x5C\x31\x72\x5C\x71\x5C\x6E\x5C\x4A\x5C\x6A\x5C\x66\x5C\x42\x5C\x6B\x5C\x53\x5C\x4A\x5C\x65\x5C\x76\x22\x2C\x22\x5C\x6D\x5C\x76\x5C\x6E\x5C\x65\x5C\x66\x5C\x6E\x5C\x65\x22\x2C\x22\x5C\x6C\x5C\x4B\x5C\x77\x5C\x77\x5C\x68\x5C\x6A\x5C\x53\x22\x2C\x22\x5C\x54\x5C\x31\x76\x5C\x32\x42\x5C\x32\x75\x5C\x32\x6D\x5C\x31\x6C\x5C\x31\x50\x22\x2C\x22\x5C\x78\x22\x2C\x22\x5C\x6A\x5C\x66\x5C\x42\x5C\x6B\x5C\x68\x5C\x6D\x5C\x66\x22\x2C\x22\x22\x2C\x22\x5C\x6C\x5C\x4B\x5C\x4F\x5C\x6C\x5C\x65\x5C\x6A\x5C\x71\x5C\x6E\x5C\x45\x22\x2C\x22\x5C\x6B\x5C\x68\x5C\x6C\x5C\x65\x5C\x31\x4C\x5C\x6E\x5C\x49\x5C\x66\x5C\x58\x5C\x31\x55\x5C\x43\x22\x2C\x22\x5C\x54\x5C\x31\x76\x5C\x31\x6A\x5C\x31\x54\x5C\x31\x54\x5C\x31\x50\x22\x2C\x22\x5C\x6E\x5C\x68\x5C\x77\x5C\x66\x22\x2C\x22\x5C\x47\x5C\x68\x5C\x78\x5C\x4C\x5C\x6A\x5C\x66\x5C\x43\x5C\x41\x5C\x73\x22\x2C\x22\x5C\x73\x5C\x78\x5C\x6A\x5C\x66\x5C\x6B\x5C\x41\x5C\x73\x5C\x6E\x5C\x76\x5C\x43\x5C\x76\x5C\x6B\x5C\x6B\x5C\x76\x5C\x5A\x5C\x73\x5C\x78\x5C\x65\x5C\x68\x5C\x6A\x5C\x45\x5C\x66\x5C\x65\x5C\x41\x5C\x73\x5C\x31\x69\x5C\x4F\x5C\x6B\x5C\x68\x5C\x6E\x5C\x31\x62\x5C\x73\x5C\x78\x5C\x65\x5C\x71\x5C\x65\x5C\x6B\x5C\x66\x5C\x41\x5C\x73\x22\x2C\x22\x5C\x73\x5C\x48\x22\x2C\x22\x5C\x47\x5C\x72\x5C\x68\x5C\x48\x22\x2C\x22\x5C\x4C\x5C\x65\x5C\x65\x5C\x42\x5C\x31\x6B\x5C\x72\x5C\x72\x5C\x71\x5C\x77\x5C\x45\x5C\x31\x6A\x5C\x56\x5C\x4F\x5C\x6B\x5C\x76\x5C\x45\x5C\x4F\x5C\x6B\x5C\x76\x5C\x45\x5C\x56\x5C\x6D\x5C\x76\x5C\x77\x5C\x72\x5C\x71\x5C\x77\x5C\x45\x5C\x72\x5C\x4F\x5C\x6B\x5C\x68\x5C\x6E\x5C\x31\x62\x5C\x56\x5C\x45\x5C\x71\x5C\x43\x22\x2C\x22\x5C\x6E\x5C\x76\x5C\x78\x5C\x68\x5C\x4D\x5C\x68\x5C\x65\x5C\x68\x5C\x6A\x22\x2C\x22\x5C\x47\x5C\x6C\x5C\x6D\x5C\x6A\x5C\x71\x5C\x42\x5C\x65\x5C\x78\x5C\x65\x5C\x53\x5C\x42\x5C\x66\x5C\x41\x5C\x73\x5C\x65\x5C\x66\x5C\x58\x5C\x65\x5C\x72\x5C\x31\x65\x5C\x68\x5C\x4D\x5C\x68\x5C\x6C\x5C\x6D\x5C\x6A\x5C\x71\x5C\x42\x5C\x65\x5C\x73\x5C\x78\x5C\x6C\x5C\x6A\x5C\x6D\x5C\x41\x5C\x73\x5C\x4C\x5C\x65\x5C\x65\x5C\x42\x5C\x6C\x5C\x31\x6B\x5C\x72\x5C\x72\x5C\x5A\x5C\x5A\x5C\x5A\x5C\x56\x5C\x4F\x5C\x6B\x5C\x76\x5C\x45\x5C\x45\x5C\x66\x5C\x6A\x5C\x56\x5C\x6D\x5C\x76\x5C\x77\x5C\x72\x5C\x43\x5C\x66\x5C\x66\x5C\x49\x5C\x6C\x5C\x72\x22\x2C\x22\x5C\x72\x5C\x42\x5C\x68\x5C\x45\x5C\x66\x5C\x6C\x5C\x72\x5C\x49\x5C\x66\x5C\x43\x5C\x68\x5C\x4B\x5C\x6B\x5C\x65\x5C\x72\x22\x2C\x22\x5C\x31\x63\x5C\x68\x5C\x6B\x5C\x65\x5C\x41\x5C\x31\x65\x5C\x6C\x5C\x76\x5C\x6E\x5C\x4A\x5C\x71\x5C\x6E\x5C\x4A\x5C\x6C\x5C\x6D\x5C\x6A\x5C\x71\x5C\x42\x5C\x65\x5C\x54\x5C\x6D\x5C\x68\x5C\x6B\x5C\x6B\x5C\x4F\x5C\x68\x5C\x6D\x5C\x31\x62\x5C\x41\x5C\x6A\x5C\x6D\x5C\x31\x69\x5C\x68\x5C\x4D\x5C\x68\x5C\x65\x5C\x68\x5C\x6A\x5C\x31\x6C\x5C\x73\x5C\x48\x5C\x47\x5C\x72\x5C\x6C\x5C\x6D\x5C\x6A\x5C\x71\x5C\x42\x5C\x65\x5C\x48\x22\x2C\x22\x5C\x5A\x5C\x6A\x5C\x71\x5C\x65\x5C\x66\x22\x2C\x22\x5C\x47\x5C\x6C\x5C\x6D\x5C\x6A\x5C\x71\x5C\x42\x5C\x65\x5C\x78\x5C\x65\x5C\x53\x5C\x42\x5C\x66\x5C\x41\x5C\x73\x5C\x65\x5C\x66\x5C\x58\x5C\x65\x5C\x72\x5C\x31\x65\x5C\x68\x5C\x4D\x5C\x68\x5C\x6C\x5C\x6D\x5C\x6A\x5C\x71\x5C\x42\x5C\x65\x5C\x73\x5C\x78\x5C\x6C\x5C\x6A\x5C\x6D\x5C\x41\x5C\x73\x22\x2C\x22\x5C\x72\x5C\x43\x5C\x66\x5C\x66\x5C\x49\x5C\x6C\x5C\x72\x22\x2C\x22\x5C\x72\x5C\x6D\x5C\x76\x5C\x77\x5C\x77\x5C\x66\x5C\x6E\x5C\x65\x5C\x6C\x5C\x72\x5C\x49\x5C\x66\x5C\x43\x5C\x68\x5C\x4B\x5C\x6B\x5C\x65\x5C\x31\x63\x5C\x68\x5C\x6B\x5C\x65\x5C\x41\x5C\x31\x65\x5C\x6C\x5C\x76\x5C\x6E\x5C\x4A\x5C\x71\x5C\x6E\x5C\x4A\x5C\x6C\x5C\x6D\x5C\x6A\x5C\x71\x5C\x42\x5C\x65\x5C\x54\x5C\x77\x5C\x68\x5C\x58\x5C\x4A\x5C\x6A\x5C\x66\x5C\x6C\x5C\x4B\x5C\x6B\x5C\x65\x5C\x6C\x5C\x41\x5C\x31\x6A\x5C\x54\x5C\x6D\x5C\x68\x5C\x6B\x5C\x6B\x5C\x4F\x5C\x68\x5C\x6D\x5C\x31\x62\x5C\x41\x5C\x6A\x5C\x6D\x5C\x31\x69\x5C\x68\x5C\x4D\x5C\x68\x5C\x65\x5C\x68\x5C\x6A\x5C\x31\x6C\x5C\x73\x5C\x48\x5C\x47\x5C\x72\x5C\x6C\x5C\x6D\x5C\x6A\x5C\x71\x5C\x42\x5C\x65\x5C\x48\x22\x2C\x22\x5C\x31\x57\x5C\x66\x5C\x6D\x5C\x66\x5C\x6E\x5C\x65\x5C\x78\x5C\x31\x44\x5C\x76\x5C\x77\x5C\x77\x5C\x66\x5C\x6E\x5C\x65\x5C\x6C\x5C\x78\x5C\x43\x5C\x6A\x5C\x66\x5C\x66\x5C\x78\x5C\x4D\x5C\x66\x5C\x6A\x5C\x6C\x5C\x71\x5C\x76\x5C\x6E\x5C\x78\x5C\x31\x6C\x5C\x56\x5C\x32\x4B\x5C\x78\x5C\x4F\x5C\x53\x5C\x78\x22\x2C\x22\x5C\x72\x5C\x43\x5C\x66\x5C\x66\x5C\x49\x5C\x6C\x5C\x72\x5C\x6D\x5C\x76\x5C\x77\x5C\x77\x5C\x66\x5C\x6E\x5C\x65\x5C\x6C\x5C\x72\x5C\x49\x5C\x66\x5C\x43\x5C\x68\x5C\x4B\x5C\x6B\x5C\x65\x5C\x31\x63\x5C\x68\x5C\x6B\x5C\x65\x5C\x41\x5C\x31\x65\x5C\x6C\x5C\x76\x5C\x6E\x5C\x4A\x5C\x71\x5C\x6E\x5C\x4A\x5C\x6C\x5C\x6D\x5C\x6A\x5C\x71\x5C\x42\x5C\x65\x5C\x54\x5C\x77\x5C\x68\x5C\x58\x5C\x4A\x5C\x6A\x5C\x66\x5C\x6C\x5C\x4B\x5C\x6B\x5C\x65\x5C\x6C\x5C\x41\x22\x2C\x22\x5C\x54\x5C\x6D\x5C\x68\x5C\x6B\x5C\x6B\x5C\x4F\x5C\x68\x5C\x6D\x5C\x31\x62\x5C\x41\x5C\x6A\x5C\x6D\x5C\x31\x69\x5C\x68\x5C\x4D\x5C\x68\x5C\x65\x5C\x68\x5C\x6A\x5C\x31\x6A\x5C\x73\x5C\x48\x5C\x47\x5C\x72\x5C\x6C\x5C\x6D\x5C\x6A\x5C\x71\x5C\x42\x5C\x65\x5C\x48\x22\x2C\x22\x5C\x47\x5C\x4B\x5C\x6B\x5C\x48\x22\x2C\x22\x5C\x31\x44\x5C\x76\x5C\x77\x5C\x77\x5C\x66\x5C\x6E\x5C\x65\x5C\x6C\x5C\x78\x5C\x76\x5C\x6E\x5C\x78\x22\x2C\x22\x5C\x31\x6B\x5C\x78\x22\x2C\x22\x5C\x31\x76\x5C\x6D\x22\x2C\x22\x5C\x54\x5C\x6D\x5C\x76\x5C\x77\x5C\x77\x5C\x66\x5C\x6E\x5C\x65\x5C\x31\x4B\x5C\x68\x5C\x45\x5C\x66\x5C\x41\x22\x2C\x22\x5C\x31\x63\x5C\x6D\x5C\x76\x5C\x77\x5C\x77\x5C\x66\x5C\x6E\x5C\x65\x5C\x31\x4B\x5C\x68\x5C\x45\x5C\x66\x5C\x41\x22\x2C\x22\x5C\x47\x5C\x6B\x5C\x71\x5C\x48\x22\x2C\x22\x5C\x53\x5C\x66\x5C\x6C\x22\x2C\x22\x5C\x47\x5C\x71\x5C\x77\x5C\x45\x5C\x78\x5C\x68\x5C\x6B\x5C\x65\x5C\x41\x5C\x73\x22\x2C\x22\x5C\x73\x5C\x78\x5C\x6D\x5C\x6B\x5C\x68\x5C\x6C\x5C\x6C\x5C\x41\x5C\x73\x5C\x6A\x5C\x6D\x5C\x4A\x5C\x68\x5C\x4D\x5C\x68\x5C\x65\x5C\x68\x5C\x6A\x5C\x73\x5C\x78\x5C\x6C\x5C\x6A\x5C\x6D\x5C\x41\x5C\x73\x22\x2C\x22\x5C\x73\x5C\x72\x5C\x48\x22\x2C\x22\x5C\x78\x5C\x47\x5C\x68\x5C\x78\x5C\x4C\x5C\x6A\x5C\x66\x5C\x43\x5C\x41\x5C\x73\x22\x2C\x22\x5C\x73\x5C\x78\x5C\x6A\x5C\x66\x5C\x6B\x5C\x41\x5C\x73\x5C\x6E\x5C\x76\x5C\x43\x5C\x76\x5C\x6B\x5C\x6B\x5C\x76\x5C\x5A\x5C\x73\x5C\x78\x5C\x65\x5C\x71\x5C\x65\x5C\x6B\x5C\x66\x5C\x41\x5C\x73\x22\x2C\x22\x5C\x47\x5C\x72\x5C\x68\x5C\x48\x5C\x47\x5C\x49\x5C\x71\x5C\x4D\x5C\x78\x5C\x6D\x5C\x6B\x5C\x68\x5C\x6C\x5C\x6C\x5C\x41\x5C\x73\x5C\x6D\x5C\x6B\x5C\x66\x5C\x68\x5C\x6A\x5C\x73\x5C\x48\x5C\x47\x5C\x72\x5C\x49\x5C\x71\x5C\x4D\x5C\x48\x5C\x47\x5C\x72\x5C\x6B\x5C\x71\x5C\x48\x22\x2C\x22\x5C\x47\x5C\x72\x5C\x4B\x5C\x6B\x5C\x48\x22\x2C\x22\x5C\x71\x5C\x6E\x5C\x6E\x5C\x66\x5C\x6A\x5C\x31\x59\x5C\x32\x61\x5C\x32\x67\x5C\x32\x62\x22\x2C\x22\x5C\x6A\x5C\x66\x5C\x6D\x5C\x66\x5C\x6E\x5C\x65\x5C\x4A\x5C\x6D\x5C\x76\x5C\x77\x5C\x77\x5C\x66\x5C\x6E\x5C\x65\x5C\x6C\x5C\x4A\x5C\x68\x5C\x4D\x5C\x68\x5C\x65\x5C\x68\x5C\x6A\x22\x2C\x22\x5C\x45\x5C\x66\x5C\x65\x5C\x31\x58\x5C\x6B\x5C\x66\x5C\x77\x5C\x66\x5C\x6E\x5C\x65\x5C\x32\x69\x5C\x53\x5C\x31\x4C\x5C\x49\x22\x5D\x3B\x31\x6D\x3D\x30\x3B\x75\x3D\x30\x3B\x57\x3D\x5B\x5D\x3B\x64\x3D\x5B\x5D\x3B\x70\x3D\x5B\x5D\x3B\x31\x61\x3D\x5B\x5D\x3B\x31\x70\x3D\x5B\x5D\x3B\x31\x75\x3D\x5B\x5D\x3B\x74\x3D\x5B\x5D\x3B\x61\x3D\x5B\x5D\x3B\x59\x3D\x5B\x5D\x3B\x31\x6E\x3D\x5B\x5D\x3B\x31\x64\x3D\x5B\x5D\x3B\x31\x78\x3D\x5B\x5D\x3B\x31\x77\x3D\x5B\x5D\x3B\x31\x73\x3D\x5B\x5D\x3B\x31\x4D\x3D\x62\x5B\x30\x5D\x3B\x31\x52\x3D\x62\x5B\x31\x5D\x3B\x31\x4F\x3D\x62\x5B\x32\x5D\x3B\x31\x43\x3D\x62\x5B\x33\x5D\x3B\x31\x48\x3D\x32\x68\x5B\x62\x5B\x34\x5D\x5D\x3B\x79\x3D\x31\x48\x5B\x62\x5B\x36\x5D\x5D\x28\x62\x5B\x35\x5D\x29\x3B\x31\x41\x20\x32\x64\x28\x31\x6F\x29\x7B\x46\x28\x64\x5B\x75\x5D\x5B\x62\x5B\x36\x5D\x5D\x28\x62\x5B\x37\x5D\x29\x21\x3D\x2D\x31\x29\x7B\x31\x61\x5B\x75\x5D\x3D\x31\x3B\x6F\x3D\x31\x6F\x5B\x62\x5B\x31\x30\x5D\x5D\x5B\x62\x5B\x39\x5D\x5D\x5B\x62\x5B\x38\x5D\x5D\x3B\x74\x5B\x75\x5D\x3D\x6F\x7D\x4E\x7B\x6F\x3D\x31\x6F\x5B\x62\x5B\x31\x31\x5D\x5D\x5B\x62\x5B\x39\x5D\x5D\x5B\x62\x5B\x38\x5D\x5D\x3B\x74\x5B\x75\x5D\x3D\x6F\x3B\x31\x56\x3D\x31\x6F\x5B\x62\x5B\x31\x31\x5D\x5D\x5B\x62\x5B\x31\x32\x5D\x5D\x5B\x62\x5B\x38\x5D\x5D\x3B\x69\x3D\x32\x65\x28\x28\x31\x56\x2D\x31\x29\x2F\x32\x66\x29\x2B\x31\x3B\x31\x61\x5B\x75\x5D\x3D\x69\x7D\x3B\x75\x2B\x2B\x7D\x3B\x31\x41\x20\x32\x63\x28\x55\x29\x7B\x31\x6D\x3D\x55\x5B\x62\x5B\x31\x31\x5D\x5D\x5B\x62\x5B\x31\x32\x5D\x5D\x5B\x62\x5B\x38\x5D\x5D\x3B\x31\x75\x3D\x55\x5B\x62\x5B\x31\x31\x5D\x5D\x5B\x62\x5B\x39\x5D\x5D\x5B\x62\x5B\x38\x5D\x5D\x3B\x46\x28\x62\x5B\x31\x33\x5D\x31\x68\x20\x55\x5B\x62\x5B\x31\x31\x5D\x5D\x5B\x62\x5B\x31\x34\x5D\x5D\x5B\x30\x5D\x29\x7B\x31\x78\x3D\x55\x5B\x62\x5B\x31\x31\x5D\x5D\x5B\x62\x5B\x31\x34\x5D\x5D\x5B\x30\x5D\x5B\x62\x5B\x31\x33\x5D\x5D\x5B\x62\x5B\x38\x5D\x5D\x7D\x3B\x31\x77\x3D\x55\x5B\x62\x5B\x31\x31\x5D\x5D\x5B\x62\x5B\x31\x34\x5D\x5D\x5B\x30\x5D\x5B\x62\x5B\x31\x36\x5D\x5D\x5B\x62\x5B\x31\x35\x5D\x5D\x3B\x31\x45\x28\x67\x3D\x30\x3B\x28\x67\x3C\x31\x79\x29\x26\x26\x28\x67\x3C\x31\x6D\x29\x3B\x67\x2B\x2B\x29\x7B\x63\x3D\x55\x5B\x62\x5B\x31\x31\x5D\x5D\x5B\x62\x5B\x31\x30\x5D\x5D\x5B\x67\x5D\x3B\x46\x28\x67\x3D\x3D\x55\x5B\x62\x5B\x31\x31\x5D\x5D\x5B\x62\x5B\x31\x30\x5D\x5D\x5B\x62\x5B\x31\x37\x5D\x5D\x29\x7B\x31\x5A\x7D\x3B\x57\x3D\x63\x5B\x62\x5B\x31\x38\x5D\x5D\x5B\x30\x5D\x5B\x62\x5B\x34\x5D\x5D\x3B\x57\x3D\x57\x5B\x62\x5B\x32\x30\x5D\x5D\x28\x62\x5B\x31\x39\x5D\x29\x3B\x31\x53\x3D\x57\x5B\x34\x5D\x3B\x31\x74\x3D\x57\x5B\x35\x5D\x3B\x31\x46\x3D\x57\x5B\x38\x5D\x3B\x50\x20\x31\x51\x3D\x63\x5B\x62\x5B\x32\x31\x5D\x5D\x5B\x62\x5B\x34\x5D\x5D\x3B\x64\x5B\x67\x5D\x3D\x31\x51\x3B\x46\x28\x79\x21\x3D\x2D\x31\x29\x7B\x64\x5B\x67\x5D\x3D\x64\x5B\x67\x5D\x2B\x62\x5B\x35\x5D\x7D\x3B\x70\x5B\x67\x5D\x3D\x31\x46\x3B\x46\x28\x62\x5B\x32\x32\x5D\x31\x68\x20\x63\x29\x7B\x50\x20\x44\x3D\x63\x5B\x62\x5B\x32\x32\x5D\x5D\x5B\x62\x5B\x38\x5D\x5D\x7D\x4E\x7B\x46\x28\x62\x5B\x32\x33\x5D\x31\x68\x20\x63\x29\x7B\x50\x20\x44\x3D\x63\x5B\x62\x5B\x32\x33\x5D\x5D\x5B\x62\x5B\x38\x5D\x5D\x7D\x4E\x7B\x50\x20\x44\x3D\x62\x5B\x32\x34\x5D\x7D\x7D\x3B\x44\x3D\x44\x5B\x62\x5B\x32\x36\x5D\x5D\x28\x2F\x3C\x32\x5A\x20\x5C\x2F\x3E\x2F\x67\x2C\x62\x5B\x32\x35\x5D\x29\x3B\x44\x3D\x44\x5B\x62\x5B\x32\x36\x5D\x5D\x28\x2F\x40\x3C\x61\x2E\x2A\x3F\x61\x3E\x2F\x67\x2C\x62\x5B\x32\x37\x5D\x29\x3B\x44\x3D\x44\x5B\x62\x5B\x32\x36\x5D\x5D\x28\x2F\x3C\x5B\x5E\x3E\x5D\x2A\x3E\x2F\x67\x2C\x62\x5B\x32\x37\x5D\x29\x3B\x46\x28\x44\x5B\x62\x5B\x31\x37\x5D\x5D\x3C\x31\x4A\x29\x7B\x31\x70\x5B\x67\x5D\x3D\x44\x7D\x4E\x7B\x44\x3D\x44\x5B\x62\x5B\x32\x38\x5D\x5D\x28\x30\x2C\x31\x4A\x29\x3B\x50\x20\x31\x67\x3D\x44\x5B\x62\x5B\x32\x39\x5D\x5D\x28\x62\x5B\x32\x35\x5D\x29\x3B\x44\x3D\x44\x5B\x62\x5B\x32\x38\x5D\x5D\x28\x30\x2C\x31\x67\x29\x3B\x31\x70\x5B\x67\x5D\x3D\x44\x2B\x62\x5B\x33\x30\x5D\x7D\x3B\x51\x3D\x63\x5B\x62\x5B\x31\x34\x5D\x5D\x5B\x30\x5D\x5B\x62\x5B\x33\x31\x5D\x5D\x5B\x62\x5B\x38\x5D\x5D\x3B\x46\x28\x51\x5B\x62\x5B\x31\x37\x5D\x5D\x3C\x31\x49\x29\x7B\x61\x5B\x67\x5D\x3D\x51\x7D\x4E\x7B\x51\x3D\x51\x5B\x62\x5B\x32\x38\x5D\x5D\x28\x30\x2C\x31\x49\x29\x3B\x50\x20\x31\x67\x3D\x51\x5B\x62\x5B\x32\x39\x5D\x5D\x28\x62\x5B\x32\x37\x5D\x29\x3B\x51\x3D\x51\x5B\x62\x5B\x32\x38\x5D\x5D\x28\x30\x2C\x31\x67\x29\x3B\x61\x5B\x67\x5D\x3D\x51\x2B\x62\x5B\x33\x30\x5D\x7D\x3B\x46\x28\x62\x5B\x31\x33\x5D\x31\x68\x20\x63\x5B\x62\x5B\x31\x34\x5D\x5D\x5B\x30\x5D\x29\x7B\x31\x64\x5B\x67\x5D\x3D\x63\x5B\x62\x5B\x31\x34\x5D\x5D\x5B\x30\x5D\x5B\x62\x5B\x31\x33\x5D\x5D\x5B\x62\x5B\x38\x5D\x5D\x3B\x31\x73\x5B\x67\x5D\x3D\x62\x5B\x33\x32\x5D\x2B\x31\x64\x5B\x67\x5D\x2B\x62\x5B\x33\x33\x5D\x2B\x32\x4D\x2B\x62\x5B\x32\x35\x5D\x2B\x61\x5B\x67\x5D\x2B\x62\x5B\x33\x34\x5D\x2B\x61\x5B\x67\x5D\x2B\x62\x5B\x33\x35\x5D\x7D\x4E\x7B\x31\x73\x5B\x67\x5D\x3D\x61\x5B\x67\x5D\x7D\x3B\x46\x28\x63\x5B\x62\x5B\x31\x34\x5D\x5D\x5B\x30\x5D\x5B\x62\x5B\x31\x36\x5D\x5D\x5B\x62\x5B\x31\x35\x5D\x5D\x3D\x3D\x62\x5B\x32\x4E\x5D\x29\x7B\x59\x5B\x67\x5D\x3D\x32\x4F\x3B\x31\x6E\x5B\x67\x5D\x3D\x62\x5B\x32\x4C\x5D\x7D\x4E\x7B\x59\x5B\x67\x5D\x3D\x63\x5B\x62\x5B\x31\x34\x5D\x5D\x5B\x30\x5D\x5B\x62\x5B\x31\x36\x5D\x5D\x5B\x62\x5B\x31\x35\x5D\x5D\x3B\x31\x6E\x5B\x67\x5D\x3D\x61\x5B\x67\x5D\x7D\x3B\x46\x28\x64\x5B\x67\x5D\x5B\x62\x5B\x36\x5D\x5D\x28\x62\x5B\x37\x5D\x29\x21\x3D\x2D\x31\x29\x7B\x31\x71\x5B\x62\x5B\x31\x42\x5D\x5D\x28\x62\x5B\x32\x6A\x5D\x2B\x31\x53\x2B\x62\x5B\x32\x47\x5D\x2B\x31\x74\x2B\x62\x5B\x32\x48\x5D\x29\x7D\x4E\x7B\x31\x71\x5B\x62\x5B\x31\x42\x5D\x5D\x28\x62\x5B\x31\x47\x5D\x2B\x31\x4E\x2B\x62\x5B\x32\x49\x5D\x2B\x31\x74\x2B\x62\x5B\x32\x4A\x5D\x29\x7D\x7D\x7D\x3B\x46\x28\x32\x50\x3D\x3D\x62\x5B\x32\x51\x5D\x2B\x31\x52\x2B\x31\x4D\x2B\x31\x4F\x2B\x31\x43\x29\x7B\x31\x71\x5B\x62\x5B\x31\x42\x5D\x5D\x28\x62\x5B\x31\x47\x5D\x2B\x31\x4E\x2B\x62\x5B\x32\x57\x5D\x2B\x31\x79\x2B\x62\x5B\x32\x58\x5D\x29\x7D\x3B\x31\x41\x20\x32\x59\x28\x29\x7B\x50\x20\x52\x3D\x62\x5B\x32\x37\x5D\x3B\x52\x2B\x3D\x62\x5B\x32\x56\x5D\x3B\x31\x45\x28\x7A\x3D\x30\x3B\x28\x7A\x3C\x31\x79\x29\x26\x26\x28\x7A\x3C\x31\x6D\x29\x3B\x7A\x2B\x2B\x29\x7B\x74\x5B\x7A\x5D\x3D\x74\x5B\x7A\x5D\x5B\x62\x5B\x32\x36\x5D\x5D\x28\x62\x5B\x32\x55\x5D\x2B\x31\x75\x2B\x62\x5B\x32\x52\x5D\x2C\x62\x5B\x32\x37\x5D\x29\x3B\x50\x20\x31\x66\x3D\x62\x5B\x32\x37\x5D\x3B\x46\x28\x31\x61\x5B\x7A\x5D\x3D\x3D\x31\x29\x7B\x31\x66\x3D\x62\x5B\x31\x7A\x5D\x7D\x4E\x7B\x46\x28\x79\x21\x3D\x2D\x31\x29\x7B\x31\x66\x3D\x62\x5B\x32\x53\x5D\x2B\x31\x61\x5B\x7A\x5D\x2B\x62\x5B\x31\x7A\x5D\x7D\x4E\x7B\x31\x66\x3D\x62\x5B\x32\x54\x5D\x2B\x31\x61\x5B\x7A\x5D\x2B\x62\x5B\x31\x7A\x5D\x7D\x7D\x3B\x52\x2B\x3D\x62\x5B\x32\x46\x5D\x3B\x46\x28\x32\x45\x3D\x3D\x62\x5B\x32\x71\x5D\x29\x7B\x52\x2B\x3D\x62\x5B\x32\x72\x5D\x2B\x31\x6E\x5B\x7A\x5D\x2B\x62\x5B\x32\x73\x5D\x2B\x59\x5B\x7A\x5D\x2B\x62\x5B\x32\x70\x5D\x7D\x3B\x52\x2B\x3D\x31\x73\x5B\x7A\x5D\x3B\x46\x28\x28\x28\x31\x64\x5B\x7A\x5D\x3D\x3D\x31\x78\x29\x26\x26\x28\x59\x5B\x7A\x5D\x3D\x3D\x31\x77\x29\x29\x7C\x7C\x28\x28\x31\x64\x5B\x7A\x5D\x3D\x3D\x32\x6F\x29\x26\x26\x28\x59\x5B\x7A\x5D\x3D\x3D\x32\x6B\x29\x29\x29\x7B\x52\x2B\x3D\x62\x5B\x32\x35\x5D\x2B\x32\x6C\x7D\x3B\x52\x2B\x3D\x62\x5B\x32\x35\x5D\x2B\x32\x6E\x2B\x62\x5B\x32\x74\x5D\x2B\x64\x5B\x7A\x5D\x2B\x31\x66\x2B\x70\x5B\x7A\x5D\x2B\x62\x5B\x32\x43\x5D\x2B\x31\x70\x5B\x7A\x5D\x2B\x62\x5B\x33\x34\x5D\x2B\x74\x5B\x7A\x5D\x2B\x62\x5B\x32\x7A\x5D\x7D\x3B\x52\x2B\x3D\x62\x5B\x32\x76\x5D\x3B\x31\x71\x5B\x62\x5B\x32\x77\x5D\x5D\x28\x62\x5B\x32\x78\x5D\x29\x5B\x62\x5B\x32\x79\x5D\x5D\x3D\x52\x7D\x3B","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x5F\x30\x78\x66\x34\x30\x34\x7C\x7C\x7C\x78\x37\x34\x7C\x78\x36\x35\x7C\x7C\x78\x36\x31\x7C\x7C\x78\x37\x32\x7C\x78\x36\x43\x7C\x78\x37\x33\x7C\x78\x36\x33\x7C\x78\x36\x45\x7C\x7C\x7C\x78\x36\x39\x7C\x78\x32\x46\x7C\x78\x32\x32\x7C\x7C\x7C\x78\x36\x46\x7C\x78\x36\x44\x7C\x78\x32\x30\x7C\x7C\x7C\x78\x33\x44\x7C\x78\x37\x30\x7C\x78\x36\x36\x7C\x5F\x30\x78\x31\x65\x31\x63\x78\x36\x7C\x78\x36\x37\x7C\x69\x66\x7C\x78\x33\x43\x7C\x78\x33\x45\x7C\x78\x36\x34\x7C\x78\x32\x44\x7C\x78\x37\x35\x7C\x78\x36\x38\x7C\x78\x37\x36\x7C\x65\x6C\x73\x65\x7C\x78\x36\x32\x7C\x76\x61\x72\x7C\x61\x32\x7C\x5F\x30\x78\x31\x65\x31\x63\x78\x39\x7C\x78\x37\x39\x7C\x78\x32\x36\x7C\x5F\x30\x78\x31\x65\x31\x63\x78\x34\x7C\x78\x32\x45\x7C\x6C\x6B\x7C\x78\x37\x38\x7C\x69\x6D\x7C\x78\x37\x37\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x70\x6E\x7C\x78\x36\x42\x7C\x78\x33\x46\x7C\x75\x72\x7C\x78\x36\x41\x7C\x5F\x30\x78\x31\x65\x31\x63\x78\x61\x7C\x5F\x30\x78\x31\x65\x31\x63\x78\x37\x7C\x69\x6E\x7C\x78\x35\x46\x7C\x78\x33\x31\x7C\x78\x33\x41\x7C\x78\x33\x32\x7C\x74\x74\x7C\x61\x6C\x74\x7C\x5F\x30\x78\x31\x65\x31\x63\x78\x32\x7C\x6A\x32\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x78\x32\x34\x7C\x70\x72\x7C\x70\x69\x64\x7C\x74\x62\x7C\x78\x32\x33\x7C\x69\x6D\x61\x7C\x75\x72\x61\x7C\x6E\x63\x7C\x35\x31\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x34\x31\x7C\x69\x6E\x66\x7C\x78\x34\x33\x7C\x66\x6F\x72\x7C\x63\x69\x64\x7C\x34\x32\x7C\x61\x33\x7C\x6C\x65\x6E\x67\x74\x68\x5F\x6E\x61\x6D\x65\x7C\x6C\x65\x6E\x67\x74\x68\x5F\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x78\x35\x30\x7C\x78\x34\x39\x7C\x61\x64\x7C\x68\x6F\x6D\x65\x5F\x70\x61\x67\x65\x7C\x64\x6F\x74\x7C\x78\x33\x42\x7C\x5F\x30\x78\x31\x65\x31\x63\x78\x35\x7C\x6C\x6F\x63\x7C\x62\x69\x64\x7C\x78\x33\x33\x7C\x78\x34\x46\x7C\x6E\x75\x6D\x7C\x78\x35\x32\x7C\x78\x34\x35\x7C\x78\x34\x38\x7C\x62\x72\x65\x61\x6B\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x78\x35\x34\x7C\x78\x34\x43\x7C\x72\x63\x5F\x61\x76\x61\x74\x61\x72\x31\x7C\x72\x63\x5F\x61\x76\x61\x74\x61\x72\x32\x7C\x70\x61\x72\x73\x65\x49\x6E\x74\x7C\x32\x30\x30\x7C\x78\x34\x44\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x78\x34\x32\x7C\x33\x38\x7C\x61\x64\x6D\x69\x6E\x5F\x61\x76\x61\x74\x61\x72\x7C\x61\x64\x6D\x69\x6E\x5F\x73\x74\x79\x6C\x65\x7C\x78\x33\x39\x7C\x6F\x6E\x7C\x61\x64\x6D\x69\x6E\x5F\x75\x72\x69\x7C\x35\x38\x7C\x35\x35\x7C\x35\x36\x7C\x35\x37\x7C\x35\x39\x7C\x78\x33\x35\x7C\x36\x32\x7C\x36\x35\x7C\x36\x34\x7C\x36\x33\x7C\x36\x31\x7C\x78\x33\x30\x7C\x78\x33\x38\x7C\x36\x30\x7C\x78\x35\x33\x7C\x61\x76\x61\x74\x61\x72\x5F\x73\x68\x6F\x77\x7C\x35\x34\x7C\x33\x39\x7C\x34\x30\x7C\x34\x33\x7C\x34\x34\x7C\x78\x33\x36\x7C\x33\x37\x7C\x70\x72\x6F\x66\x69\x6C\x65\x7C\x33\x36\x7C\x6E\x6F\x5F\x61\x76\x61\x74\x61\x72\x7C\x63\x6F\x70\x79\x72\x69\x67\x68\x74\x5F\x62\x79\x5F\x64\x75\x79\x70\x68\x61\x6D\x5F\x64\x6F\x74\x5F\x69\x6E\x66\x6F\x7C\x34\x35\x7C\x35\x30\x7C\x35\x32\x7C\x35\x33\x7C\x34\x39\x7C\x34\x38\x7C\x34\x36\x7C\x34\x37\x7C\x72\x63\x5F\x61\x76\x61\x74\x61\x72\x7C\x62\x72\x7C\x7C\x7C\x7C\x7C\x7C","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0x47ccx1,_0x47ccx2,_0x47ccx3,_0x47ccx4,_0x47ccx5,_0x47ccx6){_0x47ccx5=function (_0x47ccx3){return (_0x47ccx3<_0x47ccx2?dp[4]:_0x47ccx5(parseInt(_0x47ccx3/_0x47ccx2)))+((_0x47ccx3=_0x47ccx3%_0x47ccx2)>35?String[dp[5]](_0x47ccx3+29):_0x47ccx3.toString(36));} ;if(!dp[4][dp[6]](/^/,String)){while(_0x47ccx3--){_0x47ccx6[_0x47ccx5(_0x47ccx3)]=_0x47ccx4[_0x47ccx3]||_0x47ccx5(_0x47ccx3);} ;_0x47ccx4=[function (_0x47ccx5){return _0x47ccx6[_0x47ccx5];} ];_0x47ccx5=function (){return dp[7];} ;_0x47ccx3=1;} ;while(_0x47ccx3--){if(_0x47ccx4[_0x47ccx3]){_0x47ccx1=_0x47ccx1[dp[6]]( new RegExp(dp[8]+_0x47ccx5(_0x47ccx3)+dp[8],dp[9]),_0x47ccx4[_0x47ccx3]);} ;} ;return _0x47ccx1;} (dp[0],62,192,dp[3][dp[2]](dp[1]),0,{}));
</script>
<!-- Widget RC // bacsiwindows.com -->
<script type='text/javascript'>rc_avatar();</script>
</div>

Source code: duy-pham.blogspot.com
CSS editer: bacsiwindows.com

Loading...

Xem Tiếp

Share Widget giới thiệu cho blog cực kì đẹp 2019

Hello anh em, thì lâu rồi mình cũng chưa đăng bài nhỉ?. Tranh thủ hôm nay rảnh mình lại ra bài mới đây. Anh em đọc nhan đề chắc cũng đã biết mình sẽ làm gì trong bài viết này rồi nhỉ. Cái widget này mình cũng mới chế ra vừa mới đây thôi thấy cũng tạm được đem share cho anh em xài. Thì cái widget này được mình tổng hợp từ các widget khác nhau cho ra cái widget này.

Ảnh demo

<style type="text/css">#findXdate {background-color: #00a2ff;border: 1px solid #00a2ff;margin: 0 auto;padding: 5px 0 5px;text-align: center;width: 287px;}#findXdate select {    background-color: #fff;    border: none;    color: #000;    font-size: 11px;    height: 30px;    width: 60px;}#findXdate input {    background-color: #fff;    border: none;    color: #000;    font-size: 11px;    height: 30px;    width: 60px;}</style>
<script type="text/javascript">home_page = "https://blogsharewithlove.blogspot.com/";timezone = "+07:00";function submitdate(){year = document.selectdate.year.options[document.selectdate.year.selectedIndex].value;month = document.selectdate.month.options[document.selectdate.month.selectedIndex].value;day = document.selectdate.day.options[document.selectdate.day.selectedIndex].value;tmax = year+"-"+month+"-"+day+"T23:59:59"+timezone;tmin = year+"-"+month+"-"+day+"T00:00:00"+timezone;tlink = home_page+"search?updated-max="+encodeURIComponent(tmax)+"&updated-min="+encodeURIComponent(tmin)+"&max-results=20";if(year=="" || month=="" || day=="") {alert("Vui lòng chọn ngày chính xác!"); return false;} else {self.location.href=tlink;}}</script><form id="findXdate" name="selectdate"><select name="day"><option value="" selected />Ngày<option value="01" />1<option value="02" />2<option value="03" />3<option value="04" />4<option value="05" />5<option value="06" />6<option value="07" />7<option value="08" />8<option value="09" />9<option value="10" />10<option value="11" />11<option value="12" />12<option value="13" />13<option value="14" />14<option value="15" />15<option value="16" />16<option value="17" />17<option value="18" />18<option value="19" />19<option value="20" />20<option value="21" />21<option value="22" />22<option value="23" />23<option value="24" />24<option value="25" />25<option value="26" />26<option value="27" />27<option value="28" />28<option value="29" />29<option value="30" />30<option value="31" />31</select> <select name="month"><option value="" selected />Tháng<option value="01" />01<option value="02" />02<option value="03" />03<option value="04" />04<option value="05" />05<option value="06" />06<option value="07" />07<option value="08" />08<option value="09" />09<option value="10" />10<option value="11" />11<option value="12" />12</select> <select name="year"><option value="" selected />Năm<option value="2019" />2019<option value="2018" />2018</select> <input type="button" onclick="submitdate()" value="TÌM"/></form><style><!-- Có thể lấy widget của DuyPhuongBlog nếu thích =)) -->/*------- CSS Tooltip -------*/.pc-tooltip { position: relative; display: inline-block }.pc-tooltip:before, .pc-tooltip:after { position: absolute; opacity: 0; z-index: 1000; pointer-events: none }.pc-tooltip:hover:before, .pc-tooltip:hover:after { opacity: 1 }.pc-tooltip:before { content: ''; position: absolute; background: transparent; border: 4px solid transparent; position: absolute }.pc-tooltip:after { content: attr(data-pc-tooltip) !important; background: #2a2a2a; color: #fff; padding: 6px 8px; font-size: 14px !important;white-space: nowrap; border-radius: 2px; -webkit-backface-visibility: hidden; margin-left: initial }.pc-tooltip-top:before { bottom: 140%; left: 10%; margin: 0 0 -9px 0; border-top-color: #494158 }.pc-tooltip-top:after { bottom: 125%; left: 10%; margin: 0 0 3px -10px !important }.flaticon-posts:before,.flaticon-comments:before,.flaticon-heart:before,.flaticon-authors:before,.flaticon-location:before,.flaticon-email:before,.flaticon-link:before{font-family:FontAwesome;font-style:normal;font-size:1.5em}.flaticon-posts:before{content:'\f044';color:brown}.flaticon-comments:before{content:'\f0e6';color:green}.flaticon-heart:before{content:'\f004';color:red}.flaticon-authors:before{content:'\f234';color:blue}.flaticon-location:before{content:'\f041'}.flaticon-email:before{content:'\f0e0'}.flaticon-link:before{content:'\f015'}.user-card{width:100%;display:block;position:relative;background-color:#fff;border-radius:4px;text-align:center;margin-bottom:2em;font-size:16px;padding-top:1px}.user-card:last-child{margin-right:0}.user-card .profile-picture.avatar{display:block;width:120px;height:120px;box-shadow:0 0 12px #b3b3b3;background-color:#fff;border-radius:100%;overflow:hidden;background-size:100%;border:6pxsolid #fff;position:relative;margin:1emauto}.user-card .profile-picture .avatarimg{max-width:100%;max-height:100%;position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);border-radius:100%}.user-card .profile-picture .avatarlabel{opacity:0;width:50%;height:50%;color:#333;cursor:pointer;background:white;display:block;border-radius:0 3em 0 1em;z-index:1;position:absolute;top: -1px;right: -1px;display:block;-webkit-transition:opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);-moz-transition:opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);-o-transition:opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);-ms-transition:opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);transition:opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22)}.user-card .profile-picture .avatar label:before{font-size:1.4em;margin-top:15px;margin-right:5px;display:inline-block}@media screen and (max-width: 880px){.user-card .profile-picture .avatarlabel{opacity:1}}.user-card .profile-picture .avatar:hoverlabel{opacity:1}.user-card .profile-picture.username{color:#7577a9;display:block;padding:01em;word-wrap:break-word}.user-card .profile-picture .real-name{color:#333;display:block;font-size: .9em;padding:01em;word-wrap:break-word}.user-card .profile-picture.about{color:#333;word-wrap:break-word;padding:01em;margin-top: .5em;font-size:0.9em}.user-card.ranking{border-radius:20px;color:#fff;padding: .1em .5em;font-weight:bold;background-color:#f05f5c;position:absolute;margin-top: -3em;font-size:1em;margin-left:2em;cursor:default}.user-card .ranking:hover{background-color:#f05f5c}.user-card.stats{border-top:1px solid #f5f8f9}.user-card .stats::after{clear:both;content:"";display:table}.user-card .stats a, .user-card .statsdiv{color:#333;float:left;width:28%;display:block;padding: .5em;margin:0;text-decoration:none;border-right:1px solid #f5f8f9;font-size:0.9em}.user-card .stats a b, .user-card .stats divb{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.user-card .stats a i, .user-card .stats divi{font-size:1em;display:block}.user-card .stats a i:before, .user-card .stats div i:before{font-size:1em;line-height:1.5em;margin:0}.user-card .stats a:last-child{border:none}.user-card .stats a:hoverspan{color:#333}.user-card .stats a span, .user-card .stats divspan{color:#a6a9ac;display:block}.user-card.links{padding:0.5em;text-align:left;border-top:1px solid #f5f8f9}.user-card .linksa{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;display:block;color:dimgray;font-size: .9em;line-height:2em}.user-card .links a:before{margin:0;margin-right: .8em;display:inline-block;width:22px;text-align:center;font-size:1.4em;vertical-align:middle}.user-card .links a:hover{color:#333}.user-card .user-social{margin:0;padding:0.5em;border-top:1px solid #f5f8f9}.user-card .user-socialul{margin:0;padding:0}.user-card .user-social ulli{display:inline-block}.user-card .user-social ul lia{display:block;top:0;position:relative;-webkit-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)}.user-card .user-social ul li a:hover{top: -3px;text-decoration:none}.user-card .user-social ul li a:before{font-size:1.4em;margin:0}@media screen and (max-width: 880px){.user-card .user-social ul li a:before{font-size:2.3em}}.user-card.badges{padding:0.5em;border-top:1px solid #f5f8f9}.user-card .badgesul{padding:0;margin:0}.user-card .badges ulli{display:inline-block;margin:02px}.user-card .badges ul liimg{max-width:30px;max-height:30px}.user-card .btn-holder{padding-top:25px;border-top:1px solid #f5f8f9}.user-card .btn-holder.btn{width:100%}.btn-follow{background-color:#286ebb;padding:1em;color:#fff !important;text-align:center;cursor:pointer;font-size:1em;border-radius:4px}.btn-follow:hover{background-color:#3476d9;text-decoration:none}.user-card .more-info{border:none;background:none;outline:none;cursor:pointer;display:block;width:100%;text-align:center;border-top:1px solid #f5f8f9;padding:5px;color:#333}.user-card .more-info:hover{color:#a6a9ac}.user-card .more-info span:nth-child(2){display:none}.user-card .card-hidden{overflow:hidden;padding:00.5em;height:0;border:none;-webkit-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.user-card.expanded .card-hidden{overflow:visible;padding:0.5em;height:auto;border-top:1px solid #f5f8f9}.user-card.expanded .more-info span:nth-child(1){display:none}.user-card.expanded .more-info span:nth-child(2){display:block}.fa-google-plus-square:before{color:red}.fa-facebook-square:before{color:blue}.fa-twitter-square:before{color:darkturquoise}.fa-instagram:before{color:brown}</style><section class="user-card"><div class="boxProfile-fields profile-picture"><style>.about-widget {text-align: center;padding-bottom: 10px;}.about-widget p {font-size: 15px;line-height: 1.4}.about-widget-social {text-align: center;padding: 15px;margin: 15px -15px -15px;border-top: 1px solid #e2e2e2}.about-widget-social a i {font-size: 18px;margin: 0px 7px;color: #191b28;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}.about-widget-social span {display: none}.about-widget-img {box-shadow: 0 1px 0 rgba(0,0,0,.05), 0 3px 3px rgba(0,0,0,.05);border: 3px solid #fff;transition: all 0.5s ease-in-out;display: block;height: 120px;margin: -85px auto 0;overflow: hidden;display: inline-block;max-width: 120px;max-height: 120px;line-height: 120px}.about-widget-img:hover{border-radius: 100%;transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(0deg)}  .widget-info-sibenit {border-top: 1px solid #ededed;}.widget-info-sibenit .content-w{margin-top: 10px;}.widget-info-sibenit .content-w>p{text-align:center;padding:10px;padding-top:0;border-bottom:1px solid #ededed;margin-bottom:10px;margin: 0px;}.widget-info-sibenit .content-w>p a{color:#3b5992}.widget-info-sibenit .content-w ul li{padding: 5px;border-bottom:none;}.widget-info-sibenit .content-w ul li p{color:#333;font-size:14px;margin:0px}.widget-info-sibenit .content-w ul li p .fa{width:20px;color:#868686}.widget-info-sibenit .content-w ul li p .fa.fa-home{font-size:16px}.widget-info-sibenit .content-w ul li p .fa.fa-map-marker{font-size:18px}.widget-info-sibenit .content-w ul li p a{color:#3a5795;font-weight: 700;}.cover {    height: 105px;    overflow: hidden;    border-radius: 4px 4px 0 0;}</style><div class="about-widget">
<br /><br /><br /><br /><div class="about-widget-img"><img alt="blogger template" height="120" src="//graph.facebook.com/100002251455018/picture?type=large" width="120" /></div><p class="about">Có những thứ luôn quẩn quanh cuộc đời bạn và đôi lúc không có lời giải thích, liệu rằng đó có phải là duyên số?!</p></div>


<div class="stats"><a href='/'><span class="pc-tooltip pc-tooltip-top" data-pc-tooltip="Tổng bài viết"><span id='Stats1_totalPosts1' style='color:#333;font-weight:bold'></span>
<i class="flaticon-posts"></i></span> </a>


<a href='/binhluan'><span class="pc-tooltip pc-tooltip-top" data-pc-tooltip="Tổng bình luận"><span id='Stats1_totalComments1' style='color:#333;font-weight:bold'></span>
<i class="flaticon-comments"></i></span></a>

<a href='#'> <span class="pc-tooltip pc-tooltip-top" data-pc-tooltip="Tổng tác giả"><b style='color:#333'>01</b>
<i class="flaticon-authors"></i></span></a>
</div>
<div class="links card-hidden"><a href="http://maps.google.com/maps?q=DakLak" class="flaticon-location" target="_blank">Đak Lak</a> <a href="mailto:2018.net.vn@gmail.com" class="user-url flaticon-email">2018.net.vn@gmail.com</a><a href="/" class="user-website flaticon-link">https://blogsharewithlove.blogspot.com/</a> </div>
<div class="user-social card-hidden"><ul><li><a href="https://plus.google.com/" class="fa fa-google-plus-square" target="_blank" rel="nofollow"></a></li> <li><a href="http://fb.com/DuyPhuong.Account" class="fa fa-facebook-square" target="_blank" rel="nofollow"></a></li> <li><a href="http://twitter.com/" class="fa fa-twitter-square" target="_blank" rel="nofollow"></a></li> <li><a href="http://instagram.com/ins.duyphuong" class="fa fa-instagram" target="_blank" rel="nofollow"></a></li> </ul></div>
<button class="more-info"><span>+ Thêm thông tin</span><span>- Thu gọn</span></button>
<script type="text/javascript">$('.more-info').on('click', function () { $('section.user-card').toggleClass('expanded'); });</script>
<div class="btn-holder" id="gr_following_23"><a href="https://www.blogger.com/follow.g?blogID=3891271056391904491" data-id="23" data-type="10" class="btn btn-follow gr-follow-23 gr_following" target='_blank'>Đăng kí thành viên</a></div></div></section><style type="text/css">form#_bcd_141013_search_form{text-align:center;position:relative;display:block;clear:both;float:none;border:1px dashed #dcdcdc;padding:3px;font-size:13px;background-color:#fff;width:90%;margin:auto}input#_bcd_141013_search_text{text-align:center!important;width:90%;border:none;margin:0;padding:0;line-height:2em;height:2em;outline:none;background:transparent;color:#000;}button#_bcd_141013_search_submit:hover{color:#000}button#_bcd_141013_search_submit{width:auto;padding:0 3px;margin:0;position:absolute;right:3px;top:3px;line-height:2em;height:2em;text-align:center;cursor:pointer;border:none;color:#666;background:#fff;box-shadow:none}html[dir="rtl"] button#_bcd_141013_search_submit{right:auto;left:3px}</style><form action='/search' id='_bcd_141013_search_form' method='get'><input id='_bcd_141013_search_text' name='q' placeholder="Nhập từ khóa cần tìm kiếm..." type='text'/><input type="hidden" name="max-results" value="6"/><button type="submit" id="_bcd_141013_search_submit"><i class="fa fa-search"></i></button></form><br /><script type="text/javascript">function trk_uc(event) { ga('send', 'event', 'user-card', 'phucuongblogger', event); }</script><script type='text/javascript'>//<![CDATA[function totalPosts1(json){document.getElementById('Stats1_totalPosts1').innerHTML=json.feed.openSearch$totalResults.$t};function totalComments1(json){document.getElementById('Stats1_totalComments1').innerHTML=json.feed.openSearch$totalResults.$t};function totalTS(json){document.getElementById('Stats1_totalTS').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts1\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments1\"><\/script><script type=\"text/javascript\" src=\"/feeds/posts/default/-/Tâm%20sự?alt=json-in-script&max-results=0&callback=totalTS\"><\/script>');//]]></script>

Rất đơn giản anh em chỉ cần mở phần bố cục trên Blogger -> Thêm Tiện ích -> HTML/Java Script rồi paste đoạn code trên vào là được

Chúc Các bạn Thành Công !

Загрузка...

Xem Tiếp