Blogger

Sốc “nữ quái” trộm đồ nhét vào “vùng kín”

2014-07-25T07:20:00.001-07:00

Sốc clip trộm đồ nhét vào “vùng kín” của nữ quái ở TP Vinh. Người phụ nữ trộm đồ nhét vào váy bà bầu

Trước đó, vào chiều 23/6, tại shop quần áo số 56, đường Hồng Bàng, TP Vinh, Nghệ An có 2 người phụ nữ mặc váy bầu khoảng 30-35 tuổi vào mua đồ.
Sau khi xem các loại quần áo, một người vờ nói chuyện với chủ cửa hàng để đánh lạc hướng, người còn lại nhanh tay “cuỗm” quần áo rồi nhét vào váy bầu. Mọi hành vi của 2 người phụ nữ trom do nhet vao vung kin đã bị 2 chiếc camera an ninh lắp tại cửa hàng ghi lại.
Sau khi 2 người phụ nữ ra về, chủ của hàng mới phát hiện một số quần áo đã bị mất.

“Nữ quái” trom do nhet vao vung kin.
Chị Đậu Thị Thanh (33 tuổi), chủ cửa hàng bị mất trộm đồ, khẳng định: “Người mặc áo đen đã từng đến cửa hàng tôi để mua đồ. Người này nói rằng dẫn bạn đi mua váy cho phụ nữ mới sinh. Một người đứng nói chuyện với tôi, người kia đi xem đồ nhưng rồi họ không mua mà dắt xe ra về. Lúc kiểm tra lại thì tôi mới biết bị mất trộm 1 chiếc váy, 3 cái quần và 4 cái áo.
Sau khi chị Thanh chia sẻ đoạn clip lên mạng internet về hành vị trộm đồ của 2 phụ nữ trên, nhiều chủ cửa hàng cũng khẳng định 2 người này từng vào cửa hàng của họ để mua đồ nhưng rồi lại dắt xe ra về.
Hiện chị Thanh đã đến cơ quan Công an TP Vinh trình báo sự việc và yêu cầu xác minh, làm rõ.
Video trom do nhet vao vung kin:

Tin sốc : Cô gái có mái tóc dài gần 1 km

2014-07-25T07:05:00.001-07:00

Kỉ lục mới nhất được tổ chức Guiness xác lập thực sự là một kỉ lục kì lạ và vô cùng sốc cô gái có mái tóc dài 1km.

Nikola Kulezic, người Serbia cũng giống như bao cô gái khác, rất thích làm đẹp với mái tóc của mình. Soc co gai co mai toc dai 1km đã khiến nhiều người biết đến phải “tròn mắt” sau khi giới thiệu mái tóc nối dài tới hơn 820 mét, vào khoảng 0,82 km.

Cặp đôi Nikola Kulezic và bạn trai rất vui mừng khi là chủ nhân của một kỉ lục thế giới mới.

Cô gái này hiện đang là một thợ làm tóc, được biết cô đã phải dùng thêm 1 số lượng sợi cáp mỏng nhất định để cố định số lượng tóc nối khổng lồ của mình.

Một số hình ảnh độc đáo của Nikola Kulezic:

Tin soc co gai co mai toc dai 1km , Nikola Kulezic luôn là tâm điểm chú ý của mọi người trên đường.

Thậm chí Nikola Kulazic còn có thể ngồi thoải mái trên chiếc nệm “tóc” độc đáo này

Soc co gai co mai toc dai 1km, dài nhất thế giới trước đó từng được trao cho cô Sarina Russo người Australia với mái tóc nối dài tới 294,49 mét.

Cô Sarina Russo cũng từng sở hữu mái tóc nối dài nhất thế giới.

Tối ưu file Robots.txt

2014-06-24T02:26:00.003-07:00

Có thể nói là nhiều bạn tạo blog nhưng đôi khi lại không quan tâm tới cái này. Để tối ưu tốt file này các bạn làm như sau:

B1: Đăng nhập blogspot
B2: Kéo chuột xuống dưới bên tay trái vào "Cài đặt"
B3: Chọn "Tùy chọn tìm kiếm" trong menu cài đặt
B4: Chọn "Trình thu thập thông tin và lập chỉ mục" bên tay phải của Tùy chọn tìm kiếm
B5: Chọn "Robots.txt tùy chỉnh" >> "Bật nội dung robots.txt tùy chỉnh"
B6: Copy đoạn code dưới này vào khung nhập text và sau đó nhấp "lưu lại"

