Showing posts with label Thủ thuật Blogger. Show all posts
Showing posts with label Thủ thuật Blogger. Show all posts

Sunday, August 11, 2013

ANCKeywords - Tự động cập nhập keywords

Plugin này giúp chúng ta cập nhật từ khóa mới và hot nhất ! Tuy nhiên mỗi 1 blogger nên cân nhắc trước khi dùng . Vì đối với Google sanbox, penalty... không an toàn lắm . Nó có thể là con dao 2 lưỡi cho trang web của bạn.
Nói sơ qua về plugin này, nó có thể nói là một công cụ mạnh cho việc tạo và hỗ trợ thêm về từ khoá cho site của bạn. Đôi khi bạn hay phải cập nhật từ khoá hot cho site, nhưng công việc bận rộn, khiến bạn không thể rảnh tay mà cập nhật được. Mình làm tool này mong làm giảm nhẹ việc đó. Tất cả các từ khoá sẽ được cập nhật từ người dùng, các từ khoá tìm kiếm nhiều nhất, hot nhất đều được tự động thêm vào sau mỗi ngày, mỗi giờ, tuỳ vào tuỳ chỉnh của bạn.
Đọc thêm »

Sunday, June 30, 2013

Bài viết liên quan theo nhiều nhãn cho Blogger

Hôm nay Viettin24h.com giới thiệu thêm cho các bạn thủ thuật tạo bài viết liên quan cho nhiều nhãn ! Thủ thuật này giúp người truy cập có thể xem một cách bao quát và toàn diện một lúc nhiều bài viết liên quan và cùng chủ đề rất thích hợp cho các trang tin tức, chia sẻ kiến thức, kinh nghiệm, các diễn đàn....
Minh họa :
Bắt đầu thủ thuật :
Đọc thêm »

Tuesday, June 25, 2013

2 template trưng bày sản phẩm rất đẹp

Hiện nay các trang web chuyên về bán hàng , giới thiệu , trưng bày sản phẩm  rất phổ biến ! Để phục vụ cho nhu cầu đó hôm nay Viettin24h giới thiệu đến các bạn 2 mẫu giao diện rất đẹp phục vụ cho nhu cầu đó !

 Mẫu 1 : Johny Sip deh


Download
Javascript
Các giỏ hàng
Đọc thêm »

Monday, June 24, 2013

Tạo tiện ích theo dõi tin tức từ một website khác cho blog

Hôm nay Viettin24h giới thiệu cho các bạn thủ thuật lấy tin tức từ website mà bạn muốn theo RSS !
Đây là tiện ích khá hay nó giúp trang web của bạn có thể tự cập nhật tư web khác đồng thời nó cũng giúp bạn có thể liên kết với nhiều web khác nếu có yêu cầu ! Bên cạnh đó giúp bạn có thể tạo ra thu nhập từ các website/blog muốn liên kết ! 

Ảnh minh họa :

Bắt đầu thủ thuật :

Đọc thêm »

Friday, June 21, 2013

Bài viết mới hiệu ứng trượt đẹp cho Blog

Trước Viettin24h giới thiệu cho các bạn khá nhiều  Recent post mẫu trình diễn bài viết mới đẹp cho blog với nhiều hiệu ứng khác nhau! Hôm nay Viettin24h tiếp tục mang đến cho các bạn thêm 1 sự lựa chọn : đây là thủ thuật với hiệu ứng trượt đẹp mắt , nó thích hợp với nhiều thể loại Website/blog : tin tức, bán hàng,giải trí....
Ảnh minh họa :

 Bắt đầu thủ thuật:
Đọc thêm »

Saturday, June 8, 2013

Tạo hiệu ứng đẹp cho hình ảnh

Hôm nay Vietin24h.com sẽ giới thiệu đến các bạn code tạo hiệu ứng đẹp cho hình ảnh ! Ưu điểm của đoạn code này là chỉ dùng CSS3 va HTML nên không ảnh hưởng gì đến tốc độ của Website/blog của bạn 

Ảnh minh họa: 
Các bước thực hiện: 
Đọc thêm »

Sunday, June 2, 2013

Thanh di chuyển lên,xuống,cuộn trang cho Blog

