Slider 1 mini Slider 2 mini

Thứ Sáu, 19 tháng 12, 2014

Fan Base Blogger Template

Filled under:


Giới Thiệu:

Nền tảng: Blogger

Tên: Fan Base Blogger Template

Tác giả: Zulfikar

Mô tả: Fan Base Blogger Template là giao diện đơn giản dành cho blog cá nhân với tính năng Responsive hỗ trợ tốt cho mọi thiết bị truy cập. Khả năng SEO và tốc độ load trang khá nhanh.

Posted By NGUYEN PHUC18:23

Thứ Sáu, 12 tháng 12, 2014

Sửa lỗi không hiển thị ảnh thumbnail ở Blogspot

Filled under:

Nếu bạn đang sử dụng blogger với cập nhật mới cho blog của bạn và đột nhiên bạn thấy ảnh thumbnail hoàn toàn không hiện. Hãy bỏ ngay suy nghĩ rằng bạn phải edit template để khắc phục tình trạng này. Mà hôm nay mình sẽ hướng dẫn các bạn khắc phục sự cố không mong muốn này.

Tại sao ảnh thumbnail không hiển thị?

Đầu tiên bạn nên quan tâm tới lý do tại sao ảnh thumbnail tự dưng không hiển thị cho dù bạn không tác động vào template trước đó. Điều này sẽ xảy ra với những blog với bài post có hình ảnh trước khi google update tính năng mới. Hãy bình tĩnh và làm theo hướng dẫn dưới đây nhé.

Hướng dẫn:

Đầu tiên hãy vào Blogger >> Bài đăng >> hãy nhìn tất cả các bài viết đã được xuất bản và chọn bất kỳ bài viết nào và ấn vào chỉnh sửa.

Bạn chuyển về chế độ chỉnh sửa bài đăng ở dạng HTML khi thấy link ảnh hãy sửa toàn bộ https:// thành http://


Sau đó hãy lưu lại và quay lại trang chủ xem giờ thì ảnh thumbnail của bạn đã hiển thị lại bình thường.
Chúc bạn thành công !

Posted By NGUYEN PHUC19:28

Cách hiển thị đánh giá trên kết quả tìm kiếm Google

Filled under:

Sau đây mình sẽ hướng dẫn các bạn cách hiển thị đánh giá trên kết quả tìm kiếm của google. Mục đích của nó là gây ấn tượng và tăng độ tin tưởng cho visitors khi họ tìm kiếm tới trang web của bạn trên Google.

Sau khi thực hiện thủ thuật này bạn sẽ có kết quả tìm kiếm được hiển thị như sau:



Hướng dẫn:

Khi viết bài bạn thêm đoạn html dưới đây vào bài viết cho sản phẩm muốn được đánh giá.

<div class="hreview"> <span class="item"> <span class="fn">Tên Sản Phẩm </span><br/> </span> Đánh giá bởi <span class="reviewer">Tên người đánh giá</span>on <span class="dtreviewed">Aug 11 2012<span title="2014-11-08" class="value-title"></span><br/> </span> Rating: <span class="rating">Số sao cho sản phẩm</span></div>
Chú ý: Chỉnh ngày thángsố sao cho sản phẩm (nên chọn là 5) theo ý bạn trong đoạn code trên và hãy chuyển sang chế độ soạn thảo HTML trong bài viết sau đó chuyển lại chế độ Viết. Nên làm thao tác này cuối cùng sau khi đã viết xong bài viết.


Posted By NGUYEN PHUC18:52

Sevida v1.7 - Responsive magazine blogspot theme

Filled under:


Giới Thiệu:
 
Sevida là giao diện phong cách báo chí cho Blogger với chức năng tích hợp phong phú. Hoạt động tốt trên nhiều thiết bị với tốc độ load trang nhanh và tối ưu SEO cho trang Blog của bạn.

Thời gian cập nhật Sevida V1.7: 25/8/2014

Có gì mới ở phiên bản này?

1. Thay đổi và chỉnh sửa