Code chuẩn robots.txt cho blogspot

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Allow: /
Disallow: /search
Disallow: /*?updated-max=*
Disallow: *archive.html

Sitemap: #/sitemap.xml

Cái phần code Disallow: /search bạn có thể bỏ đi cũng được vì google bây giờ cho phép index cả trang Search Label này .

- Thay # thành link blog của bạn

Code quảng cáo chạy dọc khi kéo chuột cho Blogspot

2014-06-24T02:03:00.002-07:00

Code quảng cáo chạy dọc khi kéo chuột cho Blogspot website.Code quảng cáo chạy theo khi kéo chuột xuống phía dưới.Code quảng cáo ban đầu nó sẽ cố định một chỗ, sau khi kéo chuột xuống một khoảng nhất định thì nó trượt theo, khi kéo chuột lên thì tới điểm dừng là nó ko theo nữa

Hôm nay Bít Tuốt xin chia sẻ với các bạn Code quảng cáo chạy dọc khi kéo chuột cho web -Blogspot. Nó chạy như thế nào các bạn có thể thấy demo này tại trên blog này phần tải game cho mobile bên phải

Bài viết bạn có thể quan tâm khác: Code tạo banner quảng cáo banner chạy dọc 2 bên web - Blogspot

Code quảng cáo ban đầu nó sẽ cố định một chỗ, sau khi kéo chuột xuống một khoảng nhất định thì nó trượt theo, khi kéo chuột lên thì tới điểm dừng là nó ko theo nữa . Giúp ích rất nhiều cho việc tăng click vào quảng cáo trên web ,blog của bạn còn sau đây cùng xem cách làm ra sao nhé

Code quảng cáo chạy dọc khi kéo chuột cho Blogspot

Bước 1: Đăng nhập blogspot => Mẫu(Template) ==> Chỉnh sửa HTML

Bước 2: Tìm thẻ đóng </head> rồi thêm đoạn code dưới lên trên nó

Rồi lưu lại.

Chú ý: Các bạn cần chú ý các phần sau

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/> //nếu web,blog của bạn có rồi thì có thể bỏ đi.(nếu ko chạy dc các bản cũng thử xóa cái này đi)
<script>
var $stickyHeight = 460; // chiều cao của banner quảng cáo
var $padding = 5; // khoảng cách top của banner khi dính
var $topOffset = 2500; // khoảng cách từ top của banner khi bắt đầu dính (tức là khoảng cách tính từ trên xuống đến vị trí đặt banner )
var $footerHeight = 180; // Định vị điểm dừng của banner, tính từ chân lên

Bước 3: Các bạn vào phần Bố Cục (Layout) => Thêm tiện ích HTML/Javascipt

Chú ý phần thê này các bạn phải thêm đúng chỗ nhé. Thường nó sẽ thêm vào phần thanh phên phải hoặc bên trái kiểu như giống blog của mình

Các bạn đặt tên tiện ích và thêm code dưới đây vào

Nếu bạn không muốn nó hiển thị ảnh không thôi thì lấy code sau

<div id="sticky">
Code quảng cáo của bạn
</div>

Rồi lưu lại

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

Nguồn:http://bittuot.blogspot.com/2014/02/code-quang-cao-chay-doc-khi-keo-chuot.html

Cách xóa link logo trỏ đến Youtube trong video chèn vào web blogspot

2014-06-24T01:59:00.000-07:00

Cách ẩn link trỏ đến Youtube trong video chèn vào website - Blogspot. Cách xóa logo youtube trên video khi up lên website blog. Làm sao để xóa link của youtube trên video khi đăng lên website - blog

Xin chào các bạn hôm trước có bạn hỏi mình làm sao ẩn hay xóa link trỏ đến Youtube trong video khi chèn vào website - Blogspot

Như các bạn biết khi chèn video vào website hay blog thì thường video sẽ có cái logo chứa link của youtube, Vậy để xóa logo chứa link của Youtube khi đăng bài thì bạn có thể dùng đoạn code sau để chèn vào bài viết hay web -blog, logo youtube và link trỏ đến youtube sẽ được ẩn hoàn toàn cho dù người dùng có click chuột phải để tìm Url.

Code xóa link logo trỏ đến Youtube trong video chèn vào web blogspot

Link nhúng bình thường: <iframe width="560" height="315" src="//www.youtube.com/embed/nDcQ-2f57W4" frameborder="0" allowfullscreen></iframe>

Link nhúng xóa link và logo: <iframe width="560" height="315" src="//www.youtube.com/embed/nDcQ-2f57W4?modestbranding=1" frameborder="0" allowfullscreen></iframe>

Một số thủ thuật khi up video khác

?theme=light là giao diện (màu trắng), có thể đổi thành ?theme=dark (màu đen).

&hl=en_US bộ mã la tinh.

&fs=0 tắt chế độ xem toàn màn hình.

&hd=1 mở chế độ xem phim HD.

&ap=%2526fmt%3D22 xem với độ phân giải tối đa.

&showsearch=0 tắt khung tìm kiếm.

&showinfo=0 tắt thông tin và tiêu đề clip.

&modestbranding=0 tắt logo thương hiệu nếu có.

&rel=0 tắt các gợi ý về video khác nếu có.

&disablekb=1 tắt sự điều chỉnh từ bàn phím nếu có.

&iv_load_policy=3 tắt chú thích nếu có.

&cc_load_policy=1 tắt phụ đề nếu có.

&autoplay=1 tự động chạy video khi truy cập.

&start=0 bắt đầu chạy từ giây thứ 0.

&loop=1 tự động lặp lại video khi xem hết.

&autohide=1 tự động ẩn thanh điều khiển khi rời chuột khỏi clip.

Ngoài ra bạn còn có thể tùy chình chiểu rộng, chiều cao của video qua 2 thuốc tính là width và height .

Thêm nút Like +1 Share cuối bài viết Blospot

2014-06-24T01:51:00.002-07:00

Hướng dẫn thêm nút Like +1 Share cuối bài viết Blospot. Thêm nút Like cho bài viết Blogspot.Hướng dẫn thêm nút Like G+ Share cho bài viết blogspot

Chào mọi người thấy có nhiều bạn hỏi về vấn đề này nên mình viết bài hướng dẫn các bạn luôn ai chưa biết thì đọc nhé.

Để tạo được nút Like +1 Share cuối bài viết Blospot bạn làm như sau:

Bước 1: Đăng nhập Blogspot ==> Templates(Mẫu) ==> Edit HTML (chỉnh sửa HTML)

==> Khuyến khích các bạn down toàn bộ code về rồi sửa bằng Notepad ++ . Chú ý trước khi sửa sao lấy 1 bản gốc để tránh trường hợp code lỗi ko khôi phục được

Bước 2: Tìm một trong các đoạn code bên dưới:

Đoạn 1: Như blog của mình là đoạn này nhưng chú ý nó có mấy đạn như này bạn thử cho vào cái cuối cùng xem thế nào

<data:post.body/>

Đoạn 2:
<div class='post-footer'>

Đoạn 3:
<div class='post-footer-line post-footer-line-1'>

Đoạn 4:
<div class='post-footer-line post-footer-line-2'>

Đoạn 5:
<div class='post-footer-line post-footer-line-3'>

Rồi thêm đoạn code dưới đây xuống dưới đoạn code trên (chú ý thay lần lượt chứ không phải thay tất nhé. Bạn thay từng cái 1 lưu temp lại và ra load lại trang xem nó hiển thị đúng chưa nếu đúng rồi thì ok đã thành công nhé)

<b:if cond='data:blog.pageType == "item"'>
                      <div style='border-top:3px solid #bbb;border-bottom:1px solid #bbb;width:100%;height:24px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px'>
                        <div style='float:left;padding:1px 0;margin-right:15px;font:bold 13px Arial;color:#666'>
                          <strong>
                            LIKE and Share this article:
                          </strong>
                          :
                        </div>
                        <div class='addthis_toolbox addthis_default_style '>
                          <a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
                          <a class='addthis_button_tweet'/>
                          <a class='addthis_button_google_plusone' g:plusone:size='medium'/>
                          <a class='addthis_counter addthis_pill_style'/>
                        </div>
                        <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f57432236fb4dee' type='text/javascript'/>
                      </div>
                    </b:if>

Các bạn lưu lại ra check lại xem hiển thị ok chưa

Widget bài viết mới nhất hiển thị theo Label có Thumbnails ảnh

2014-06-24T01:48:00.001-07:00

Ảnh DEMO

Để làm được cái này các bạn cần thực hiện theo các bước sau.

Bước 1: Đăng nhập blogspot ==> Template (Mẫu) ==> Edite HTML (Chỉnh sửa HTML) ở bước này các bạn có thể down tải toàn bộ code về rồi dùng notepad ++ để chỉnh sửa cho dễ

- Chú ý: trước khi sưa bạn nên sao lưu bản code gốc tránh khi sửa sai không khôi phục lại được.

Bước 2: Thêm đoạn code dưới đây lên trên đoạn code ]]></b:skin>

/* Recent posts by labels - Bittuot.blogspot.com--------------------------------- */ img.label_thumb{float:left;margin-right:10px !important;height:65px; /* Thumbnail height */width:65px; /* Thumbnail width */border: 1px solid #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);box-shadow: 0 1px 1px rgba(0, 0, 0, .4);}
#label_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 0px 10px 2px 0px;padding: 0;}ul#label_with_thumbs li {padding:8px 0;min-height:65px;margin-bottom:0px;border-bottom: 1px dotted #999999;}
#label_with_thumbs li{list-style: none ;padding-left:0px !important;}
#label_with_thumbs a { text-transform: uppercase;}#label_with_thumbs strong {padding-left:0px; }

Bước 3: Bạn tìm thẻ đóng </head> rồi copy đoạn code dưới lên trên nó

<script type='text/javascript'>//<![CDATA[function labelthumbs(json){document.write('<ul id="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s1600/picture_not_available.png';}var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="June";monthnames[7]="July";monthnames[8]="Aug";monthnames[9]="Sept";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}elseif("summary"in entry){var postcontent=entry.summary.$t;}else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}if(showcommentnum==true){if(flag==1){towrite=towrite+' | ';}if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}if(displaymore==true){if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}document.write(towrite);document.write('</li>');if(displayseparator==true)if(i!=(numposts-1))document.write('');}document.write('</ul>');}//]]></script>

Bước 4: Thêm đoạn code dưới lên trên thẻ đóng </body>

<script type='text/javascript'>
function changeThumbSize(id,size){
var blogGadget = document.getElementById(id);
var replacement = blogGadget.innerHTML;
blogGadget.innerHTML = replacement.replace(/s72-c/g,"s"+size+"-c");
var thumbnails = blogGadget.getElementsByTagName("img");
for(var i=0;i<thumbnails.length;i++){
thumbnails[i].width = size;
thumbnails[i].height = size;
}
}
changeThumbSize("label_with_thumbs",210);
</script>

Sau đó các bạn nhấn lưu template

Bước 5: Các bạn tạo 1 widget mới đặt tên tùy ý . Rồi copy code dưới đây vào:

<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Tên label bạn cần hiển thị?published&alt=json-in-script&callback=labelthumbs"></script>

Chú ý:

var numposts ← Số bài viết bạn muốn hiển thị
var showpostthumbnails ← Hiển thị hay không hiển thị ảnh (ở đây là true có nghĩa là có hiển thị)
var displaymore ← Có hiển thị read more link hay không
var displayseparator ← Show/hide separator
var showcommentnum ← Show/hide the number of comments
var showpostdate ← Show/hide the posts dates
var showpostsummary ← Show or not the posts summaries
var numchars ← Number of posts characters (here you have to change the 100 value)

Cuối cung là bạn ra xem blog bạn hiển thị đã ok chưa.

[Hướng dẫn] Trở thành Youtube Partner ĐẦY ĐỦ tại Việt Nam

2014-06-24T00:11:00.003-07:00

Chính sách để trở thành Youtube partner của Youtube hiện đã cởi mở hơn rất nhiều so với trước đây, đặc biệt là về các tính năng dành cho nhà phát triển nội dung, theo tiếng Anh là Creators and Partners.

Creators and partners chính là sức sống của Youtube, vì thế nên hiện tại Youtube đã nới lỏng rất nhiều các quy định về chính sách trở thành một partner và có thể kiếm tiền với kênh youtube của mình.

Để trở thành một partner không khó, bạn chỉ cần lập tài khoản với quốc gia là Hoa Kỳ, up vài video tiếng Anh, rồi chờ 1-2 ngày, đăng ký tài khoản adsense thông qua tab monelize trong trình quản lý video của Youtube, vậy là bạn đã có một tài khoản youtube có thể kiếm tiền ngon lành cành đào rồi. (Liên hệ killervn@me.com mình sẽ hướng dẫn chi tiết, hoặc đợi mai kia mình làm thêm tut nữa về adsense chi tiết luôn :3).

Thế nhưng, vấn đề là, bạn chỉ dừng ở mức đó, thì bạn chỉ là youtube partner không đầy đủ, có nghĩa là bạn tự lực cánh sinh với tất cả tài nguyên của mình, và sẽ bị "nhắc khéo" cho tới ban nick vài ngày, vài tháng hoặc vĩnh viễn luôn vì chỉ đôi khi "vô tình" upload một video mà chứa nội dung nhạc hoặc hình ảnh mà một bên thứ ba chứa bản quyền. Đúng rồi, dây với bọn đấy thì mệt lắm.

Thế nên mới sinh ra các "network" trong hệ thống youtube nhằm mục đích "bảo kê" cho các bạn vấn đề bản quyền, đồng thời giúp các bạn phát triển kênh thêm mạnh mẽ hơn bằng những chính sách riêng của từng network. Hiểu một cách nôm na thì, mỗi network giống như một "trùm" nắm giữ một lãnh thổ của youtube, có trùm mạnh, có trùm yếu, mỗi trùm bảo kê một mảng ở một vùng lãnh thổ khác nhau... Gia nhập vào network giống như là việc bạn vào một bang hội vậy, sẽ có nhiều người giúp đỡ bạn phát triển cho hệ thống kênh, phát triển nội dung và bảo vệ bạn trước những tranh chấp bản quyền, v.v...

Nói chung vào "bang" rất có lợi, cho nên mình viết bài này để hướng dẫn các bạn cách thức làm sao để vào một bang hội. Có rất nhiều bang để bạn lựa chọn, với nhiều tiêu chí khác nhau, các bạn nộp hồ sơ (chỉ bằng một cú click chuột), sau đó chờ 1-2 ngày để cho bên manager người ta review kênh của bạn (thường thì cần phải có hoạt động hiệu quả, view vài ngàn tới vài chục ngàn/ngày, sub cao sub thấp các loại v.v...). Cụ thể mình đang là partner trong hệ thống Fullscreen, cách để nộp hồ sơ và được nhận như này nhé:

Bước 1: vào link http://apply.fullscreen.net/fullscreen?ref=kjll3rvn , bấm vào cái nút Apply Now to đùng!

Nó sẽ hỏi quyền truy cập vào tài khoản để đọc một số thông tin (đương nhiên sẽ không thể lấy được pass, giống như việc bạn cho phép truy cập 1 ứng dụng trên Facebook vậy)

Bước 2: Chờ 1-2 ngày để nhận được email nội dung như này:

Bước 3: Làm theo một số bước được hướng dẫn ở các mail sau đó mà hệ thống gửi cho các bạn, sẽ có 1 mail báo cho các bạn kích hoạt tài khoản tại hệ thống của fullscreen (fullscreen.net). Đoạn này mình ếch có hình, mà sau khi làm đc đoạn này, thì chờ 1-2 hôm nữa, sẽ có thông báo trong TRANG TỔNG QUAN của các bạn trên Youtube, xác nhận vài bước là ok:

Bước 4: Và thế là chúng ta đã có một channel khá ngon lành rồi :3

Nếu có vấn đề gì trong việc kết nối kênh của các bạn, hãy comment bên dưới hoặc inbox với mình để được giúp đỡ nhé:

[Hướng dẫn] Cách tạo tài khoản Adsense bằng Youtube

2014-06-24T00:09:00.002-07:00

Để tạo được một tài khoản adsense, không khó chút nào. Nếu như theo hướng dẫn từ các blog khác thì việc các bạn tạo một tài khoản adsense cần có một trang web tiếng Anh đã hoạt động trong một thời gian nào đó với nội dung tiếng Anh hoàn toàn, thì mình đã tìm được một cách khác nhanh chóng và tiện lợi hơn, đó là bắt đầu với youtube.

Kiếm tiền từ Google Adsense

Bước 1: Tạo một tài khoản Google với quốc gia là US. (Hoặc xem cách đổi quốc gia tại trang: ĐỔI QUỐC GIA YOUTUBE)
- Hiện tại Google đã có một số thay đổi, vì vậy hãy lập hẳn 1 tài khoản Google mới (Gmail mới) với quốc gia là US, sau đó xác nhận bằng điện thoại (Số của VN cũng ok)

Bước 2: Bay sang Youtube và tạo một kênh
- Bấm vào avatar > chọn Trình Quản lý Video (Video Manager) > Bấm phần Cài đặt kênh (Channel Settings), xác nhận số điện thoại (nếu chưa xác nhận ở bước đầu);

Bước 3: Upload một video bất kì (phải chắc rằng video đó chưa từng upload ở đâu), đặt title, description, tag hoàn toàn bằng tiếng Anh. Chờ 1-2 hôm... Trong khoảng thời gian chờ đợi đó, bạn có thể sử dụng các trang autosuft để lấy view và nâng hạng cho kênh của mình. Đây là một vài trang có thể có ích mà lại miễn phí:
- http://trafficspammer.com
- http://www.smileytraffic.com
- http://www.247autohits.com
- http://autohits.dk
- http://www.Websyndic.com
- http://shalomautohits.com
- http://www.easyhits4u.com
v.v... (google từ khóa Auto Suft là ra cả lố)

Bước 4: Sau khi chờ đợi, vào lại phần Quản lý Video (Video Manager), sẽ thấy xuất hiện bên cạnh video một cái logo ($) >>> Bấm vào đó và sẽ được trỏ sang chỗ cài đặt kiếm tiền trong phần Cài đặt Kiếm tiền trong Cài đặt Kênh (Channel Settings). Sau khi click nút Bật, popup xuất hiện yêu cầu bạn chấp nhận các điều khoản thành viên, click chọn hết là ok

Sau đó bấm vào link để sang trang quản lý:

Bước 5: Ở trang cài đặt kiếm tiền của Youtube, sẽ có chỗ trỏ sang trang lập tài khoản Adsense, nếu không thấy các bạn có thể bấm vào ĐÂY

Trỏ sang trang đăng ký Adsense

Bước 6: Ở trang đó, các bạn điền đầy đủ thông tin bằng Tiếng Anh, và phải thật chính xác. VD: 6th Buoi Street, Ba Dinh District, Hanoi, Vietnam.
(vì nó sẽ gửi thư tay tới tận nhà bạn để xác nhận là có 1 ông tên XXX nhà ở số 6 đường Buoi)

[Hướng dẫn] Cách đổi Quốc gia của Youtube để kiếm tiền

2014-06-24T00:07:00.005-07:00

Như ở các post trước, mình đã hướng dẫn các bạn cách tạo tài khoản adsense và làm youtube partner, và các bạn cũng đã biết, để tạo được adsense thì phải có tài khoản chạy ở US hoặc quốc gia được adsense hỗ trợ (Việt Nam không được hỗ trợ).

Sau đây là cách đổi quốc gia của Youtube:

Các bạn vào Trình Quản lý Video (Video Manager) phần Cài đặt Kênh (Channel Settings) > Nâng cao > rồi làm theo hình dưới:

Sau khi đã đổi được quốc gia của mình, các bạn giờ hãy đợi và làm theo các bước ở Cách tạo tài khoản Adsense bằng Youtube

Thêm comment facebook vào blogspot

2014-06-23T21:17:00.002-07:00

Hiện nay Facebook là mạng xã hội có nhiều người dùng nhất Việt Nam, tương tác giữa người dùng trên các mạng xã hội với blogspot hoặc website tăng lượt truy cập gián tiếp giúp blog của bạn nổi bật hơn trên các kết quả tìm kiếm. và bạn muốn chèn khung comment facebook vào blogspot mà chưa biết cách làm thì đây là bài Hướng dẫn thêm comment facebook vào blogspot.

Sau đây là một thủ thuật blogspot nhỏ giới thiệu tới cả nhà.

Hướng dẫn thêm comment facebook vào blogspot

code blogspot thêm comment facebook vào blogspot.

1. Thêm đoạn mã bên dưới vào trước thẻ </body>. đoạn code này là của facebook .


<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Và đoạn code sau lên trên thẻ đóng


<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="540"></div>';
//]]>
</script>

Một số lưu ý nhỏ ở đây :
data-num-post=5 : số comment được hiển thị. Nếu vượt quá sẽ tự động gộp comment
data-width=540 : chiều rộng khung comment facebook hiển thị

Bây giời mới đến giai đoạn thêm vào

Tìm một trong các đoạn code như sau: <b:include data='post' name='post'/>
Rồi thêm ngay dưới nó đoạn code sau:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>

Lưu lại vậy là Xong !

Thêm các nút chia sẻ mạng xã hội Social Facebook, Twitter, Pinterest cho BlogSpot

2014-06-23T21:16:00.000-07:00

Hiện nay số lượng người dùng các mạng xã hội vô cùng lớn, hầu như ai biết dùng Internet cũng đều sở hữu một hai tài khoản các mạng xã hội.
Đây là kênh giúp bạn kiếm traffic rất tốt. Khi bài viết của bạn hữu ích hoặc thú vị thì người đọc sẽ like và share bài viết. Và do đó, bạn được người khác quảng cáo miễn phí cho blog của mình rồi.

Nhưng không gì tệ hại hơn khi người ta muốn share mà không tìm được cái nút để share cho nhanh chóng. Ngày nay, tiện lợi là vấn đề được đặt lên hàng đầu.

Mặc dù BlogSpot đã mặc định có một số nút Social nhưng nhìn hơi "chuối"

Một cách rất nhanh chóng và cực kỳ hữu ích cho blog của bạn là bạn tự Add thêm các nút Social như Like Facebook, Tweet, Pinterest...thông qua dịch vụ miễn phí của Addthis.

Bạn hãy thực hiện một thủ thuật Blogger nho nhỏ sau nhé !

Cách add thêm các nút Social như like Facebook, Twitter, Pinterest...cho BlogSpot

Bước1: Bạn truy cập Addthis.com và mở một tài khoản tại đây

Bước 2: Bạn đăng nhập và Click vào Addthis to tướng trên cùng phía tay trái để về màn hình chủ

Bạn kéo xuống bên dưới và click vào Get the code ở cái đầu tiên

Bước 3: Bạn click chọn Blogger, sau đó nhấn Install Blogger Widget

Bước 4: Trong màn hình mới bạn chỉ việc chọn Blog muốn add thêm và nhấn Add Widget thế là xong.
Lúc đó bên dưới các bài viết của bạn sẽ có các nút chia sẻ mạng xã hội như của mình.

Chúc bạn thành công và có thêm nhiều đọc giả từ các mạng xã hội !

Download IDM 6.20 Silent Plus mới nhất T6-2014

2014-06-23T21:12:00.000-07:00

Download IDM 6.20 Silent Plus mới nhất T6-2014

Có gì mới ở bản idm 6.20 Silent Plus?

+ Tăng số kết nối download lên 32 lần
+ Sửa 1 số lỗi và cải tiến khả năng download

IDM là gì ?

IDM là phần mềm hỗ trợ download mạnh nhất thế giới với khả năng tăng tốc download lên tới 500% nhờ công nghệ phân đoạn thông minh. Những phiên bản của IDM liên tục được ra mắt khi mà phiên bản 6.17 ra mắt không lâu thì phiên bản 6.18 đã được ra mắt và tính năng của phần mềm cũng được nâng cấp ngày một thông minh hơn và hiệu năng download cũng Tốt hơn nhiều so với các phiên bản cũ.

Tính năng thay đổi trong phiên bản idm 6.20 Silent Plus:

Thay đổi phần extension đối với Google Chrome.
Khắc phục vấn đề khi tải file video từ một số website chia sẻ video.
Sửa lỗi khi gây ra vấn đề sử dụng CPU ở mức độ High.
Cải thiện khả năng tích hợp với IE 11 (trong Windows 8.1)
Hỗ trợ tốt hơn với Google Chrome 30

Hỗ trợ những thay đổi mới trên YouTube.
Cung cấp nhiều bản vá lỗi.
Thêm khả năng tương thích với Windows 8.
Thêm bảng điều khiển tải IDM cho các web-player mà có thể được sử dụng để download video flash từ các trang web như: YouTube, MySpaceTV và Google Videos.
Hỗ trợ giao thức MMS.
Công cụ lên lịch trình được phát triển lại.
Hỗ trợ công cụ thu video trên YouTube.
Thêm khả năng tích hợp được cải thiện cho các trình duyệt IE 10 và IE.
Công cụ tải được thiết kế lại và cải tiến.
Tích hợp nhiều công cụ độc đáo trong tất cả trình duyệt mới nhất.
Thanh công cụ được cải tiến.
Thêm nhiều cải tiến và tính năng mới.
Khắc phục một số vấn đề khi tải từ trang Dailymotion.

Các tính năng chính mà idm 6.20 Silent Plus hỗ trợ :

Hỗ trợ hầu hết các trình duyệt phổ biến.
Download dễ dàng, chỉ cần bạn nhất chuột vào link download ở bất cứ trình duyệt nào IDM hỗ trợ.
Tăng tốc 500% nhờ công nghệ phân đoạn thông minh.
Dừng tải về máy/ Tiếp tục tải về máy ( Hệ thống resume download được nâng cấp )
Cài đặt dễ dàng và nhanh chóng.
Kiểm tra virus file download (trên máy bạn phải có chương trình quét virus).
Tích hợp vào các trình duyệt và “tóm cổ” bất cứ thứ gì nhận dạng được ví dụ như khi trang web chơi một file mp3 thì một cửa sổ IDM sẽ hiện ra và bạn chỉ cần bất nút là file mp3 đó là của bạn mà không phải cực khổ dò link thủ công.
Xây dựng lịch biểu download: Nối mạng – download – ngắt kết nối.
Hỗ trợ nhiều proxy servers.
Hỗ trợ các giao thức xác thực Basic, Negotiate, NTLM, and Keberos.
Chức năng Download all, “tóm” tất cả các thứ trên trang web bất kỳ.
Tùy chỉnh giao diện như hệ thống nút chức năng.
Phân loại file download vào các danh mục giúp công việc quản lý dễ dàng hơn.
Hỗ trợ update.

Tính năng giới hạn băng thông download.
Hỗ trợ “drop link”.
Hỗ trợ đa ngôn ngữ, hiện đã có lưu hành bản tiếng Việt.

Giờ đây các bạn có thể yên tâm nâng cấp lên phiên bản IDM mới nhất để cảm nhận sự tuyệt vời của công cụ tăng tốc download này

THÔNG TIN DOWNLOAD IDM 6.20 Silent Plus

PASS UNZIP

idmsilent.net

HƯỚNG DẪN CÀI ĐẶT idm 6.20 Silent Plus

Một số bạn sau khi cài xong bị mất key bản quyền là do các bạn không làm theo hướng dẫn. Các bạn phải làm theo hướng dẫn

1. Gỡ full phiên bản IDM cũ ra khỏi máy tính

2. Khởi động lại máy

3. Giải nén và chạy file cài đặt trong thư mục IDM

4. Điền tên máy và nhấn bắt đầu như hình. Chúc các bạn thành công!

Key IDM - Dùng vĩnh viễn cho mọi phiên bản - Cập nhật liên tục.

2014-06-23T21:10:00.001-07:00

Internet Download Manager là phần mềm hỗ trợ tải file (download) tốt nhất và có số người sử dụng nhiều nhất thế giới hiện nay. Tuy nhiên bạn chỉ được dùng thử 30 ngày sau đó sẽ phải mua bản quyền với mức giá không hề dễ chịu với những người ngèo như chúng ta. Bài viết này namkna sẽ giới thiệu cho các bạn mã key IDM và cách nhập mà không cần phải sử dụng bất kỳ một phần mềm crack hay part nào hết. Với cách này bạn có thể tránh được những lo ngại về virut và spyware từ các file crack mà vẫn có thể sử dụng vĩnh viễn và cập nhật các phiên bản mới thỏa thích. Sử dụng key, không can thiệp mã nguồn nên đảm bảo IDM hoạt động đúng chức năng tương tự bản quyền chính thức.

» Bước 1: Cài đặt IDM cho máy tính:

- Nếu máy tính bạn đã cài phần mềm IDM rồi và hiện tại nó hết hạn thì không phải thực hiện bước này nha chuyển ngay sang bước 2:
1.1: Tải file cài đặt từ trang chủ của Internet Download Manager theo link bên dưới:

http://www.internetdownloadmanager.com/

1.2: Chạy file bạn vừa tải về (cứ next liên tục là được)

» Bước 2: Bẻ khóa host của máy tính cho phù hợp với IDM

2.1. Bạn truy cập vào thư mục chứa file host theo đường dẫn như bên dưới:

C:\WINDOWS\system32\drivers\etc

2.2. Mở file hosts bằng cách Click chuột phải vào file hosts chọn Open

2.3. Tại cửa sổ Popup bạn chọn Notepad và bấm Ok

2.4. Thêm những dòng bên dưới đây vào cuối cùng của file hosts vừa mở ra rồi lưu lại.

127.0.0.1 registeridm.com
127.0.0.1 *.registeridm.com
127.0.0.1 www.internetdownloadmanager.com
127.0.0.1 *.internetdownloadmanager.com
127.0.0.1 http://internetdownloadmanager.com/invalid_serial2.html?

2.5. Giờ hãy lưu file hosts của bạn lại (Bấm Ctrl + S hoặc bấm dấu X để tắt file hosts và chọnOk).

2.6.» Cập nhật không lưu dược file host trên hệ điều hành win 7
- Win 7 có tính bảo mật cao do vậy mặc định bạn không thể chỉnh sửa file host nếu không có quyền admin. Thông thường có 2 cách bạn có thể thực hiện để khắc phục sự cố trên:

Cách 1: Bạn copy file hosts ra deskop để sửa sau đó lưu lại và copy đè lên thư mục gốc bạn đầu là được.

Cách 2: Tự thay đổi quyền admin của mình (cách này hơi rắc rối)
2.6.1. Các bạn Click chuột phải vào file host --> chọn Properties => chọn tab "Security" => Tại mục Group or user namea các bạn chọn tài khoản Use của bạn đang sử dụng trên máy tính.

2.6.2. Tiếp theo tại phần Pemissions for Users các bạn chọn mục: Full Control => Và bấm vào Ok để lưu lại cài đặt của bạn.

2.6.3. Nếu có thông báo hiện ra bạn cứ chọn "Yes". Giờ các bạn có thể save dòng đó vào file hosts được rồi đấy.

Lưu ý nếu vẫn không lưu được file hosts sau khi hoàn thành các bước trên thì bạn kiểm tra lại trên máy nếu có cài phần mềm diệt virus thì hãy tạm thời tắt nó để thực hiện nha, Sau khi bẻ khóa song bạn có thể mở lại bình thường.

» Bước 3: Điền Key cho internet download manager (IDM)

3.1. Sau khi sửa xong file hosts, các bạn Bật IDM bằng cách vào Start => All Programs => Internet Download Manager => Internet Download Manager (Hoặc đơn giản bấm vào biểu tượng IDM trên màn hình máy tính của bạn).

3.2. Đối với máy vẫn còn hạn dùng thử thì IDM sẽ xuất hiện trên khay hệ thống bạn bấm vào biểu tượng của IDm để nó hiển thị phần cài đặt lên và vào Registration => Registration để nhập những mã key bên dưới vào các mục được yêu cầu.

First name : KeyIDM
Last name : dotCom
email : keyidm@domain.com
key : QIBWH-F5SRH-9XAM2-DVHDR

3.3. Nếu IDM hết hạn dùng thử 30 ngày nó sẽ hiện lên thông báo như bên dưới. Bạn chỉ cần bấm OK và nhập mã key bên trên vào là được.

» Nâng cao dành cho các bạn.

Có một điều có thể bạn không biết đó là sau khi bạn nhập mã key ở bước trên mình vừa giới thiêu và bấm oke thì máy sẽ báo lỗi không nhận diện được IDM (Máy nào cũng báo lỗi). Tùy từng hệ điều hành mà nó báo lỗi khác nhau. Tuy nhiên bạn không phải lo lắng, bạn chỉ cần làm như mình là được. Một số dạng báo lỗi là:

-Không tìm được file bạn cứ bấm No và mở lại làn nữa là được.

- Lỗi thứ 2 mà nhiều người cũng sẽ gặp phải khi bẻ khóa đó là:

Với lỗi này bạn chỉ cần bấm cancel và mở lại phần mềm IDM là được Tuyệt đối không bấm vào Continue, Nếu bạn chót bấm vào Continue thì bạn phải vào file host để sửa lại vì lúc này các đoạn mã bạn vừa nhập vào file hosts đã bị thay đổi (có thêm dấu thăng đằng trước)sau đó bẻ khóa lại:

Nếu vẫn chưa được hãy thay mã key trên thành 1 trong những mà bên dưới nha.

Cập nhật List key IDM update

7FG6W-L3ILI-YCVJC-D60NF
R1SIQ-3PPBW-H0HSW-HK2HF
AS9BH-53YY5-TRARD-C7JAL
629U7-XLT5H-6SCGJ-2CENZ
XONF7-PMUOL-HU7P4-D1QQX
F9TZ9-P6IGF-SME74-2WP21
CJA0S-K6CO4-R4NPJ-EKNRK
N0Z90-KJTTW-7TZO4-I27A1
4DFQ4-OAPFS-L50GF-3GWRJ
L67GT-CE6TR-DFT1D-XWVCM
4CSYW-3ZMWW-PRRLK-WMRAB
DDLFR-JKN5K-B4DE3-H2WYO
9RVII-F3W58-6FAYV-WPTFD
M7CQ2-VARGX-QFYGZ-URKG0
POOUS-S8V4C-1RXUH-HG6NQ
7JPTJ-4XLY3-HM4LK-9UP4Q
OJNGE-77NS5-MW5FC-MFB7A
HSIWU-KRQQQ-Y870K-YI6QQ
HF0I6-AYL1O-BHDI7-DG9LW
LC3OG-66OU3-38BTX-SX20M
52OGI-AKRTG-MT6YU-YZ7OU
WNJ39-J1JN0-JKNVS-BZSCB
7WPV5-NHHF3-A2P39-LRJ74
OV4O3-1ASY1-8CDWI-9UGX4
O00C4-MYLXJ-LYUDP-QFGD5
I80CQ-RUG1G-LEP9V-O7UN0
OUC2X-F1F8A-8LO76-ETQCK
SN1OJ-P3ZGF-RU4XN-S61TZ
4P6BG-WGN41-C5CQQ-QXIO8
76JVD-ISRBG-KZB4U-LGL9D
PBPXJ-BC1EH-FKO7F-VUXJ2
30P7F-IG6PZ-CSZ3L-FRL7N
JATBV-A1J5C-L1K5Y-ZKPBV
K55AH-9YES5-ACWRM-JBJ20
0XRPQ-LI940-JQN4R-VSS59
QMPGJ-IOK5F-5GS0W-VYF0C
66IMX-X221S-HNW6R-N3S5E
U7MOU-QH62L-F5C1K-GI82Z
HT6OW-5OSKX-G6I5W-E1JXD
75R37-EA8EX-OE2DB-4CDF5
78W5Y-U3NSZ-S1D11-FYPT3
UBKPC-5IY6L-QJTUH-8DR1V
1JKN3-33MCY-BHH8W-CB2TK
M6F6B-27YJY-BQWJ7-LVOD3
Q8Y7M-WTU7K-H48TO-SNHN1
45FNG-LW3PQ-7QM8W-4U1LD
TJWL9-4FTHR-P3VOX-321RY
385XB-AR44Y-7EVRF-QT3X0
SG5QP-B31QX-QM7BS-G7CHQ
48REN-P4HPZ-3S5X4-2NEFP
L8XDB-EU3UQ-15TMS-6D45Z
FFY49-NVQBW-5HD83-7FXOQ
J8BTP-UO2XO-16QLR-55L6O
E2TXK-JYUBG-326OD-2PABB
1625O-46I4L-ONRSN-KMSYO
D2T5U-HBI6B-CVB2K-H83JE
BTDJC-V7R6O-YK82E-N6HAX
6BGKD-6816F-F5AGI-X28OP
X43VB-DC44U-YNADA-53EKM
1EM17-M32KP-GQ4VP-1Y3AO
6S7FM-61VHQ-4EX3J-4SY83
4B5XT-BOSBK-94O5F-669DJ

- Chúc thành công!

Download IDM Crack

2014-06-23T21:09:00.000-07:00

Internet Download Manager Universal Crack

Internet Download Manager Universal Crack

How to Update / When a new version of IDM comes

Do not update IDM via IDM’s quick update ! Instead of that download the latest IDM setup from official IDM site and install it.Then run the IDM Universal Web Crack and follow above steps from step 4.

Link download

Screenshots

Downloads & Links

Internet Download Manager latest official setup
IDM 620build5 + Universal Web Crack.rar (7 MB) / Mirrors
IDM Universal Web Crack.rar (1.37 MB) / Mirrors
IDM Crack Manual Method.rar (1.34 MB) / Mirrors -

Responsive dropmenu đơn giản từ CSS3 cho blogger

2014-06-23T19:40:00.001-07:00

Đây là menu xổ dọc đơn giản từ CSS 3 được thiết kế bởi duy phạm được tích hợp thêm chức năng responsive tức là thay đổi giao diện cho phù hợp với thiết bị ngoại vi khi chiều rộng của blog thay đổi theo kích thước màn hình của thiết bị đó. Để làm được nó bạn chỉ cần làm theo hướng dẫn của mình ở dưới đây nha:

Trước tiên các bạn có thể xem hình ảnh minh họa bên dưới để thấy rõ hơn nguyên tắc hoạt động và chức năng responsive được tích hợp vào menu này nha (Nếu không xem được hãy bấm Vào đây nha):

Ngoài ra bạn cũng có thể xem demo tại đây:

VIEW DEMO

» Cách tạo Responsive dropmenu màu đen từ CSS3 cho blogspot/web:

1- Đăng nhập Blogger
2- Vào Mẫu (Template).
3- Chọn tab Chỉnh Sửa HTML (Edit HTML)
4- Thêm đoạn code sau trước thẻ ]]></b:skin> .