Để thuận tiện hơn trong việc di chuyển trên trang ,cuộn trang theo kiểu xoắn ốc đây là thủ thuật tạo ra các nút di chuyển Home, Page Up, Page Down And và cuôn trang dự động!
Ảnh mịnh họa:



Cách thực hiện:
1. Đăng nhập Blogger
2. Chọn mẫu--> Chỉnh sảu HTML
3.Tìm đến thẻ </body> và dán code bên dưới vào trước nó:


Đọc thêm »

Thêm 3 lựa chọn cho giao diện Blog/website

Hôm nay Viettin24h giới thiệu đến các bạn thêm một số template! Hi vọng các bạn sẽ chọn được 1 giao diện đẹp và thích hợp cho mình!

1.Johny Kena Banned 





2.Johny jeepers


Johny jeepers Banget




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

Tuesday, May 28, 2013

Thêm hộp Google plus vào Blogspot

Hôm nay mình giới thiệu đến các bạn thủ thuật tạo hộp box Google+++

Ảnh minh họa:
Đọc thêm »

Like box facebok xuất hiện khi vào Blog/web

Ảnh minh họa:

Các bước thực hiện: 
 1. Đăng nhập Blog
 2. Bố cục--> Thêm tiện ích HTML/javascritpt
 3. Dán code sau vào tiện ích HTML trên:

<!--popup box like Facebook - up by quangvietmkt -->
<div style='position: fixed; left: 0%; top: 0%;'>
<style type='text/css'>
#makingdifferentpopup{

