Chuyển đến nội dung chính

Bài đăng

Đang hiển thị bài đăng từ tháng hai, 2017

Tạo Sticky cho nhiều Widget của blogspot

Thông thương khi các bạn kéo thanh cuộn xuống để xem phần dưới của blog thì các phần trên nó sẽ bị ẩn đi. Vậy nếu muốn hiển thị một tiện ích có ID bất kỳ khi bạn kéo chuột xuống dưới blog dạng Sticky thì phải làm thế nào.

Bài viết này BỜM sẽ hướng dẫn các bạn làm điều đó tạo Sticky cho một widget có Id bất kỳ, Bạn có thể áp dụng nó cho các widget chứa các nút like của các mạng xã hội hay hộp đăng ký nhận tin của bạn, hoặc đơn giản hơn là cho một menu, một banner quảng cáo mà bạn muốn. Với cách tạo Sticky này cho dù bạn kéo chuột đến vị trí nào đi nữa thì tiện ích của bạn vẫn luôn xuất hiện tại vị trí mà bạn muốn, trong bài viết này là trên đầu của blog.


Bạn có thể xem demo ngay trên blog của mình hãy kéo chuột xuống dưới chân trang và chú ý thanh menu ở trên đầu blog mình cũng di chuyển theo và không hề biến mất nha.

» Bước 1: Xác định ID của Wdget tiện ích cần tạo hiệu ứng Sticky
1.1- Vào Bố cục (Layout) -> Nhấp vào Chỉnh sửa (Edit) trên Widget cần áp dụng tiện ích Sticky.
1.2 - Một cử…

CHÈN BIỂU TƯỢNG CẢM XÚC EMOTICONS VÀO COMMENT BLOGSPOT