#nav{padding:15px 0 0;height:46px}
#menu{float:left;width:472px}
#menu a{display:block}
#menu a:hover{text-decoration:none}
#menu .title{position:relative;z-index:100;padding:5px 10px;font-size:14px;line-height:20px}
#menu li{float:left}
#menu li:hover .title,#menu li .nav{background:#2c2a28}
#menu li:hover .title{color:#ddd}
#menu li:hover .nav{left:auto}
#menu li .nav{position:absolute;z-index:101;left:-999em}
#menu li .nav a{color:#ddd}
#menu li .nav a:hover{color:#066}
#menu li .nav h3{margin:5px 10px;color:#666}
#menu li .nav li{width:100%}
#menu li .nav li.links{width:100%!important}
#menu li .nav .border-top{border-top:1px solid #444}
#menu li .nav .border-right{border-right:1px solid #444}
#menu li .nav .border-left{border-left:1px solid #444}
#menu .horizontal{padding:5px 0}
#menu .horizontal a{margin:5px}
#menu .horizontal ul{padding:0 5px}
#menu .vertical{padding:0 10px}
#menu .vertical a{margin:5px 0}
#menu .vertical ul{float:left;padding:5px 0;width:100%}
#menu .cloumn{width:150px}
#menu .cloumn3{width:340px}
.cloumn3 li {float: left;width: 33%!important;}
li {text-align: -webkit-match-parent;}
ul {list-style-type: none;}
.left {float: left;}
.right{float:right}
@media screen and (max-width:658px){
#menu,#menu .cloumn,#menu .cloumn3{width:auto}
}
/* button in menu */
.button{margin: 0 40%;
width: auto;
cursor: pointer;
background-color: #248AB0;
background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.26));
background-image: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.26));
background-image: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.26));
background-image: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.26));
background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.26));
border-width: 2px;
border-color: white;
position: relative;
top: -3px;
color: #ebebeb;
font-weight: bold;
line-height: normal;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
box-shadow: 0 1px 3px rgba(0,0,0,.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-shadow: 0 1px 0 rgba(0,0,0,.3);
padding: 7px 15px 7px;
white-space: nowrap;text-decoration: none;
}