border:10px solid rgba(82, 82, 82, 0.7);
-webkit-background-clip: padding-box; /* for Safari */
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
width:300px;
height:360px;
overflow:hidden;
}
#makingdifferentpopup span{
font-size:20px !important;
font-weight:bold !important;
}
#makingdifferentpopup h1{
background:#6d84b4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7T5uRKeaAgz0N2sWSBCW3h-UnIjAQF3mdwLhGzM1UbnDhECoE-FtbzPbXivhwbyQ9D8LJIqmH5HAYqaAgpVhyGrSB_acjuKWjxi0YQFmOEkEa1yJ8uXEZYqcjANOxKAB_Ojini_xYeUOY/s1600/%255Bwww.gj37765.blogspot.com%255Dh1.png) 98% no-repeat;
border:1px solid #3b5998 !important;
color:#FFFFFF !important;
font-size:20px !important;
font-weight:700 !important;
padding:5px !important;
margin:0 !important;
font-family:&#39;&quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif !important;
overflow:hidden !important;
}
.htmlarea{
font-size:12px !important;
font-weight:normal !important;
height:265px !important;
padding:1px !important;
background:#fff !important;
border-bottom:2px solid #ddd;
overflow:hidden !important;
}
#mdfooter{
text-align:left;
background:#F2F2F2 !important;
height:56px !important;
padding:10px 10px 10px 10px !important;
overflow:hidden !important;
}
#mdclose{
float:right;
background-color:#eee !important;
border:1px solid #ccc !important;
color:#111 !important;
font-weight:bold !important;
padding:5px 8px 5px 8px !important;
text-decoration:none !important;
display:inline-block !important;
font-family:&#39;&quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif !important;
outline:none !important;
position:relative !important;
font-size:18px !important;
margin:1px !important;
}
#mdclose:active{
top:1px;
left:1px;
}
.grabthis{
bottom:80px;
font:8px &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif;
position:absolute;
right:6px;
text-align:right;
z-index: 99999;
}
.grabthis a{
color: #000;
text-decoration:none;
}
.grabthis a:hover{
text-decoration:underline;
}
</style>
<script type='text/javascript'>
jQuery(document).ready(function() {
function makingdifferent_ppopup() {
var sec = 10
var timer = setInterval(function() {
$(&quot;#mdfooter span&quot;).text(sec--);
if (sec == 0) {
$(&quot;#makingdifferentpopup&quot;).fadeOut(&quot;slow&quot;);
clearInterval(timer);
}
},1000);
var mdwh = jQuery(window).height();
var mdpph = jQuery(&quot;#makingdifferentpopup&quot;).height();
var mdfromTop = jQuery(window).scrollTop()+50;
jQuery(&quot;#makingdifferentpopup&quot;).css({&quot;top&quot;:mdfromTop});}
jQuery(window).fadeIn(makingdifferent_ppopup).resize(makingdifferent_ppopup)
//alert(jQuery.cookie(&#39;sreqshown&#39;));
//var mdww = jQuery(window).width();
//var mdppw = jQuery(&quot;#makingdifferentpopup&quot;).width();
//var mdleftm = (mdww-mdppw)/2;
var mdleftm = 500;
//var mdwh = jQuery(window).height();
//var mdpph = jQuery(&quot;#makingdifferentpopup&quot;).height();
//var mdfromTop = (jQuery(window).scrollTop()+mdwh-mdpph) / 2;
jQuery(&quot;#makingdifferentpopup&quot;).animate({opacity: &quot;1&quot;, left: &quot;0&quot; , left: mdleftm}, 0).show();
jQuery(&quot;#mdclose&quot;).click(function() {
jQuery(&quot;#makingdifferentpopup&quot;).animate({opacity: &quot;0&quot;, left: &quot;-5000000&quot;}, 1000).show();});});
</script>
<div id='makingdifferentpopup'>
<h1>
Like Fan Page Quangvietmkt</h1>
<div class='htmlarea'>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=
http://www.facebook.com/pages/VIT-Tin-t%E1%BB%A9cGi%E1%BA%A3i-tr%C3%ADTh%E1%BB%A7-thu%E1%BA%ADt/102371373304961&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23fff&amp;stream=false&amp;header=false&amp;height=250' style='border:none; overflow:hidden; width:300px; height:250px;'/>

</div>
<div id='mdfooter'>
Please wait..<span>10</span> Seconds
<a href='#' id='mdclose' onclick='return false;'>Close</a>
</div>
</div>
<!-- End popup -->
</div>


Tùy chỉnh: 
- Màu đỏ: bạn thay thành địa chỉ fanpage của mình]
- Màu xanh: tên hiển thị tiêu đề cho phù hợp
- code:  <div style='position: fixed; left: 0%; top: 0%;'> : bạn điều chỉnh lại theo ý bạn muốn hiển thị

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

Monday, May 27, 2013

Code thống kê đẹp cho Blog

Việc thống kê cho blog khá quan trọng nhất là đối với những blog "khủng". Hãy tham khảo một tiện ích nhỏ mình đang sử dụng.
Demo:


Các bước thực hiện:
1. Đăng nhập Blogger
2. Chọn bố cục
3. Thêm widet HTML/Javascript và dán đoạn code bên dưới:


<script language='javascript' type='text/javascript'>
function snfbc(json){
document.write(parseInt(json.value.items[0].feed.entry.circulation));
}
function xfeedburner(uri){
if(uri){
document.write('<sc'+'ript src="http://pipes.yahoo.com/pipes/pipe.run?_id=e61a81bcdb1660ebf8bc1a7c130f1f7b&_render=json&uri='+uri+'&_callback=snfbc" type="text/javascript"></s'+'cript>');
} else{
return false;
}
}

function sntwitter(json){
document.write(parseInt(json.followers_count));
}
function xtwitter(user){
if(user){
document.write('<scr'+'ipt src="http://twitter.com/users/show/'+user+'.json?callback=sntwitter" type="text/javascript"></scr'+'ipt>');
} else{
return false;
}
}

</script>
<div style='float:left;padding:8px;'>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizupkSiFJKdS9CHPwrgfyKj-GF_AeWcsW8JvgQltGuVtyX7HkgLNdZl0AcuVzndN95XNnfxGdxnoPyTNbhrMageD6w8Xo5K86iYkYFJVfy38LcoYD4FzAX2VGrP12HmrVlT_bMnl-cizwg/s1600/Twitter+3-48.png" style="margin-right: 8px; float:left;" />
<a href="
http://twitter.com/viettin24h target="_blank" ><span style="float: left; margin-top:2px;padding:0;font-size:18px;color:#000;font-family:Arial,Helvetica,sans-serif;">
<script type="text/javascript"> xtwitter("winnitg") </script> Người theo dõi</span>
<!--[if IE]>
<![endif]-->
<span style="text-align:left;margin:0px;padding:0px;font-size: 12px;color:#000;font-family:Arial,Helvetica,sans-serif;">Theo dõi trên Twitter</span></a>
</div><div style='clear:both;'/>

<div style='float:left;padding:8px;'>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizdByxrMffry9_sj_AFbr-I4JJMiHe6RzVLItoW26b8QCnJ2gdJfPO2XhJ6VrVleVHXIV5jibXYrNaUthtgEfrtxAHPFSXjE7bTNgsgE6UhuS8Jy0-ayGxAn5v9i7uTkn1_lr4dmBionNC/s1600/Rss-48.png" style="margin-right:8px;float:left;" />
<a href="
http://feeds.feedburner.com/blogspot/quangvietmkt" target="_blank" ><span style="float:left;margin-top:2px;padding:0;font-size: 18px; color:#000;font-family:Arial,Helvetica,sans-serif;">
<script type="text/javascript"> xfeedburner("sinhvienthuysan") </script> Người đăng ký</span>
<!--[if IE]>
<![endif]-->
<span style="text-align:left;margin:0px;padding:0px;font-size:12px; color:#000;font-family:Arial,Helvetica,sans-serif;">Đăng ký!</span></a>
</div><div style='clear:both;'/>

<div style='float:left;padding:8px;'>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-CkwoRFXT1hBnrNsFGOBa2zKjrIOqpXHvVVsecaCJl267GgCbdYyznuEUMx730FpmA3ciY52rFBdBmEY21AllyR2Dva8cL2LxICd0BufY8LdAnUc_IrJRr4-YPKfICODUFYKv9oQ3de7Q/s1600/comments-48.png" style="margin-right:8px;float:left;" />
<span style="float:left;margin-top:2px;padding:0;font-size:18px;color:#000;font-family:Arial,Helvetica,sans-serif;">
<script style="text/javascript">
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script>
<script src="
http://viettin24h
.com/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> Nhận xét</span>
<!--[if IE]>
<![endif]-->
<span style="text-align:left;margin:0px;padding:0px;font-size: 12px;color:#000;font-family:Arial, Helvetica, sans-serif;"></span>
</div><div style='clear:both;'/>

<div style='float:left;padding:8px;'>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigFhJIEGIXRBCOQ0labKb7ezDZMqxkf3EeD7rfC_dHca0PV0HTMFleOl6rCuZKlWFDRhU0GtApnAp3SY1RXd7tf8-7baetZ-oZCxXh9XKx7kQCquNgv6VgRmwOhe4OQvl5pNwDmpCsIwxe/s1600/blogger_48.png" style="margin-right:8px;float:left;" />
<a href="
http:/
/viettin24h.com/search/label/?max-results=999" target="_blank"><span style="float:left;margin-top:2px;padding:0;font-size: 18px; color:#000;font-family:Arial,Helvetica,sans-serif;">
<script src="
http://
viettin24h.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Bài viết</span>
<!--[if IE]>
<![endif]-->
<span style="text-align:left;margin:0px;padding:0px;font-size:12px; color:#000;font-family:Arial,Helvetica,sans-serif;">Xem tất cả!</span></a>
</div><div style='clear:both;'/></div></div></div></div





Bạn thay:
http://twitter.com/quangvietmkt bằng địa chỉ twitter của bạn

Bạn thay:
Code: http://feeds.feedburner.com/blogspot/viettin24h 
 bằng địa chỉ Feedburner của bạn, bạn có thể đăng kí tại: 
Code: http://feedburner.google.com
Thay tiếp:
http://viettin24h.com/bằng địa chỉ blog của bạn.

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

Sunday, May 26, 2013

Tùy biến bài đăng phổ biến cho Blog

Thủ thuật này sẽ thay đổi một chút về giao diện của tiện ích Popular post . Tuy rất đơn giản nhưng cũng khá bắt mắt cho người đọc
 Ảnh minh họa:


Các bước thực hiện:1. Đăng nhập Blogger
2. Chọn bố cục-->Thêm tiện ích HTML/ Javascript và dán code bên dưới vào :


<style type="text/css" media="screen"> #PopularPosts1 { overflow:hidden; margin-top:5px; padding:0px 0px; height:400px; } #PopularPosts1 ul { width:220px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #PopularPosts1 li { width:208px; padding: 5px 5px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:80px; overflow: hidden; background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x; border:1px solid #ddd; } #PopularPosts1 li .item-title { color:#A5A9AB; font-size:1em; margin-bottom:0.5em; } #PopularPosts1 li .item-title a { text-decoration:none; color:#4B545B; font-size:11px; height:18px; overflow:hidden; margin:0px 0px; padding:0px 0px 2px 0px; } #PopularPosts1 li img { float:left; margin-right:5px; background:#EFEFEF; border:0; } #PopularPosts1 li .item-snippet { overflow:hidden; font-family:Tahoma,Arial,verdana, sans-serif; font-size:10px; color:#262B2F; padding:0px 0px; margin:0px 0px; } #PopularPosts1 .item-snippet a, #PopularPosts1 .item-snippet a:visited { color:#3E4548; text-decoration: none; } #PopularPosts1 .spyWrapper { height: 100%; overflow: hidden; position: relative; } #PopularPosts1 { -webkit-border-radius: 5px; -moz-border-radius: 5px; } .tags span, .tags a { -webkit-border-radius: 8px; -moz-border-radius: 8px; } a img { border: 0; } --> </style>   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" charset="utf-8"> $(function () { $('.popular-posts ul').simpleSpy(); }); </script> <script src="http://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script>
3.Đặt tiện ích vừa tạo lên trên "Popular posts"
minh họa :


Explanation of Popular Post with Animation


4. Lưu lại và xem kết quả

Saturday, May 25, 2013

Trình diễn bài viết mới hiệu ứng slider đẹp mắt

Hôm nay mình giới thiệu đến các bạn  một cách trình bài viết với hiệu ứng slider và trên các hình ảnh nhỏ hiệu ứng khi di chuột thích hợp cho các trang web/blog tin tức, trưng bày sản phẩm ....

Ảnh minh họa:


image slider otomatis

Các bước thực hiện: 
 1. Đăng nhập Blog
2. Chọn mẫu---> Chỉnh sửa HTML
3. Dán code sau vào trên thẻ :  ]]></b:skin>
#featuredContent{float:left;width:407px;margin-right:10px;display:inline}
#featured-slider{position:relative;overflow:hidden;width:407px;height:245px}
#featured-slider .sliderPostInfo{position:absolute;bottom:2px;width:407px;min-height:30px;height:auto!important;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO4zyO3Vsotz1uCLF24xhjROaKdsi9DQruVT9mpcgWH1HgwTRTZqajWc7EQAxdsCvAjGInSzhu8a4y1ot00Z16L65H4o4v1BVGKz357zKDWjim9rJ5KunPm3EcMWtNXWGzZXkpNktjmCIG/s1600/transparant.png)}
#featured-slider .sliderPostInfo p{color:#fff;font-size:1.1em;padding:0 5px}
#featured-slider .sliderPostInfo h2{color:#FFF;font:bold 14px Tahoma;text-transform:none;padding:0 5px}
#featured-slider .contentdiv{visibility:hidden;position:absolute;left:0;top:0;z-index:1}
#paginate-featured-slider{display:block;background-color:#f0f0f0;margin-bottom:0;padding:0 0 5px}
#paginate-featured-slider ul{width:415px;padding-bottom:0;list-style:none}
#paginate-featured-slider ul li{display:inline;width:75px;float:left;margin-left:0;margin-right:8px;margin-bottom:3px}
#paginate-featured-slider img{padding-top:5px;background:#f0f0f0}
#paginate-featured-slider a img{border-top:4px solid #f0f0f0}
#paginate-featured-slider a:hover img,#paginate-featured-slider a.selected img{border-top:4px solid #357798}


Điều chỉnh các thuộc tính màu xanh cho phù hợp

4. Tìm đến thẻ   </head>  dán code dưới vào trước nó:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/222517121138/contentslider.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1TE_kziyolD44Ko3klFdjPf_cm9S1OyomOWxFxfutIBvAuFJtcxKE2vd__JFRoJiExfj1v3LlZik4j_9BV9V8v9XiI6keaAunn-Z7LbMj22cUZxKyEAgriEFHNc8UCcfuV54notF7lmE/s1600/no+image.jpg";
showRandomImg = true;

aBold = true;

summaryPost = 100;
summaryTitle = 25;

numposts3 = 5;

function removeHtmlTag(strx,chop){
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}

s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts3(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img  = new Array();

      for (var i = 0; i < numposts3; i++) {
        var entry = json.feed.entry[i];
        var posttitle = entry.title.$t;
        var pcm;
        var posturl;
        if (i == json.feed.entry.length) break;
        for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
        }
        
        for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
                pcm = entry.link[k].title.split(" ")[0];
                break;
              }
        }
        
        if ("content" in entry) {
              var postcontent = entry.content.$t;}
        else
        if ("summary" in entry) {
              var postcontent = entry.summary.$t;}
        else var postcontent = "";
        
        postdate = entry.published.$t;
    
    if(j>imgr.length-1) j=0;
    img[i] = imgr[j];
    
    s = postcontent    ; 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!="")) img[i] = d;

    //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

    var day = postdate.split("-")[2].substring(0,2);
    var m = postdate.split("-")[1];
    var y = postdate.split("-")[0];

    for(var u2=0;u2<month.length;u2++){
        if(parseInt(m)==month[u2]) {
            m = month2[u2] ; break;
        }
    }

    var daystr = day+ ' ' + m + ' ' + y ;

    var trtd = '<div class="contentdiv"><a href="'+posturl+'"><img width="407" height="240" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"><h2 class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></h2><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>';
    document.write(trtd);


    j++;
}

}

function showrecentposts4(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img  = new Array();

      for (var i = 0; i < numposts3; i++) {
        var entry = json.feed.entry[i];
        var posttitle = entry.title.$t;
        var pcm;
        var posturl;
        if (i == json.feed.entry.length) break;
        for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
        }
        
        for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
                pcm = entry.link[k].title.split(" ")[0];
                break;
              }
        }
        
        if ("content" in entry) {
              var postcontent = entry.content.$t;}
        else
        if ("summary" in entry) {
              var postcontent = entry.summary.$t;}
        else var postcontent = "";
        
        postdate = entry.published.$t;
    
    if(j>imgr.length-1) j=0;
    img[i] = imgr[j];
    
    s = postcontent    ; 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!="")) img[i] = d;

    //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

    var day = postdate.split("-")[2].substring(0,2);
    var m = postdate.split("-")[1];
    var y = postdate.split("-")[0];

    for(var u2=0;u2<month.length;u2++){
        if(parseInt(m)==month[u2]) {
            m = month2[u2] ; break;
        }
    }

    var daystr = day+ ' ' + m + ' ' + y ;

    var trtd = '<li><a class="toc" href="#"><img width="75" height="50" class="alignnone" src="'+img[i]+'"/></a></li>';
    document.write(trtd);

    j++;
}

}