Thêm đoạn code dưới đây vào trước thẻ đóng </body> sẽ giúp người đọc thêm được các biểu tượng cảm xúc (emoticons) thông dụng :( :D :v ...vào khung comment của blogspot, ngoài ra còn có thể dán link ảnh, youtube, hay list nhạc từ nhaccuatui vào nữa. Các bạn thêm đoạn code bên dưới vào

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
var copyright='Emoticons & Multimedia for Thread Comment by http://bomkhung.info';
var smileys=[
{'text':':))','img':'http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif'},
{'text':':)','img':'http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif'},
{'text':':((','img':'http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif'},
{'text':':(','img':'http://lh6.ggpht.com/_u7a1…

Code CSS Button Đẹp Cho Blogger

Hôm nay lục sục trên mạng kiếm code CSS "BUTTON" đẹp cho blogger. Ai ngờ ra đoạn code CSS này. Mình dùng thấy rất ok và khá đẹp nên viết bài share luôn cho anh em :D. Ai chưa có thì lấy về dùng thử nhé :D

/*Button Đẹp Cho Blogger By BomKhung.Info*/
#download_area {width:97%; margin:0px auto;text-align: center}
#download_area a, #download_area a:hover, #download_area a:visited{color:rgb(230, 230, 230); text-decoration:none; border-bottom:none;}
#download_area p {font-style:italic;font-size:12px;}
.button{display: inline-block;white-space: nowrap;background-color: rgb(109, 212, 37);background-image: none;border-width: 1px;border-style: solid;border-right: 1px solid rgba(255, 255, 255, 0.03);border-left: 1px solid rgba(255, 255, 255, 0.03);border-image: none;border-color: rgba(255, 255, 255, 0.04) rgba(255, 255, 255, 0.03) rgb(34, 34, 34);padding: 0 1.5em;margin: 0.5em;font: 1em/2em 'Coda', Cursive;text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0px 0px 2px rgb…

Hướng dẫn tạo tab thông báo cho blogger

Hôm nay mình xin chia sẽ cho các bạn một tiện ích cực hay ^^. Cái này mình biết lâu rồi nhưng mà không có thời gian chia sẽ, may hôm nay rảnh nên viết bài chia sẽ cho các bạn luôn :D
Chúng ta bắt đầu nhé :D

Bước 1: Đầu tiên các bạn thêm đoạn code CSS này vào đâu trong blog cũng được :D. Hoặc có thể thêm vào trước thẻ </body>
<style type='text/css'>#info-oktri {z-index: 1000;background:-moz-linear-gradient(top, #1F2326, #000);background: -webkit-gradient(linear, left top, left bottom, from(#1F2326), to(#000));box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;-moz-box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;-webkit-box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;width:400px;position: fixed;top:50px;left:0;margin-left:-330px;border:1px solid #444;background-position:top right no-repeat;height:35px;font:11px Arial;color:#eee;border-top-right-radius:8px;border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;…

HonTap Pro – Responsive Blogspot Template Blogging

Chào các bạn,

Lâu rồi mình lại mới nâng cấp các Template đã xuất bản. Hôm nay, Mộc chính thức ra mắt bản pro của Template Hontap đã được khá nhiều bạn sử dụng trước đây.

Ở phiên bản HonTap Pro này được cải tiến khá nhiều từ giao diện cho tới tốc độ cũng như tính chuẩn SEO.

DEMOBUY NOW

Một vài tính năng tiêu biểu:
Hỗ trợ ResponsiveChuẩn SEOTích hợp BreadcrumbsTích hợp vị trí quảng cáo đẹp….Event tặng HonTap Pro dịp ra mắt

Nhân dịp năm mới (Hơi muộn xíu) và ngày Valentine (Dù chả liên quan :v) Mình xin share Free cho 5 bạn may mắn nhất. Giá trị tuy không lớn nhưng cũng gọi là quà năm mới.
Các bạn chỉ cần chia sẻ bài viết này lên Facebook, sau đó quay lại comment theo cấu trúc sau:
Email: Địa chỉ Email của bạn
Số chọn: Số có 2 chữ số
Link đã share:Mình sẽ dựa vào kết quả sổ xố miền Bắc ngày 14/02/2017 để chọn ra những bạn trúng thưởng nhé!

Ngoài ra, hiện tại mình đang giảm giá tất cả các sản phẩm trên hệ thống còn 100k/1 sản phẩm. Nhanh tay đặt hàng ngay để có được Template tốt nhất nhé!
Update kết …

Thêm Live Search Box vào Blogspot

Bước 1: Thêm Javascript get kết quả

Các bạn thêm đoạn code sau vào trước thẻ </head> trong Template của mình.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.js'></script>
<script>
var home = "http://search-live-blogspot.blogspot.com/", // URL lấy kết quả tìm kiếm
perPage = 3; // Số bài muốn hiển thị
//<![CDATA[
$(document).ready(function() {
$("#mocgin-field input").click(function(c) {
c.stopPropagation();
$("#mocgin-field input").keyup(function() {
var d = $("#mocgin-field input").val(), c = new RegExp(d, "i"), a = '<div class="row">';
$.ajax({url: home + "feeds/posts/default?alt=json&max-results=10", dataType:"jsonp"}).done(function(e) {
$.each(e.feed.entry, function(e, b) {
if ("" != d && -1 != b.title.$t.search(c)) {
a += '<div class="moc-search-item">';
if (void 0 != b.media$thumbnail) {
v…

Chợt nhận ra

Chợt nhận ra lâu rồi mình không viết blog..

1 blog thật dài, thật tâm trạng đầy cảm xúc,.. về những gì đã xảy ra, đang xảy ra..

Đã từng coi nó như là người bạn thân duy nhất đáng tin tưởng trong cuộc đời này cơ đấy

Bởi cuộc sống quá bận rộn, có nhiều thứ để ta hào hứng theo đuổi hay vì ta ko còn thật sự muốn dành

Thời gian cho nó nữa ..?


Hay cuộc sống phũ phàng khiến ta nhạt cảm xúc mà lãng quên nó đi..

Sự trôi dần của thời gian khiến ta lãng quên đi thứ mà ta từng hứa sẽ coi là quan trọng ..!!

Cảm thấy buồn man mác, nhạt nhẽo !!

Truyện ngắn: Tớ sẽ quên cậu nhanh thôi!

"Tớ không hứa sẽ yêu cậu cả cuộc đời này. Nhưng tớ hứa sẽ yêu cậu nhiều bẳng tất cả những giọt mưa trong đời cộng lại"

Phố lên đèn.

Lại một ngày nữa Hùng một mình dạo bước khắp các con phố với những nỗi nhớ miên man, vô định. Anh vẫn nhớ đôi mắt ấy, nụ cười ấy, giọng nói ấy và cả giọt nước mắt ấy. Anh nhớ cả cái cách anh đẩy người con gái ấy ngã nhào khiến cô suýt bị 1 chiếc ô tô đâm phải. Đúng, anh thật là một kẻ nhẫn tâm. Anh nhẫn tâm cả với người con gái mình yêu nhất.


Hùng là một đứa trẻ được 1 gia đình nhận nuôi tại trại trẻ mồ côi. Họ coi anh như con ruột, và Quang - con trai của họ cũng coi anh như người anh trai vậy. Cuộc sống của anh dưới mái ấm gia đình ấy quá đẹp, anh thầm cảm ơn thượng đế đã cho anh 1 gia đình, dù chẳng phải ruột thịt, nơi mà anh có thể dựa vào khi buồn. Và cũng chính vì được nhận nuôi trong gia đình ấy, anh đã gặp cô.

Hai cậu bé giành nhau 1 món đồ:
"Cái đó là của anh, anh tìm thấy trước cơ mà", Hùng tức giận
"Nhưng em là em trai của an…

Khung Nhận Xét Khác Biệt Cho Author Blogger

Hôm nay mình xin hướng dẫn cho các bạn một mẹo rất đơn giản để phân biết nhận xét của tác giả với khách comment trên blogger ^^. Chúng ta bắt đầu nhé.

Bước 1: Các bạn tìm </body>
Bước 2: Các bạn cho đoạn code bên dưới vào trên thẻ </body> vừa tìm được
<!-- author comment -->
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script>
$(function() {
function highlight(){
$('.user.blog-author').closest('.comment-block')
.css('border', '1px solid #FFA500')
.css('background','#F1F1F2 url("http://www.blogblog.com/1kt/transparent/white80.png")')
.css('color', '#444444')
.css('font-size', '12px')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
<!-- end -->

Và các bạn lưu mẫu lại và tận hưởng kết quả nhé ^^
Chúc các bạn thành công. :D
Và bạn nào muốn thêm tích "V" như trên ảnh c…

Share code upload ảnh lên sever Imgur cho blogspot

Chào các bạn. Mình xin chia sẻ với các bạn code upload ảnh lên sever Imgur cho blogspot. Code này chỉ có CSS, Javascript và HTML5.


Chức năng:
Tải ảnh không giảm chất lượng nhờ dùng host Imgur.Không sử dụng PHP, chỉ dùng HTML5 và javascript, CSS để định dạng.Sử dụng dễ dàng 7 định dạng BBcode mặc định, hoặc có thể tùy biến dữ liệu với 7 định dạng link.Ảnh sau khi tải lên có thể cập nhật trực tiếp vào khung soạn thảo.Có thể xóa ảnh, và loại bỏ dữ liệu trong khung soạn thảo dễ dàng.Dễ dàng chuyển đổi 2 phương pháp tải ảnh thông dụng từ máy tính và từ liên kết.Giao diện hiện đại với đầy đủ thông tin tiến trình tải ảnh.Tự chuyển về giao diện mini khi chiều rộng hẹp hơn 220px.Kiểm soát định dạng, các ảnh trùng lặp và giới hạn 10 ảnh tối đa mỗi lượt, giúp tiết kiệm băng thông (vì mỗi app đăng ký trên ImgUr bị giới hạn).Để thêm code vào blog của bạn, đầu tiên các bạn vào Blog của bạn => Trang => Tạo trang mới và chuyển qua phần HTML và dán đoạn code sau vào:

<script src="http://bot…

Share Code GetLink PhimMoi.Net

Để phục vụ cho nhu cầu làm blogphim thì hôm nay mình xin chia sẻ với các bạn cách GetLink từ trang phim PhimMoi.Net


<?php
$url = Puaru_Vina4U($_GET['url']);
if (preg_match_all('#<script async="true" src="(.+?)"></script>#is',$url, $_puaru))
{
$url = Puaru_Vina4U($_puaru[1][2]);
if (preg_match('#"height":360,"url":"(.+?)"},{"resolution":480,"type":"mp4","width":854,"height":480,"url":"(.+?)"},{"resolution":720,"type":"mp4","width":1280,"height":720,"url":"(.+?)"#is',$url, $_puaru))
{
$puaru['360'] = $_puaru[1]; $puaru['480'] = $_puaru[2]; $puaru['720'] = $_puaru[3];
echo json_encode($puaru);
}
}
function Puaru_Vina4U($site){
$ch = curl_init();
curl_setopt($ch, CURLOPT_RETURNTRANSFER, TRUE);
curl_setopt($ch, CURLOPT_USERAGENT, 'Opera/9…

Kiêng Cự Cưới Xin Cùng Tuổi Khi Chưa Hết Phòng Lông

Chuyện kể về một tình yêu trắc trở :( có lẽ là tôi quá non trẻ không biết gì. Nhưng sau một hồi nói chuyện với một người bạn, và mình cũng đã hiểu ra vì sao hai người bằng tuổi nhau nhưng lại có "PHÒNG LÔNG". Vi điều đó cũng chưa được nhiều sách báo hay tạp chí gì đề cập đến nhiều, nên hôm nay mình cũng viết luôn cho những bạn trẻ nào đó cùng lứa tuổi đọc và ngẫm :(. Người ta bảo 2 người cùng tuổi nhưng chưa hết "PHÒNG LÔNG" thì không nên yêu nhau vì những lý do rất chi là đơn giản nhưng lại là niềm khổ cho 2 người :(


"PHÒNG LÔNG" của 2 người bằng tuổi nhau được tính từ ngày sinh của 2 người đó nhé, nhưng phải qua "3 THÁNG 10 NGÀY", thì mới được yêu nhau nhé :(

Những lý do khi 2 người chưa quá "PHÒNG LÔNG" yêu nhau và dẫn đến kết hôn.
Thứ nhất : Là 2 người sẽ dễ đau ốm bệnh tật
Thứ hai : Trong cuộc sống vợ chồng sẽ không phát tài phát lộc cho lắm.
Thứ ba : Khi 2 người này đến với nhau thì con đường thắng tiền của cả 2 sẽ không thành vì một …