5- Chèn đoạn code bên dưới vào vị trí bạn muốn hiển thị menu.

Lưu ý: Nếu bạn không biết chèn vào đâu có thể comment bên dưới và nói vị trí bạn muốn chèn mình sẽ giúp. (Hoặc đơn giản hơn bạn chỉ cần vào Bố cục - Thêm muột tiện ích HTML/Javascrip vào vị trí bạn muốn chèn và thêm code bên dưới vào lưu lại là oke )

<div id="menu">
<ul>
<li onmouseover="">
<h2 class="title">Toppic<small>&#9660;</small></h2>
<div class="nav horizontal">
<div class="left cloumn">
<h3>Facebook</h3>
<ul>
<li><a href="#" title="Chữ đẹp">Chữ face đẹp</a></li>
<li><a href="#" title="Mặt cười cho facebook">Mặt cười</a></li>
</ul>
</div>
<div class="left cloumn3 border-left border-right">
<h3>Blogger tip</h3>
<ul>
<li><a href="#" title="Mô tả 1">Tiêu đề 1</a></li>
<li><a href="#" title="Mô tả 2">Tiêu đề 2</a></li>
<li><a href="#" title="Mô tả 3">Tiêu đề 3</a></li>
<li><a href="#" title="Mô tả 4">Tiêu đề 4</a></li>
<li><a href="#" title="Mô tả 5">Tiêu đề 5</a></li>
<li><a href="#" title="Mô tả 6">Tiêu đề 6</a></li>
<li><a href="#" title="Mô tả 7">Tiêu đề 7</a></li>
<li class="links"><a class="right button small" href="#" title="Mô tả 8">Button</a></li>
</ul>
</div>
<div class="left cloumn">
<h3>Photoshop</h3>
<ul>
<li><a href="#" title="Mô tả 10">Tiêu đề 10</a></li>
</ul>
</div>
</div>
</li>
<li onmouseover="">
<h2 class="title">Tiêu đề 3 <small>&#9660;</small></h2>
<div class="nav vertical cloumn">
<ul>
<li><a href="#" title="Mô tả 11">Tiêu đề 11</a></li>
<li><a href="#" title="Mô tả 12">Tiêu đề 12</a></li>
<li><a href="#" title="Mô tả 13">Tiêu đề 13</a></li>
<li><a href="#" title="Mô tả 14">Tiêu đề 14</a></li>
<li><a href="#" title="Mô tả 15">Tiêu đề 15</a></li>
</ul>
</div>
</li>
</ul>
</div>