//]]>
</script>

Tùy chỉnh:
-  numposts3 = 5  : Số bài viết hiển thị thanh trượt
width="407height="240  : Kích thước của ảnh chính
width="75" height="50"   :  Kich thước ảnh thanh trượt

5. Lưu mẫu
6. Layout---> Thêm HTML/Javascript và dán code bên dưới vào --> Đặt  vị trí bạn muốn:


<div id='featuredContent'>
<div class='sliderwrapper' id='featured-slider'>
<script>
document.write("<script src=\"/feeds/posts/default/-/Blogspot%20tips?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</div>
<div id='paginate-featured-slider'>
<ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/Blogspot%20tips?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</ul>
<div class='clear'></div>
</div>
<script type='text/javascript'>
featuredcontentslider.init({
id: "featured-slider", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.4], //[true/false, fadedegree]
autorotate: [true, 5000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>
</div>

Chỉnh lại label màu xanh cho phù hợp

 Nếu các bạn muốn hiển thị cho cả bài viết thi thay đoạn code :

script src=\"/feeds/posts/default/-/sport?max-results
bằng
script src=\"/feeds/posts/default?max-results
 
Chúc các bạn thành công

Friday, May 24, 2013

Giao diện đẹp thích hợp làm trang tin tức

Giao diện này rất nổi bật và nhiều tiện ích hay! Main body được xen lẫn hàng ngang và cột nên rất tiện lợi cho các bạn bày trí đẹp mắt






Hình ảnh bố cục giao diện





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

1. Sider: Các bạn tìm đến code
<div id='featuredContent'> <div id='slideshow'> <div id='slideshowThumbs'> <ul><script> document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); </script> </ul> </div> <div class='post' id='slideshowContent'> <script> document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>"); </script></div> </div> <script type='text/javascript'> $(function() { $("#slideshowThumbs ul").tabs("#slideshowContent > div", { effect: 'fade', fadeOutSpeed: 1000, rotate: true }).slideshow({ clickable: true, autoplay: true, interval: 3000 }); }); </script> <div class='clear'> </div> </div>

2. Tiện ích bài viết theo nhãn





3.Tìm đến code
Title1="DIARY";Title2="JAZZ";Title3="HEALTH";Title4="SPORT";Title5="COMEDY"

Chỉnh sửa lại tên cho phù hợp với Blog của bạn


4.Tiếp đến các bạn tìm code: 
<div class='tabber' id='tab1'> <script> document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/sport?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9\&quot;&gt;&lt;\/script&gt;&quot;); </script></div> <div class='tabber' id='tab2'> <script> document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/lifestyle?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9\&quot;&gt;&lt;\/script&gt;&quot;); </script></div> <div class='tabber' id='tab3'> <script> document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/economics?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9\&quot;&gt;&lt;\/script&gt;&quot;); </script></div> <div class='tabber' id='tab4'> <script> document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/diary?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9\&quot;&gt;&lt;\/script&gt;&quot;); </script></div> <div class='tabber' id='tab5'> <script> document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/health?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9\&quot;&gt;&lt;\/script&gt;&quot;); </script></div> <div class='clear'> </div>