- Summary Script (Fixed Image Regex make full support Youtube Thumbnail)
- Recent Post by Tag Script (Fixed Image Regex make full support Youtube Thumbnail)
- Related Post Script (Fixed Image Regex make full support Youtube Thumbnail)
- Ajax Search Result (Fixed Image Regex make full support Youtube Thumbnail)
 
 2. Thêm các tính năng
 
- Auto social Icon (Just change the name)
- Auto google map (when location select)
- Author Profile picture on blog post
- Disqus recent comment custom
- Support Load three Cumment System


Hướng dẫn cài đặt

Sau khi giải nén, hãy mở thư mục Documentations rồi mở file index bằng trình duyệt web, trong đó sẽ có hướng dẫn cụ thể cài đặt như DEMO.





Posted By NGUYEN PHUC05:07

Tạo floating menu cho blogspot

Filled under:

Sau đây mình sẽ hướng dẫn các bạn tạo floating menu trượt theo blog cho Blogger.





Hướng Dẫn:

Truy cập vào quản trị blog: 

Blogger.com >> Mẫu >> Chỉnh HTML sau đó tìm thẻ ]]></b:skin> rồi thêm lên trên nó đoạn code dưới đây:


/*--Sticky Navigation Bar--*/
#MBL_wrapper .MBL_social_wrapper
{
margin-top: 15px;
}

#MBL_wrapper
{
width: 100%;
margin: auto;
background: #fff;
height: 50px;
border-top: 5px solid #2c2f32;
border-bottom: 1px solid #EBEBEC;
-webkit-box-shadow: 0 1px 0 #D2D2D3, 0 1px 3px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 0 #d2d2d3, 0 1px 3px rgba(0,0,0,.2);
-o-box-shadow: 0 1px 0 #d2d2d3, 0 1px 3px rgba(0,0,0,.2);
box-shadow: 0 1px 0 #D2D2D3, 0 1px 3px rgba(0, 0, 0, .2);
position: fixed;
z-index: 999;
}

#MBL_wrapper .topmenu.notice
{
float: left;
width: 500px;
margin-top: 15px;
color: #fff;
}

#top_menu a
{
color: #fff;
}

#top_menu
{
display: block;
float: left;
list-style: none;
margin-top: 12px;
}

#top_menu li
{
display: inline-block;
margin-right: 15px;
font-family: 'Patua One', 'Helvetica Neue', Helvetica, Arial,Verdana,sans-serif;
font-size: 14px;
text-transform: uppercase;
}

#top_menu li ul
{
display: none;
}

#boxed_wrapper
{
width: 980px;
margin: auto;
}

.MBL_standard_wrapper
{
width: 960px;
margin: auto;
}

.MBL_standard_wrapper.wide
{
width: 980px;
}

.MBL_standard_wrapper.header
{
margin-bottom: 0px;
}

.MBL_social_wrapper
{
width: auto;
float: right;
}

#menuforall .MBL_social_wrapper
{
margin-top: 15px;
}

.MBL_social_wrapper ul
{
list-style: none;
}

.MBL_social_wrapper ul li
{
float: right;
margin-left: 5px;
}

.MBL_social_wrapper ul li img
{
width: 24px;
}

#MBL_menu_wrapper
{
width: 930px;
height: 50px;
padding: 0;
margin:auto;
}

.mainmenu.notice
{
float: left;
width: 600px;
padding: 17px 0 10px 12px;
z-index: 999;
}

#MBL_menu_wrapper .nav ul, #MBL_menu_wrapper .nav
{
list-style: none;
display: block;
float: left;
margin: 0 23px 0 5px;
width: 700px;
}

#MBL_menu_wrapper .nav ul li, #MBL_menu_wrapper .nav li
{
display: block;
float :left;
margin: 0;
}

#MBL_menu_wrapper .nav ul li ul, #MBL_menu_wrapper div .nav li ul, .main_nav li ul
{
display: none;
list-style: none;
background: #000;
position:absolute;
padding: 0;
margin-top: 51px;
width: 200px;
height: auto;
z-index: 1000;
padding-top: 5px;
border-bottom: 5px solid #000;
border-left: 0;
}

#MBL_menu_wrapper .nav ul li ul li ul, #MBL_menu_wrapper div .nav li ul, .main_nav li ul li ul
{
margin-left: 200px;
margin-top: 5px;
}