Menu xổ dọc từ dưới lên trên cho blogspot

2014-06-23T19:37:00.001-07:00

Bài viết này mình sẽ hướng dẫn các bạn cách tạo một menu xổ dọc từ dưới lên trên, Với mẫu menu này blog bạn sẽ trở nên đặc biệt hơn trong mắt độc giả, và biết đâu nó lại là nhân tố giúp blog của bạn thu hút thêm được nhiều độc giả phải không nào.

Chắc hẳn bạn chưa nghe đến mẫu menu này bao giờ phải không. Bài viết này được namknaviết theo yêu cầu của bạn Luân Hồ trong bài viết này Các bạn có thể xem hình ảnh demo của menu này như hình ảnh bên dưới hoặc là xem trên blog demo nha:

ảnh minh họa cho menu

VIEW DEMO DEMO

☼ Cách tạo Menu xổ dọc từ dưới lên trên cho blogspot

1- Đăng nhập vào Blog
2- Vào Phần tử trang
3- Chọn Thêm tiện ích -> tạo một tiện ích HTML/javarscip (Xem video)
4- Dán đoạn code bên dưới vào tiện ích HTML/Javarscip vừa tạo.

<style type='text/css'>
    body{padding: 3em; }
#menu * { 
    padding:0; 
    margin: 0; 
    font: 12px georgia; 
    list-style-type:none;}
#menu { 
    margin-top: 300px;
    float: left;
    line-height: 10px; 
    left: 200px;}
#menu a { 
    display: block; 
    text-decoration: none; 
    color: #3B5330;}
#menu a:hover { background: #B0BD97;}
#menu ul li ul li a:hover { 
    background: #ECF1E7; 
    padding-left:9px;
    border-left: solid 1px #000;}
#menu ul li ul li {
    width: 140px; 
    border: none; 
    color: #B0BD97;  
    padding-top: 3px; 
    padding-bottom:3px; 
    padding-left: 3px; 
    padding-right: 3px; 
    background: #B0BD97;}
#menu ul li ul li a { 
    font: 11px arial; 
    font-weight:normal; 
    font-variant: small-caps; 
    padding-top:3px; 
    padding-bottom:3px;}
#menu ul li {
    float: left; 
    width: 146px; 
    font-weight: bold; 
    border-top: solid 1px #283923; 
    border-bottom: solid 1px #283923; 
    background: #979E71;}
#menu ul li a { 
    font-weight: bold;
    padding: 15px 10px;}
#menu li{ 
    position:relative; 
    float:left;}
#menu ul li ul, #menu:hover ul li ul, #menu:hover ul li:hover ul li ul{ 
    display:none;
    list-style-type:none; 
    width: 140px;}
#menu:hover ul, #menu:hover ul li:hover ul, #menu:hover ul li:hover ul li:hover ul { 
    display:block;}
#menu:hover ul li:hover ul li:hover ul { 
    position: absolute;
    margin-left: 145px;
    margin-top: -22px;
    font: 10px;}
#menu:hover ul li:hover ul { 
    position: absolute;
    margin-top: 1px;
    font: 10px;
    bottom:100%;
}
  </style>
<div id="menu">
    <ul>

        <li><center><a href="/">Home</a></center>
                <ul>
                        <li><a href="#">About Us</a></li>
                        <li><a href="#">Disclaimer</a></li>
                </ul>
        </li>   

        <li><center><a href="#">Practice Areas</a></center>
                <ul>
                        <li><a href="#">Civil Law</a></li>
                        <li><a href="#">Criminal Law &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &rsaquo;</a>
                            <ul>
                                <li><a href="#">Joomla</a></li>
                                <li><a href="#">Drupal</a></li>
                                <li><a href="#">Wordpress</a></li>
                        </li></ul>
                        <li><a href="#">Family Law &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &rsaquo;</a>
                            <ul>
                                <li><a href="#">Joomla</a></li>
                                <li><a href="#">Drupal</a></li>
                                <li><a href="#">Wordpress</a></li>
                        </li></ul>
                        <li><a href="#">Personal Injury &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&rsaquo;</a>
                            <ul>
                                <li><a href="#">Joomla</a></li>
                                <li><a href="#">Drupal</a></li>
                                <li><a href="#">Wordpress</a></li>
                        </li></ul>
                    <li><a href="#">Traffic Offenses &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&rsaquo;</a>
                            <ul>
                                <li><a href="#">Joomla</a></li>
                                <li><a href="#">Drupal</a></li>
                                <li><a href="#">Wordpress</a></li>
                    </li> </ul>
                    <li><a href="#">FAQ</a> </li>
                </ul>
        </li>

        <li><center><a href="#">Attorney</a></center>
                <ul>
                        <li><a href="#">X</a></li>
                        <li><a href="#">X</a></li>
                        <li><a href="#">X</a></li>
                        <li><a href="#">X</a></li>
                </ul>
        </li>

        <li><center><a href="#">Contact Us</a></center>
            <ul>
                    <li><a href="#">Locations &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&rsaquo;</a>
                        <ul>
                                <li><a href="#">Rockville Office</a></li>
                                <li><a href="#">Frederick Office</a></li>
                                <li><a href="#">Greenbelt Office</a></li>
                    </li></ul>
                                <li><a href="#">Phone Directory</a></li>
                                <li><a href="#">Mailing Address</a></li>
            </ul>

        </li>

        <li><center><a href="#">Resources</a></center>
            <ul>
                        <li><a href="#">Helpful Links</a></li>
                        <li><a href="#">Affiliates &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&rsaquo;</a>
                            <ul>
                                <li><a href="#">Healthcare Providers</a></li>
                                <li><a href="#">Insurance Companies</a></li>
                        </li></ul>
        </li></ul>
        <li><center><a href="#">News &amp; Events</a></center>
            <ul>
                        <li><a href="#">Press Articles</a></li>
                        <li><a href="#">Newsletter</a></li>
                        <li><a href="#">Events</a></li>
                        <li><a href="#">Blog</a></li>
        </li></ul>
        <li><center><a href="#">Espanol</a></center>
            <ul>
                        <li><a href="#">Mamkna menu</a></li>
        </li></ul>

    </ul>
</div>

» Tùy chỉnh:

Thay thế các dấu thăng thành liên kết của trang bài viết hoặc trang blog mà bạn muốn.
Thay các tiêu đề bài viết tương ứng màu xanh ngay sau menu của bạn nha,

- Lưu lại và xem kết quả thực hiện nha.

Nguồn: Namkha blog

Menu xổ dọc bằng click chuột cho blogger

2014-06-23T19:32:00.001-07:00