Chỉnh các label màu đỏ phù hợp

Có gì thắc mắc để lại comment ở dưới nhé!


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

Thanh các mạng xã hội bên phải Blog

Hôm nay mình sẽ giới thiệu đến các bạn một tiện ích khá hay cho Blog! Các trang mạng xã hội : facebook, Twitter, G+... xuất hiện thanh bên phải dọc theo Blog

Ảnh minh họa
floating social bookmark
Đọc thêm »

Slider bài viết mới trượt ngang cho Blog

Cách đây không lâu mình đã giới thiệu với các bạn trình diễn bài viết theo nhãn trượt ngang ( Xem tại đây) ->>>Hôm nay là Slider bài viết mới trượt ngang đẹp cho blog của bạn.

Ảnh minh họa

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLnnhNf8rmIf3pGaKkmIJJNmzM1ZoTt3Sgv7xcQ2Jn28FfUsBKIUFa57IQAk8cw4zxKgKVw89q-ZcREX3T9vph3FLZvDt95RSUxeACynjz_voTwZ9RJPoCmVxLrC9KpzkTAOHglw7LqnM/s1600/slider+carousel.gif


Đọc thêm »

Thursday, May 23, 2013

Một số template đẹp và chuyên nghiệp cho Blog

1/Phiên bản template tin tức, news Vipshock V1 rất thành công tuy nhiên còn một số hạn chế và được khắc phục trong Vipshock V2:
+ Tối ưu load imager