#MBL_menu_wrapper .nav li ul li a, .nav li ul li a, #MBL_menu_wrapper .nav ul li.current_page_parent ul.sub-menu li.current_page_item a, .nav li.current-menu-parent ul.sub-menu li.current_page_item a
{
background: none;
}

.main_nav li ul li
{
width: 100%;
}

#MBL_menu_wrapper .nav li ul li a, #MBL_menu_wrapper .nav li.current-menu-item ul li a, #MBL_menu_wrapper .nav li ul li.current-menu-item a,#MBL_menu_wrapper .nav ul li ul li a, #MBL_menu_wrapper .nav ul li.current-menu-item ul li a, #MBL_menu_wrapper .nav ul li ul li.current-menu-item a
{
color: #fff;
display: block;
width: 188px;
font-weight: bold;
line-height: 1em;
padding: 10px 0 10px 12px;
background: none;
}

.main_nav ul, .main_nav
{
list-style: none;
margin: auto;
width: 600px;
height: 50px;
z-index: 999;
float: left;
border-left: 1px solid #EBEBEC;
}

.main_nav ul li,  .main_nav li
{
display: block;
float :left;
margin: 0;
}

.main_nav ul li a,  .main_nav li a
{
display: block;
float :left;
margin: 0 0 0 0;
padding: 18px 15px 14px 15px;
color: #2c2f32;
font-family: 'Patua One';
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
border-right: 1px solid #EBEBEC;
}

.main_nav ul li ul li a,  .main_nav li ul li a
{
width: 165px;
padding: 7px 19px 7px 16px;
border: 0;
font-size: 12px;
font-weight: normal;
color: #ccc;
font-family: 'Helvetica Neue', Helvetica, Arial,Verdana,sans-serif;
}

.main_nav ul li ul li:last-child a,  .main_nav li ul li:last-child a
{
border-bottom: 0;
}

.main_nav ul li a:hover,  .main_nav li a:hover, .main_nav ul li a.hover,  .main_nav li a.hover, .main_nav ul li a:active,  .main_nav li a:active, .main_nav li.current-menu-item a
{
color: #fff;
background: #1bc4de;
}

.main_nav li:last-child a:hover, .main_nav li:last-child a.hover
{
border-right: 0;
}

.main_nav li ul li a,  .main_nav li.current-menu-item ul li a,#MBL_menu_wrapper .nav ul li ul li a, #MBL_menu_wrapper .nav ul li.current-menu-item ul li a, #MBL_menu_wrapper .nav ul li ul li.current-menu-item a,
{
display: block;
width: 170px;
line-height: 0.7em;
padding: 5px 0 5px 30px;
}

.main_nav li ul li a:hover,  .main_nav li.current-menu-item ul li a:hover, .main_nav li ul li a.hover,  .main_nav li.current-menu-item ul li a.hover, #MBL_menu_wrapper .nav ul li.current-menu-item ul li a:hover, #MBL_menu_wrapper .nav ul li ul li.current-menu-item a:hover, .main_nav li ul li:last-child a:hover, .main_nav li ul li:last-child a.hover
}

 div
{
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}

a
{
color: #2C2F32;
text-decoration: none;
-webkit-transition: color .2s linear, background .1s linear;
-moz-transition: color .2s linear, background .1s linear;
-ms-transition: color .2s linear, background .1s linear;
-o-transition: color .2s linear, background .1s linear;
transition: color .2s linear, background .1s linear;
}