Thanh menu trong thiết kế web là rất quan trọng nó giúp khách truy cập của blog có thể định hướng nội dung chính của trang web và dễ dàng trong việc tìm kiếm các thông tin mà họ quan tâm. Namkna đã giới thiệu tới các bạn rất nhiều thanh menu khác nhau. Tuy nhiên trong bài hướng dẫn này Namkna sẽ giải thích về cách thêm các tab sub menu chỉ hiện ra khi bạn click chuột vào đó. Đây là một ý tưởng mới với mẫu menu hoàn toàn từ CSS 3 (không sử dụng bất kỳ một hình ảnh nào) và phải sử dụng tới các click chuột phần nào giúp độc giả của bạn cảm thấy hứng thú hơn trong việc xem xét các nội dung chứa đằng sau các tab đó.

Các bạn có thể xem hình ảnh minh họa bên dưới hoặc xem trực tiếp trên blog demo:

VIEW DEMO

1. Đăng nhập vào blog

2. Chọn Bố cục (layout)

3. Chọn Thêm Tiện ích (Add widget) => Tạo HTML/Javarscipts và dán đoạn code bên dưới và dán vào.

<style>
/* http://namkna.blogspot.com/*/
#bt_tabmenu {font-family:arial;font-size:16px;line-height:1.8em;background:#333;display:table;padding:0;margin:1em auto;border-spacing:0;padding:0.5em;border-radius:0.5em;border:1px solid #777;box-shadow:0 0 3px #999;white-space:nowrap;}
#bt_tabmenu li  p  {border-radius: 0.5em 0.5em 0  0 ; }
#bt_tabmenu li ul li:last-child a {border-radius: 0  0 0.5em 0.5em ;}
#bt_tabmenu ul {display:table;margin:0;padding:0;position:absolute;
left:-9999px;z-index:1;top:1.6em;}
#bt_tabmenu  > li {display:inline-block;width:150px;vertical-align:top;position:relative;white-space:normal;}
#bt_tabmenu ul li {float:right;list-style-type:none;clear:right;height:1.6em;}
#bt_tabmenu li a , #bt_tabmenu p {border:solid 1px #333;background-color:gray;background-image:linear-gradient(90deg,#aaa,#eee);
display:block;width:150px;text-indent:1em;margin:0;outline:0;text-decoration:none;color:#333;}
#bt_tabmenu li a  {box-shadow: 0px 3px 10px  -5px black;float:right;}
#bt_tabmenu p {position:relative;height:1.6em;}
#bt_tabmenu p:after {content:'\25BC';position:absolute;right:5px;text-shadow:1px 1px 1px gray;}
#bt_tabmenu p:focus:after {content:'';}
#bt_tabmenu p a {display:inline;position:absolute;border:0;left:-9999px;background:transparent;
color:#E68F28;text-shadow:0 0 1px black,0 0 2px white;text-decoration:none;text-align:right;width:auto;
padding-right:5px;}
#bt_tabmenu p:focus a {top:0;left:0;right:0;bottom:0;}
#bt_tabmenu ul a:focus , #bt_tabmenu p:focus + ul li a {margin-left:9999px;/* padding-top:7px;padding-bottom:6px */}
#bt_tabmenu a:focus:before {content:'\25BA';margin-left:-1em;color:#E9CF5F;}
:focus {font-variant:small-caps;text-shadow:0 0 1px #333, 0 0 5px gray;}
[tabindex] {cursor:pointer;}
 #bt_tabmenu ul ul{left:150px;position:relative;top:-1.95em;width:150px;display:table;margin:0 0 0 -9999px;z-index:1;}
 #bt_tabmenu ul ul a {margin-left:-9999px;/* padding-top:7px;padding-bottom:6px */}
 #bt_tabmenu ul ul li a:focus  {margin-left:19998px;}
#bt_tabmenu ul ul li:first-child a {border-radius:0 0.5em 0 0 ;}
#bt_tabmenu ul li a:focus.fermoir  + ul {
margin-left:10001px;}
#bt_tabmenu ul li .fermoir {position:absolute;z-index:1;right:1px;margin-top:1px;border:0;width:auto;background:none;box-shadow:none;
padding: 0 5px 0 20px;text-indent:0;line-height:1.4em;}
.fermoir:before {display:none;}
#bt_tabmenu ul li .fermoir:focus , p#bt_tabmenu {color:white;}
</style>

<div id="bt_tabmenu">
    <li><p tabindex="0" onclick="" > Menu List <a href="#" tabindex="-1" title=""# class="fermoir">&#9650;</a></p>
          <ul>
               <li><a href="#" tabindex="0" >List</a></li>
               <li><a href="#" tabindex="0" >List</a></li>
               <li><a href="#" tabindex="0" >List</a></li>
               <li><a href="#" tabindex="0" >List</a></li>
               <li><a href="#" tabindex="0" >List</a></li>
          </ul>
    </li>

    <li><p tabindex="0"  onclick=""> Menu List <a href="#" tabindex="-1" title="" class="fermoir">&#9650;</a></p>
          <ul>
                <li><a href="#" tabindex="0" >List</a></li>
                <li><a href="#" tabindex="0" >List</a><a class="fermoir" tabindex="-1" onclick="" href="#none">&#9658;</a>
                    <ul>
                      <li><a href="#" tabindex="0" >List</a></li>
                      <li><a href="#" tabindex="0" >List</a></li>
                      <li><a href="#" tabindex="0" >List</a></li>
                      <li><a href="#" tabindex="0" >List</a></li>
                      <li><a href="#" tabindex="0" >List</a></li>
                   </ul>
                </li>
                <li><a href="#" tabindex="0" >List</a></li>
                <li><a href="#" tabindex="0" >List</a></li>
                <li><a href="#" tabindex="0" >List</a></li>
          </ul>
    </li>

    <li><p tabindex="0" onclick="" > Menu List <a href="#" tabindex="-1" title="" class="fermoir">&#9650;</a></p>
          <ul>
               <li><a href="#" tabindex="0" >List</a></li>
               <li><a href="#" tabindex="0" >List</a></li>
               <li><a href="#" tabindex="0" >List</a></li>
               <li><a href="#" tabindex="0" >List</a></li>
               <li><a href="#" tabindex="0" >List</a></li>
          </ul>
    </li>
<li><p tabindex="0"  onclick=""> Menu List <a href="#" tabindex="-1" title="" class="fermoir">&#9650;</a></p>
          <ul>
                <li><a href="#" tabindex="0" >List</a></li>
                <li><a href="#" tabindex="0" >List</a><a class="fermoir" tabindex="-1" onclick="" href="#none">&#9658;</a>
                    <ul>
                      <li><a href="#" tabindex="0" >List</a></li>
                      <li><a href="#" tabindex="0" >List</a></li>
                      <li><a href="#" tabindex="0" >List</a></li>
                      <li><a href="#" tabindex="0" >List</a></li>
                      <li><a href="#" tabindex="0" >List</a></li>
                   </ul>
                </li>
                <li><a href="#" tabindex="0" >List</a></li>
                <li><a href="#" tabindex="0" >List</a></li>
                <li><a href="#" tabindex="0" >List</a></li>
          </ul>
    </li>

    <li><p tabindex="0" onclick="" > Menu List <a href="#" tabindex="-1" title="" class="fermoir">&#9650;</a></p>
          <ul>
               <li><a href="#" tabindex="0" >List</a></li>
               <li><a href="#" tabindex="0" >List</a></li>
               <li><a href="#" tabindex="0" >List</a></li>
               <li><a href="#" tabindex="0" >List</a></li>
               <li><a href="#" tabindex="0" >List</a></li>
          </ul>
    </li>
</div>

» Tùy chỉnh:

background:#333 là viền màu đen ngoài thanh menu. Nếu muốn xóa phần đường viền này đi bạn chỉ cần xóa đoạn background:#333 và đoạn màu xanh phía sau đi là được.
Phần màu cam làm màu của menu con bên trong bạn có thể đổi màu ở phần màu cam nếu không hiểu về mã màu đó bạn có thể viết gọn thành background:#fff. Bạn có thể xóa bo góc của menu con bằng cách xóa đoạn màu xám.
Thay các dấu thăng (#) thành các liên kết tới các bài viết hoặc các nhãn mà bạn muốn.
Thay các từ List tương ứng thành tiêu đề của các liên kết tới các bài viết hoặc các nhãn mà bạn đặt.
Nếu menu con không liền nhau bạn hãy sửa /* padding-top:7px;padding-bottom:6px */thành padding-top:7px;padding-bottom:6px

4- Lưu tiện ích lại và kiểm tra thành quả nha.

Theo http://namkna.blogspot.com/2013/10/menu-xo-doc-bang-click-chuot-cho-blogger.html

Fly drop Menu đẹp từ CSS cho blogger

2014-06-23T19:28:00.001-07:00

Bạn đã từng nghĩ sẽ tự tạo cho blog mình một mẫu menu hoàn toàn khác so với các blog khác chư? Nếu chưa thì namkna chắc chắn bạn sẽ thay đổi các nhìn sau khi đọc bài viết này.

Mẫu meunu xổ dọc hôm nay namkna giới thiệu đến các bạn có điểm đặc biệt là các sub menu mang phong cách hoàn toàn mới đan xen nhau mang lại cảm giác mờ ảo khi nó hiện ra, Màu hồng khá nữ tính nhưng bạn có thể thay đổi nó cho phù hợp với phong cách và màu chủ đạo trong blog của bạn...

Bạn có thể xem demo trực tiếp ở đây:

» XEM DEMO

☼ Thêm Menu hiệu ứng mờ ảo đẹp cho blogger của bạn

1- Đăng nhập vào Blog

2- Vào thẻ Mẫu (Template)

3- Bấm vào nút Chỉnh sửa HTML (Edit HTML)

4- Thêm đoạn code bên dưới vào trước thẻ ]]></b:skin> trong mẫu của bạn:

.aii:before,
.aii:after {
    content: " ";
    display: table;
}

.aii:after {
    clear: both;
}

.aii {
    *zoom: 1;
}
/* Menu chính */
.menu {            
    margin: 50px auto;
    width: 800px;
    width: fit-content;    
}

.menu > li {list-style:none!important;
    background: #FE80DF;
    float: left;
    position: relative;
    transform: skewX(25deg);
}

.menu a {
    display: block;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Arial;
    font-size: 13px;
}        

.menu li:hover {
    background: #FE80DF;
}        

.menu > li > a {
    transform: skewX(-25deg);
    padding: 1em 2em;
}

/* Trình Menu thả xuống*/
.submenu {
    position: absolute;
    width: 200px;
    left: 50%; margin-left: -100px;
    transform: skewX(-25deg);
    transform-origin: left top;
}

.submenu li {
    background-color: #FEBFEF;
    position: relative;
    overflow: hidden;        
}                        

.submenu > li > a {
    padding: 1em 2em;            
}

.submenu > li::after {
    content: '';
    position: absolute;
    top: -125%;
    height: 100%;
    width: 100%;            
    box-shadow: 0 0 50px rgba(0, 0, 0, .9);            
}        

/* Odd stuff */
.submenu > li:nth-child(odd){
    transform: skewX(-25deg) translateX(0);
}

.submenu > li:nth-child(odd) > a {
    transform: skewX(25deg);
}