+ Thêm Menu Drop xổ xuống

Demo:
Đọc thêm »

Wednesday, May 22, 2013

Recent post đẹp mắt cho blog chuyên nghiệp


Tiện ích recent posts kì này khác với tiện ích Recent post. Nhưng ở bản lần này sẽ có 2 điểm khác biệt, đó là các bạn có thể tùy chỉnh số bài viết có ảnh thumbnail, và điểm chú ý ở thủ thuật này là sẽ có ảnh gif minh họa cho bài viết mới. Mới ở đây là trong phạm vi 1 ngày.
Bạn có thể xem Demo:

Demo for
Đọc thêm »

Monday, May 20, 2013

Tự động đăng bài từ Blog lên Facebook, Twitter


Trong các kênh của Marketing OnlineSocial Media Marketing không chỉ là 1 kênh chăm sóc khách hàng mà việc chia sẻ, lan truyền trên mạng xã hội sẽ giúp độ phủ của website trở nên mạnh mẽ hơn. Bài viết sẽ hướng dẫn chia sẻ tự động bài viết lên 2 mạng xã hội lớn nhất hiện nay: Facebook &Twitter.

Chúng ta sẽ chia sẻ từ website lên Twitter và từ Twitter lên Facebook
Bước 1.    Từ website lên Twitter
Đọc thêm »