/* Font Face ----------------------------------------------- */
@font-face {
font-family: 'Patua One';
font-style: normal;
font-weight: 400;
src: local('Patua One'), local('PatuaOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/patuaone/v3/yAXhog6uK3bd3OwBILv_SLO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}

ul{
margin: 0;
padding: 0;
list-style: none;
}

Sau đó bạn tìm thẻ <body> và thêm dưới nó đoạn code dưới đây:

<!-- Begin Navigation -->
<div id='MBL_wrapper'>
<div class='MBL_standard_wrapper'>
<div class='menu-main-menu-container'><ul class='main_nav' id='main_menu'><li class='menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-533' id='menu-item-533'>

<a href='#'>Home</a></li>

<li><a href='#'>Blog</a></li>

<li><a href='#'>About Us</a></li>

<li><a href='#'>Advertise Here</a></li>

<li><a href='#'>Contact Us</a></li>

<li><a href='htto://www.mybloggerlab.com'>MyBloggerLab</a></li>
</ul></div>
<div id='menu_border_wrapper'></div>
<div class='MBL_social_wrapper'>
<ul>

<li><a href='#' target='_blank'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8Q1Fdjv6dEOrNIkEaCxdInHtTJv6T3WydptWee0ycXjqGZLjpFmWFLytTS6isPv3CEq1hrFOfDzYbw7bF9yHqJSvDaq_wNN0aZGKvmf8KbIqJ3nDjrogz6PMkG1-KLr2-3ilk2AFop2JG/s1600/facebook.png'/></a></li>

<li><a href='#' target='_blank'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT7cUZxlvyNV7K8nHubDJu_o_d6nLlWDXbvUm8djNZB2pYbzZ2PBIBtTGEkr8WCRXSSPB-PnAC685Fbo6T8qnc287cRr17Tt6NO8ay-19xhjyUfMMZ8AEHG4Qexa4YCaiweLHHeJb7U2dL/s1600/twitter.png'/></a></li>

<li><a href='#' target='_blank' title='Flickr'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfYv1B_RXBGJub_c0qo9qTaFGPYBU8z0SqrRBJhGl5W4w8tRZDJhWgYLiZgRBH6BPmCyGSUeeWUZ2Nt8qKrFufjGOCh4UbyNEB12DuhYYsmIKa9PO5UovzrW3FFm1de2ZMh5JaNCOmlu9A/s1600/flickr.png'/></a></li>

<li><a href='#' target='_blank' title='Vimeo'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKhwS6uIIe5zdp2l1P_XUHHrIY06D2a6WM_VE9QvAP2aqw51QdXKK94uEoeE_C2MQdR2KHJvhWwY1zVrstr4Kg1qzQp_1idHjHkCtvlg38Vrp76eAG6G6EaDGj0KssJLY7Pdgzipm7ncTU/s1600/vimeo.png'/></a></li>

<li><a href='#' target='_blank' title='Tumblr'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbIMxYOd5x9hsDDhZmOrtpd077zO5G8mNJjNw_7FdIbYEpJoRfTibkaSA4bqckJQ50WVLPzl6w9cJxeLJy9LWb8CnLSJaotDjRU0kSgyYgdZPvOTOdDdZyHCh1TczqOARgxjh6I1q_m_k-/s1600/tumblr.png'/></a></li>

<li><a href='#' target='_blank' title='Google+'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-yLvxEjLA_GuQg9qJulo8K8z-GMxn8DPFjkN01BA4r2rcomODmg1JH-mYiyB86gcgga6yI_3y8uF6kNSwNrKivZYB8TqhHuS1_2kcmtLyHAWuoLyeI7hwJJE9EolHmXrzDvz4nQ3SKZmA/s1600/google.png'/></a></li>

<li><a href='#' target='_blank' title='Dribbble'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLPA4cBrdJNXsZ8u8LbqFqJj-2D1HGxje2JgxPhigsFUa13ZjYkOyoUSGfxbTFjPTiJFJAFbxHc7tZVKPTQeMuxjFl9FnsAJNF6fNKv53CIhLDGStZhbB9WmAWYsdH42oippvJoycaouKu/s1600/dribbble.png'/></a></li>

<li><a href='#' target='_blank' title='Digg'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8uoRuNAaQwJe0l6UheLP6McpIttVQJU2rEHZpbri7QL_f5i4AAmDZrmB9lwlDNTo5yINyuit911zf_vd2EBYkOdBvT8p_scAtBJ8LR5UinZy6WffAOlu-FE0JXtCPF9WrrIWzVvb1BohZ/s1600/digg.png'/></a></li>

<li><a href='#' target='_blank' title='Linkedin'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5StOEuzbO9kJmbkBbx3EWlXL-y_ZeWm_TJ0aPad62y5TUPhD2Y-wwzk7ColpWWNBiZ4ZLnbwpoJ-5t3RH5uhTGN7wfYHEDzC4fqEjhFM7mRtxyXTqUTUpDIC-CCrmgx6xSm87vRAb8XSt/s1600/linkedin.png'/></a></li>

<li><a href='#' target='_blank' title='Pinterest'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg3jNI4uvEUldUYBSDqn4VRYoytQ5W87G9-zK8Ks_dHsAQnq59QG5mZXWo6hxl5AOvXcoyKLBeKMJ2ulO3OTpLEPdkIOCsn-5r8yW1-1BekP9WLY0dD1-_TV999lUF22dkJQqt5wbA64N2/s1600/pinterest.png'/></a></li>

<li><a href='#' target='_blank'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtGjabQFUu5LCV16JVEawTdQP0Tt59MN6l7MS1hMwnTss7qXUzyRINguhSgKo5i9tumNrdDsEgHISjDXpuNgxTiuwHMT6S7RyGJRTV0KpStDk9gJTpcwtCnlZnr-hW8G7JO1ydnNV4EZmU/s1600/rss.png'/></a></li>

</ul>
</div>
</div>
</div>
<!-- End Navigation -->
 Sau đó hãy chỉnh lại đường link cho đúng với chuyên mục nhé, chúc các bạn thành công.
 

Posted By NGUYEN PHUC02:15

Thứ Tư, 10 tháng 12, 2014

Thủ thuật tăng tốc cho Samsung Galaxy

Filled under:

Những chiếc điện thoại Samsung chạy android thường đi với những phần mềm nặng và làm giảm hiệu suất xử lý của máy, làm cho máy chậm đi. Bạn có thể tăng tốc chiếc dế yêu của bạn bằng cách tắt S Voice, nguyên nhân chính gây tác động tới phần cứng của máy.
Những smartphone Galaxy hiện vẫn có một điểm yếu khá khó chịu: giao diện TouchWiz có quá nhiều tính năng gây nặng máy và không cần thiết. Thật may mắn, bạn có thể cải thiện một phần hiệu năng trên Galaxy S4 hoặc Galaxy Note 4 bằng cách tùy chỉnh S Voice.
S Voice là trợ lý ảo trên các thiết bị Galaxy, đây cũng là câu trả lời dành cho trợ lý ảo Siri của Apple. Bạn có thể truy cập vào trợ lý ảo của Samsung bằng cách nhấn nút Home trên các mẫu Galaxy 2 lần liên tiếp.
Song, vấn đề là ở chỗ phím tắt này (nhấn nút Home 2 lần) sẽ khiến giao diện của những chiếc Galaxy S và Galaxy Note bị chậm lại. Bạn có thể nhận thấy rõ sự ì ạch này khi nhấn nút Home để trở về màn hình chính.
Mẹo nhỏ để tăng tốc cho dế Samsung Galaxy
Thật may mắn, cách gỡ bỏ phiền toái không đáng có này là khá đơn giản: mở S Voice, truy cập vào màn hình tùy chỉnh (Settings) của ứng dụng này và loại bỏ tùy chọn "Open via the Home key" (Kích hoạt qua nút Home).
Sau khi đã thực hiện tùy chỉnh này, bạn sẽ thấy nút  Home  "nhạy" hơn trước khá nhiều. Trong trường hợp cần dùng S Voice, bạn có thể kích hoạt trợ lý ảo khá... vô duyên này thông qua các phím tắt ứng dụng thông thường.


Posted By NGUYEN PHUC17:38

Thứ Ba, 9 tháng 12, 2014

Widgetly Responsive Blogger Template

Filled under:


Giới Thiệu: 

Widgetly Responsive Blogger Template là giao diện hoàn hảo dành cho những site cá nhân, trang tin tức với những tính năng độc đáo như tích hợp những widget cho video, tìm kiếm nhanh, sticky menu bar (menu trượt). Đặc biệt là thích hợp trên các thiết bị khác nhau, tối ưu SEO hoàn hảo.


Posted By NGUYEN PHUC18:59