.submenu > li:nth-child(odd)::after {
    right: -50%;
    transform: skewX(-25deg) rotate(3deg);
}                

/* Even stuff */
.submenu > li:nth-child(even){
    transform: skewX(25deg) translateX(0);
}

.submenu > li:nth-child(even) > a {
    transform: skewX(-25deg);
}

.submenu > li:nth-child(even)::after {
    left: -50%;
    transform: skewX(25deg) rotate(3deg);
}

/* Xem menu thả xuống */
.submenu,
.submenu li {
    opacity: 0;
    visibility: hidden;            
}

.submenu li {
    transition: .2s ease-out transform;
}

.menu > li:hover .submenu,
.menu > li:hover .submenu li {
    opacity: 1;
    visibility: visible;
}        

.menu > li:hover .submenu li:nth-child(even){
    transform: skewX(25deg) translateX(15px);            
}

.menu > li:hover .submenu li:nth-child(odd){
    transform: skewX(-25deg) translateX(-15px);            
}

» Tùy chỉnh:

background: #FE80DF; là màu nền menu chính khi chưa dê chuột vào
background: #FE80DF; Là màu nền của các tiêu đề menu chính và các sub menu xổ xống khi dê chuột lên đó
background-color: #FEBFEF; là màu nền của sub menu xổ xuống khi chưa dê chuột lên các submenu con.

5- Lưu mẫu của bạn lại và tiến hành bước tiếp theo.

6- Quay trở lại Bố cục (Layout) blog của bạn và thêm một tiện ích HTML/Javascripts và dán đoạn code bên dưới vào phần nội dung của tiện ích bạn vừa thêm nha (Tất nhiên là bạn có thể thêm nó thẳng vào mẫu (template) của bạn nếu bạn am hiểu về code. Nếu không thì hãy comment ở dưới mình sẽ chỉ vị trí đó cho các bạn).

<ul class="menu aii">
    <li><a href="">Menu 1</a></li>
    <li>
        <a href="">Menu 2</a>
        <ul class="submenu">
            <li><a href="">Submenu 1</a></li>
            <li><a href="">Submenu 2</a></li>
            <li><a href="">Submenu 3</a></li>
        </ul>            
    </li>
    <li>
        <a href="">Menu 3</a>
        <ul class="submenu">
            <li><a href="">Submenu 1</a></li>
            <li><a href="">Submenu 2</a></li>
            <li><a href="">Submenu 3</a></li>
            <li><a href="">Submenu 4</a></li>
        </ul>            
    </li>
    <li><a href="">Menu 4</a></li>
    <li><a href="">Menu 5</a></li>
</ul>

7- Lưu tiện ích lại và quay trở lại blog của bạn để xem tiện ích này hoạt động tốt như thế nào nha.

Tối ưu SEO thêm meta keywords cho mỗi bài viết Blogspot

2014-06-23T19:21:00.001-07:00

Tối ưu SEO là một thủ thuật blogger sau giúp blog của bạn được các công cụ tìm kiếm ưu ái nhiều hơn và do đó dễ xếp top. Từ đó có nhiều người truy cập đến blog của bạn.

Trong blogspot không có phần để ta chèn keywords riêng cho từng bài viết như trong wordpress mà keywords này hiện tại chỉ lấy keyword = tiêu đề bài viết. hoặc lấy keyword = tiêu đề bài viết + với tiêu đề blogspot.

Vậy làm sao tối ưu Meta keywords cho từng bài viết Blogspot?

Hướng dẫn tối ưu SEO meta keywords cho bài viết blogger

Thông thường bài viết trong blogspot thì các Meta keywords của bài viết lấy Meta keywords chung của blogspot cố định. như hình này.

Hình 1.

Ví dụ: đây là một bài viết riêng 10 template blogspot shop thiết kế đẹp.
Ban đầu chưa tối ưu thì thẻ Meta keywords = Meta keywords mặc đinh của blog bạn.(đối chiếu hình 2 với hình phía trên trên nhé phần Meta keywords)
Thì chúng ta thấy nó giống nhau
Hình 2.

Xem tiếp hai hình 3 và hình 4 dưới đây.
Bạn có muốn lấy riêng được từng Meta keyword cho từng bài viết như hai hình bên dưới này không.
Như hình này: Meta keywords = tiêu đề bài viết + tiêu đề blog
Hình 3.

Meta keywords = tiêu đề bài viết + tiêu đề blog.

<b:if cond='data:blog.pageType == "item"'>

<meta expr:content='data:blog.pageName + data:blog.title ' name='Keywords'/>

</b:if>

Như hình này: Meta keywords = tiêu đề bài viết.
Hình 4

Meta keywords = tiêu đề bài viết

<b:if cond='data:blog.pageType == "item"'>

<meta expr:content='data:blog.pageName ' name='Keywords'/>

</b:if>

Chỉ một bước nhỏ sau đây các bạn sẽ lấy được meta keywords theo tiêu đề của bài viết theo ý của bạn
Bước 1, đăng nhập blogspot sau đó chọn mẫu >> chọn chỉnh sửa HTML, thêm 1 trong 2 đoạn code kia trước thẻ đóng HEAD

cách chèn code

5 cách tăng tốc cho Blogspot

2014-06-23T19:18:00.001-07:00

Không giống với WordPress có thể sử dụng các plugin để tăng tốc cho blog. Với Blogspot, việctăng tốc blog trên thực tế dựa nhiều vào mẹo hay thủ thuật nhiều hơn. Trong bài viết này, mình sẽ hướng dẫn các bạn cải thiện tốc load trang của Blogspot bằng nhiều cách khác nhau.

Nào, hãy cùng dùng dầu ăn “bôi trơn” cho blog nào.

1. Rút gọn CSS

Việc hoạt động lâu ngày có thể dẫn tới việc mã CSS của Template dài vô tận, tưởng như không bao giờ hết, điều này có thể làm cho tốc độ tải trang của blog chậm đi đôi chút. Để nén CSS, các bạn vào Template > Edit HTML. Tìm đến thẻ <b:skin> và copy toàn bộ CSS cho đến trước thẻ đóng </b:skin>. Truy cập vào địa chỉ này: http://www.csscompressor.com/ để nén CSS rồi replace cho phần CSS cũ của blog.

2. Tối ưu hình ảnh

Việc lấy hình ảnh từ các trang web khác rồi đặt lên blog của mình sẽ làm chậm tốc độ tải hình ảnh của blog vì việc tải hình ảnh lúc này phụ thuộc vào tốc độ của host chứa hình ảnh mà bạn lấy. Vì vậy lời khuyên của mình là bạn cứ nên upload trực tiếp hình ảnh lên blog, việc này sẽ cải thiện được đôi chút tốc độ.

3. Tối ưu Javascript

Việc chèn nhiều script vào blog là điều không nên vì điều đó sẽ làm cho tốc độ của blog chậm đi đáng kể. Để cải thiện tốc độ bạn có thể tối ưu các script qua các cách sau:

Chèn trực tiếp script vào template bằng thẻ sau:

<script type='text/javascript'>//<![CDATA[
code
//]]></script>

Việc chèn script thẳng vào template thay vì Layout sẽ làm tốc độ tải trang được nhanh hơn, tuy nhiên việc này sẽ làm template dài hơn và điều này thì không có lợi cho SEO. Chính vì thế, bạn nên chèn script càng xuống phía dưới, càng gần thẻ </body> càng tốt và lời khuyên của mình vẫn cứ là sử dụng càng ít script thì càng nhanh

Các script không nhất thiết phải xuất hiện ở toàn bộ các trang, vì vậy bạn nên tính toán xem nó nên xuất hiện ở những trang nào. Việc tùy chỉnh vị trí xuất hiện của các script mình sẽ nói chi tiết ở những bài sau, tuy nhiền có 2 thẻ có thể giúp bạn cơ bản trong việc này:

Chỉ hiện thị script tại trang chủ:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
DATA
</b:if>

Chỉ hiện thị script tại trang bài viết:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
DATA
</b:if>

4. Sử dụng Jump Break mặc định thay vì Auto Read More

Như mình đã nói trong bài viết Hiển thị đầy đủ bài viết tại trang chủ Blogspot? thì nếu như Insert Jump Break mặc định của Blogspot thực sự thu gọn bài viết thì Auto Read More của các Template chỉ làm ẩn đi một phần bài viết. Vì vậy nếu bạn không sử dụng Jump Break thì trang chủ hay các trang search, archive của bạn sẽ vẫn load tất cả nội dung của các bài viết, điều này thực sự sẽ làm chậm blog của bạn đi rất là nhiều!! Chính vì thế Insert Jump Break vào mỗi bài viết là điều thực sự cần thiết

5. Tăng tốc blog bằng Cloudflare hoặc Incapsula

Cả 2 dịch vụ Cloudflare và Incapsula đều có thể hỗ trợ tăng tốc website tuyệt đối với tính năng lưu cache các file tĩnh và tính năng tích hợp CDN. Blog của bạn sẽ thực sự được chạy với 1 tốc độ không tưởng so với trước khi sử dụng. Tuy nhiên việc Cloudflare có thể mang lại những lỗi DNS không mong muốn dẫn đến việc không thể truy cập blog. Vì vậy Incapsula có vẻ như là thích hợp để sử dụng nhất! Chi tiết việc cài đặt Incapsula bạn có thể xem ở bài viết này: Incapsula – Kẻ thay thế Cloudflare đáng dùng nhất

Multi Color Popular Posts có số đếm cho blogspot (v3)

2014-06-23T18:41:00.001-07:00

Thủ thuật này sẽ hướng dẫn các bạn cách thêm nhiều màu khác nhau và số đếm trong Popular Post Widget của blogger. Điểm nổi bật của thủ thuật này là bạn không cần phải thêm bất kỳ JavaScript nặng hoặc bất thuộc tính nào khác, bạn chỉ cần thêm 1 đoạn CSS đơn giản. Ngoài ra, bạn có thể tùy chỉnh widget này với việc sử dụng trình thiết kế mẫu của blogger. Chúng ta hãy đi đến hướng dẫn.

Bước 1 » Thêm widget Popular Posts vào blogspot của bạn!

Lưu ý: - Nếu blog bạn đã có tiện ích Popular Posts rồi thì bắt đầu thực hiện từ bước 1.5.

1.1- Đăng nhập vào Blog

1.2- Vào mẫu (Template)

1.3- Chọn Thêm Tiện ích (Add Widget)

1.4. Bấm chọn mục bài đăng phổ Biến(Popularposst):

1.5- Bấm chỉnh sửa tiện ích Popularposts và cài đặt như bên dưới:

Chọn "hiển thị tối đa" 9 bài viết.
Bỏ chọn hình ảnh thu nhỏ và đoạn trích.

1.6- Lưu tiện ích lại.

Bước 2 » Tùy biến widget Popular Posts của bạn!

1- Đăng nhập vào blog

2- Chọn Mẫu (Template)

3- Chọn Chỉnh sử HTML (Edit HTML)
4- Tìm thẻ ]]></b:skin>:(Mẹo: Bấm Ctrl+F để tìm). Và dán code bên dưới vào trước nó/