Code popup chỉ xuất hiện 1 lần duy nhất trong 1 ngày với 1 địa chỉ ip!

Hiện nay để tránh tình trạng các đối tác chuộc lợi bất chính từ các hợp đồng quảng cáo các công ty cung cấp dịch vụ quảng cáo đã áp dụng các điều luật dành cho hình thức always on top như chỉ chấp nhận thanh toán với những click xuất hiện 1 lần/1 ngày/1 ip máy tính. Như vậy nếu có mở nhiều lần cũng chỉ được tính một lần. Vạy tại sao ta không giới hạn số lần mở của sổ popup với tàn xuất 1 lần/1 ngày/1 ip để tránh gây phản cảm cho dộc giả truy cập vào blog của bạn.




» Cách tạo quảng cáo popup chỉ xuất hiện 1 lần duy nhất trong 1 ngày với 1 địa chỉ ip!

1. Đăng nhập vào tài khoản Blogger
2. Vào phần Mẫu (Template)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Tìm thẻ mở sau:
<body>
- Thay thế đoạn code vừa tìm được thành đoạn 1 trong 2code bên dưới:


<body onclick='popunder();'>
<script>
/* <![CDATA[ */
function Set_Cookie(a,b,c,e,f,g){var d=new Date;d.setTime(d.getTime());d=new Date(d.getTime()+c);document.cookie=a+"="+escape(b)+(c?";expires="+d.toGMTString():"")+(e?";path="+e:"")+(f?";domain="+f:"")+(g?";secure":"")}function Get_Cookie(a){var b=document.cookie.indexOf(a+"="),c=b+a.length+1;if(!b&&a!=document.cookie.substring(0,a.length)||-1==b)return null;a=document.cookie.indexOf(";",c);-1==a&&(a=document.cookie.length);return unescape(document.cookie.substring(c,a))} function Delete_Cookie(a,b,c){Get_Cookie(a)&&(document.cookie=a+"="+(b?";path="+b:"")+(c?";domain="+c:"")+";expires=Mon, 11-November-2020 00:00:01 GMT")}
function popunder(){null==Get_Cookie("cucre")&&(Set_Cookie("cucre","cucre Popunder","1","/","",""),
pop=window.open("http://quangvietmkt.blogspot.com/","windowcucre"),
pop.blur(),window.focus())}function addEvent(a,b,c){a.attachEvent?a.attachEvent("on"+b,c):a.addEventListener?a.addEventListener(b,c,!0):a["on"+b]=c} addEvent(window,"load",function(){addEvent(document.body,"click",function(){popunder()})});
/* ]]> */
</script>