#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

- Lưu mẫu lại và xem kết quả.!

Rainbow PopularPosts với thumbnail và số cho blogger(V4)

2014-06-23T18:38:00.001-07:00

Popular posts là 1 tiện ích được cung cấp bởi Blogger, Tiện ích này hiển thị các bài viết được xem nhiều nhất trong blog với các khoảng thời gian như : 1 tuần, 1 tháng, hay mọi lúc. Và nó cũng có 3 chế độ hiển thị: chỉ hiển thị tiêu đề, hiện thị tiêu đề và ảnh thumbnail, và thứ 3 là kiểu hiện thị đầy đủ (gồm : tiêu đề, ảnh thumbnail và trích dẫn).

¤ Bài viết này mình sẽ hướng dẫn các bạn cách tạo tiện ích Rainbow popularpost với một số đặc điểm.

» Chỉ dùng CSS (giống dạng 1 của duypham)

» Hiệu ứng xoay ảnh thumbnail bằng mã CSS.

» CÓ dố đếm tối đa 9 bài nhiều hơn so với mẫu cũ chỉ có 5 bài.

» Bài viết hiển thị dạng phân cấp thụt vào (tối đa 9 cấp)

¤ Bước 1 » Thêm Rainbow PopularPosts multiple lever and count cho blogger!

Lưu ý: - Nếu blog bạn đã có tiện ích Popular Posts rồi thì bắt đầu thực hiện từ bước 1.5.

1.1- Đăng nhập vào Blog

1.2- Vào mẫu (Template)

1.3- Chọn Thêm Tiện ích (Add Widget)

1.4. Bấm chọn mục bài đăng phổ Biến (Popularposst):

1.5- Bấm chỉnh sửa tiện ích Popularposts để xác định Id và cài đặt như bên dưới:

(Trong ví dụ bài này Id là PopularPosts1)

Chọn "hiển thị tối đa" 9 bài viết.
Chọn hình ảnh thu nhỏ và bỏ chọn mục đoạn trích.

1.6- Lưu tiện ích lại.

¤ Bước 2 » Tùy biến widget Popular Posts của bạn!

2.1- Đăng nhập vào blog
2.2- Chọn Mẫu (Template)
2.3- Chọn Chỉnh sử HTML (Edit HTML)

2.4- Tìm thẻ ]]></b:skin>: (Mẹo: Bấm chuột vào một vị trí bất kỳ trong ô chỉnh sửa HTML vào để sử dụng khung tìm kiếm nội tuyến như bài này.). Và dán code bên dưới vào trước nó:

/* Rainbow Popular repost by http://jomkenalislam.my*/
#PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px}
#PopularPosts1 ul li:first-child{background:#ff4c54;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul li:first-child + li{background:#ff764c;width:87%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:84%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:81%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:78%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:75%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:72%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li +li{background:#f59095;width:69%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#c7f25f;width:66%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:70px;height:70px;}
#PopularPosts1 ul li a{font-size:12px;color:#444;text-decoration:none}
#PopularPosts1 ul li a:hover{color:#222;text-decoration:none}
#PopularPosts1 img{
    -moz-border-radius: 130px;
    -webkit-border-radius: 130px;
    border-radius: 130px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
padding:4px;
    border:1px solid #fff !important;
    background: #F2F2F2;}
#PopularPosts1 img:hover {
    -moz-transform: scale(1.2) rotate(-560deg) ;
    -webkit-transform: scale(1.2) rotate(-560deg) ;
    -o-transform: sbale(1.2) rotate(-560deg) ;
    -ms-transform: scale(1.2) rotatd(-560deg) ;
    transform: scale(1.2) rotate(-560deg) ;
}

2.5- Tìm trong template đoạn code như bên dưới:

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>...</b:widget>

- Thay thế nó bằng đoạn mã dưới đây.

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
  <b:includable id='main'>
   <b:if cond='data:title'>
    <h2><data:title/></h2>
   </b:if>
   <div class='widget-content popular-posts'>
    <ul>
     <b:loop values='data:posts' var='post'>
      <li>
       <b:if cond='data:showThumbnails == &quot;false&quot;'>
        <b:if cond='data:showSnippets == &quot;false&quot;'>
         <a expr:href='data:post.href' rel='bookmark' expr:title='data:post.title'><data:post.title/></a>
        <b:else/>
         <a expr:href='data:post.href' rel='bookmark' expr:title='data:post.snippet'><data:post.title/></a>
        </b:if>
       <b:else/>
        <b:if cond='data:showSnippets == &quot;false&quot;'>
         <b:if cond='data:post.thumbnail'>
          <img expr:alt='data:post.title' class='item-thumbnail' expr:src='data:post.thumbnail'/>
         <b:else/>
          <img alt='no image' class='item-thumbnail' src='http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png'/>
         </b:if>
         <a expr:href='data:post.href' rel='bookmark' expr:title='data:post.title'><data:post.title/></a>
         <div class='clear'/>
        <b:else/>
         <b:if cond='data:post.thumbnail'>
          <img expr:alt='data:post.title' class='item-thumbnail' expr:src='data:post.thumbnail'/>
         <b:else/>
          <img alt='no image' class='item-thumbnail' src='http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png'/>
         </b:if>
         <a expr:href='data:post.href' rel='bookmark' expr:title='data:post.snippet'><data:post.title/></a>
         <div class='clear'/>
        </b:if>
       </b:if>
      </li>
     </b:loop>
    </ul>
   </div>
  </b:includable>
 </b:widget>

Lưu ý: VỚi những Blog có Id là PopularPosts2 (hoặc PopularPosts3) thì các bạn đổi toàn bộ phần PopularPosts1 (màu xanh) thành PopularPosts2 (hoặc PopularPosts3) nha.

Theo http://namkna.blogspot.com/

Blogger

Sốc “nữ quái” trộm đồ nhét vào “vùng kín”

Sốc clip trộm đồ nhét vào “vùng kín” của nữ quái ở TP Vinh. Người phụ nữ trộm đồ nhét vào váy bà bầu

Tin sốc : Cô gái có mái tóc dài gần 1 km

Kỉ lục mới nhất được tổ chức Guiness xác lập thực sự là một kỉ lục kì lạ và vô cùng sốc cô gái có mái tóc dài 1km.

Tối ưu file Robots.txt

Code quảng cáo chạy dọc khi kéo chuột cho Blogspot

Cách xóa link logo trỏ đến Youtube trong video chèn vào web blogspot

Thêm nút Like +1 Share cuối bài viết Blospot

Widget bài viết mới nhất hiển thị theo Label có Thumbnails ảnh

[Hướng dẫn] Trở thành Youtube Partner ĐẦY ĐỦ tại Việt Nam

Chính sách để trở thành Youtube partner của Youtube hiện đã cởi mở hơn rất nhiều so với trước đây, đặc biệt là về các tính năng dành cho nhà phát triển nội dung, theo tiếng Anh là Creators and Partners.

[Hướng dẫn] Cách tạo tài khoản Adsense bằng Youtube

[Hướng dẫn] Cách đổi Quốc gia của Youtube để kiếm tiền

Thêm comment facebook vào blogspot

Thêm các nút chia sẻ mạng xã hội Social Facebook, Twitter, Pinterest cho BlogSpot

Cách add thêm các nút Social như like Facebook, Twitter, Pinterest...cho BlogSpot

Download IDM 6.20 Silent Plus mới nhất T6-2014

Download IDM 6.20 Silent Plus mới nhất T6-2014

Có gì mới ở bản idm 6.20 Silent Plus?

Tính năng thay đổi trong phiên bản idm 6.20 Silent Plus:

Các tính năng chính mà idm 6.20 Silent Plus hỗ trợ :

Key IDM - Dùng vĩnh viễn cho mọi phiên bản - Cập nhật liên tục.

» Bước 1: Cài đặt IDM cho máy tính:

» Bước 2: Bẻ khóa host của máy tính cho phù hợp với IDM

» Bước 3: Điền Key cho internet download manager (IDM)

» Nâng cao dành cho các bạn.

Cập nhật List key IDM update

Download IDM Crack

Internet Download Manager Universal Crack

Responsive dropmenu đơn giản từ CSS3 cho blogger

» Cách tạo Responsive dropmenu màu đen từ CSS3 cho blogspot/web:

Menu xổ dọc từ dưới lên trên cho blogspot

VIEW DEMO DEMO☼ Cách tạo Menu xổ dọc từ dưới lên trên cho blogspot

Menu xổ dọc bằng click chuột cho blogger

Fly drop Menu đẹp từ CSS cho blogger

Bạn đã từng nghĩ sẽ tự tạo cho blog mình một mẫu menu hoàn toàn khác so với các blog khác chư? Nếu chưa thì namkna chắc chắn bạn sẽ thay đổi các nhìn sau khi đọc bài viết này.

☼ Thêm Menu hiệu ứng mờ ảo đẹp cho blogger của bạn

Tối ưu SEO thêm meta keywords cho mỗi bài viết Blogspot

Tối ưu SEO là một thủ thuật blogger sau giúp blog của bạn được các công cụ tìm kiếm ưu ái nhiều hơn và do đó dễ xếp top. Từ đó có nhiều người truy cập đến blog của bạn.

Hướng dẫn tối ưu SEO meta keywords cho bài viết blogger

Meta keywords = tiêu đề bài viết + tiêu đề blog.

Meta keywords = tiêu đề bài viết

5 cách tăng tốc cho Blogspot

1. Rút gọn CSS

2. Tối ưu hình ảnh

3. Tối ưu Javascript

4. Sử dụng Jump Break mặc định thay vì Auto Read More

5. Tăng tốc blog bằng Cloudflare hoặc Incapsula

Popular posts dạng ảnh có số đếm từ jquery v2 cho blogger

☼ Các tính năng mới trong bản Popular posts dạng gallery jquery vestion 2 này là gì?

☼ Bước 1: Thêm tiện ích Popular posts vào blog của bạn.

☼ Bước 2: Tùy chỉnh tiện ích Popular post.

Popular Posts dạng Slides trượt dọc cho Blogger

Bước 1 » Thêm widget Popular Posts vào blogspot của bạn!

Bước 2 » Tùy chỉnh Popular Posts Rotating Slides cho blogspot của bạn!

Bước 3 » Tùy chỉnh giao diện hiển thị của tiện ích:

Multi Color Popular Posts có số đếm cho blogspot (v3)

Bước 1 » Thêm widget Popular Posts vào blogspot của bạn!

Rainbow PopularPosts với thumbnail và số cho blogger(V4)

¤ Bài viết này mình sẽ hướng dẫn các bạn cách tạo tiện ích Rainbow popularpost với một số đặc điểm.

¤ Bước 1 » Thêm Rainbow PopularPosts multiple lever and count cho blogger!

¤ Bước 2 » Tùy biến widget Popular Posts của bạn!

VIEW DEMO DEMO

☼ Cách tạo Menu xổ dọc từ dưới lên trên cho blogspot