hoặc

<script>
//<![CDATA[
function Set_Cookie(name, value, expires, path, domain, secure) {
var today = new Date();
today.setTime(today.getTime());
var expires_date = new Date(today.getTime() + (expires));

document.cookie = name + "=" + escape(value) +
((expires) ? ";expires=" + expires_date.toGMTString() : "") +
((path) ? ";path=" + path : "") +
((domain) ? ";domain=" + domain : "") +
((secure) ? ";secure" : "");
}

function Get_Cookie(name) {

var start = document.cookie.indexOf(name + "=");
var len = start + name.length + 1;
if ((!start) &&
(name != document.cookie.substring(0, name.length))) {
return null;
}
if (start == -1) return null;
var end = document.cookie.indexOf(";", len);
if (end == -1) end = document.cookie.length;
return unescape(document.cookie.substring(len, end));
}

function Delete_Cookie(name, path, domain) {
if (Get_Cookie(name)) document.cookie = name + "=" +
((path) ? ";path=" + path : "") +
((domain) ? ";domain=" + domain : "") +
";expires=Mon, 11-November-1989 00:00:01 GMT";
}

function popunder() {
if (Get_Cookie('cucre') == null) {
Set_Cookie('cucre', 'cucre Popunder', '1', '/', '', '');
var url = "http://quangvietmkt.blogspot.com/";
pop = window.open(url, 'windowcucre');
pop.blur();

window.focus();
}
}

function addEvent(obj, eventName, func) {
if (obj.attachEvent) {
obj.attachEvent("on" + eventName, func);
}
else if (obj.addEventListener) {
obj.addEventListener(eventName, func, true);
}
else {
obj["on" + eventName] = func;
}
}

addEvent(window, "load", function (e) {
addEvent(document.body, "click", function (e) {
popunder();
});
});
//]]>
</script>
<body onclick='popunder();'>



- Thay http://quangvietmkt.blogspot.com/ thành URL trang 

quảng cáo bạn muốn mở trong cửa sổ Popup.