[HAIPHONG TP TOI YEU]

 

FAM blogger

FAM blogger


HẢI PHÒNG TP TÔI YÊU

Posted: 05 Feb 2012 06:36 AM PST

HẢI PHÒNG TP TÔI YÊU


Posted: 05 Feb 2012 01:42 AM PST



Lấy dữ liệu Blogspot khác và Bảo vệ dữ liệu blogspot bản thân.

Posted: 05 Feb 2012 01:49 AM PST


Mình viết bài này không khuyến khích các bạn làm thế vì mình từng là nạn nhân nên mình rất hiểu tâm trạng của người bị hại sẽ như thế nào. Dưới đây là các thủ đoạn ăn chôm của những kẻ đi choom:

- Bước 1- xác định blogspot cần lấy  phải thỏa mãn điều kiện rss của nó phải là rss full, rss không bật full thì chỉ lấy phần giới thiệu


- Để xác định rss là full hay không chỉ cần đánh tên địa chỉ web như sau vào :
http://diachi.blogspot.com/atom.xml
Thay: diachi thành tên blog cần lấy 
Ví dụ: http://mrhpvn.blogspot.com/atom.xml
(Tất nhiên sau sự cos mất cawops mình đã fix lại rồi nên các bạn đừng thắc mắc tại sao chỉ có phần trích dẫn nha).
- Nếu rss được bật full thì ta có thể lấy toàn bộ data. còn không thì dừng ở đây được rồi. Có một số template yêu cầu bắt buộc phải  bật full rss như template Simplex Celebrity .... các trang tin hot teen hay dùng lắm, và một số Blogger mới vào nghề chưa biết hay quyên.
- Bước 2: Xác định tổng số bài  viết có trong blogspot đó bằng cách tạo một bài viết mới và Pate co bên dưới vào phần html:
<script style="text/javascript">
function showpostcount(json) {
document.write('<center>Tổng số bài: <b>' + parseInt(json.feed.openSearch$totalResults.$t,10)
+ '</b></center>');}</script>
<script src="http://mrhpvn.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>
<script style="text/javascript"></script>
Thay: mrhpvn.blogspot.com bằng tên blog bạn cần khi đó sẽ hiển thị số bài đăng như sau:





Tổng số bài: 2719


Cần xác định số bài đăng vì vì 1 số blogspot khủng data > 10000 bài nên sẽ  chia nhỏ thành các đoạn data ,sau đó lấy theo khỏang từ 1-50 bài hay 1-10 bài tùy đường truyền mạng hay cấu hình máy. Blogspot cho import tối đa 500 bài.
- Bước 3: copy và paste đoạn cần lấy vào chương trình download IDM  khi đó sẽ là nếu máy ai chưa cài IDm có thể download TẠI ĐÂY. Ví dụ đoạn link dưới đây là lấy từ bài 1 đến bài 10 kể từ bài đăng mới nhất.
http://diachi.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=10
Trong đó: 
  • start-index=1  bắt đầu bài đăng mới nhất 
  • max-result=10  lấy từ bài 1 đến bài thứ 10 
  • diachi.blogspot.com: là blog cần lấy Data
- Khi đó IDM sẽ cho ra 1  file  .xml . Cứ thế lấy tiếp đến hết data thì thôi:
http://diachi.blogspot.com/atom.xml?redirect=false&start-index=11&max-results=10
http://diachi.blogspot.com/atom.xml?redirect=false&start-index=21&max-results=10
..................................
- Sau đó ta  thu được các file .xml (chuẩn rss hình như wordpress cũng cho phép import rss vào- chưa thử )
- Bước 4:  Import file xml đó vào blogspot  bằng cách vào  Setting  ( Cài đặt ->  Import. done  (  Nhập Blog ) - Chỉ đường dẫn tới các file  .XML  mà bạn vừa download về.

-chú ý : khi  import   xong nên đăng lấy lệ 1 vài bài để xóa bỏ  capchar  khi import quá nhiều bài 1 lúc, google săm soi blog sẽ cho là spam sẽ disable acc .

P/s by mrhpvn: tránh cho blog của bạn bằng cách tắt chức năng full này đi bằng cách vào Setting  ( Cài đặt ->  Nguồn cấp dữ liệu trang Web  -> tại mục Cho phép nguồn cấp dữ liệu Blog bạn chọn  Cho đến dấu ngắt .
Nếu template bắt buộc đặt full thì ta nên tạo thêm  1 đoạn giới thiệu ,để  khi bài được mang vác khắp nơi người đọc biết nguồn xuất phát từ đâu khi có ai dùng( 1 số hay quên ghi tác giả như mình đây)
Chúc các bạn ngăn chặn hiệu quả!

Tạo Banner quảng cáo với hiệu ứng trượt dọc 2 bên

Posted: 05 Feb 2012 01:49 AM PST


Xem Demo 
Hôm nay mình giới thiệu cho các bạn thêm một phiên bản 3, để các bạn có thể lựa chọn theo ý mình muốn
Ở phiên bản này:
+ Banner ban đầu sát với lề trên của trình duyệt.
+ Tốc độ trượt mượt hơn.
+ Khi kích thước trình duyệt có chiều ngang nhỏ hơn 1024px, banner tự động biến mất để tránh che khuất các thành phần khác của giao diện.
+ Khi kích thước trình duyệt có chiều ngang lớn hơn 1024px, banner sẽ tự động canh lề & giữ khoảng cách với mép 2 bên trình duyệt để tránh gây ra khoảng trống vô nghĩa.

Thực Hiện:
  1. Vào Thiết kế Phần tử trang
  2. Tạo một widget HTML\JavaScript và chèn vào đoạn code bên dưới :
<Script type="text/javascript">
/* design by namkna: http://namkna.blogspot.com/2012/01/tao-banner-quang-cao-voi-hieu-ung-truot.html */
function ShowRightAdDiv(){
if (document.body.clientWidth > 900){
document.write("<table width='110' border=0 cellspacing=0 cellpadding=0><tr><td><a href='http://namkna.blogspot.com/' target='_blank' title=''><img border='0' src='http://1.bp.blogspot.com/_BmIFAHM3wdk/TQTR8kGWcwI/AAAAAAAAAxQ/E7eW24fbLkg/s1600/code1k-com-banner1.gif' width='110' style='margin-bottom:4px'></a></td></tr></table>");
}
}
function ShowLeftAdDiv(){
if (document.body.clientWidth > 900){
document.write("<table width='110' border=0 cellspacing=0 cellpadding=0><tr><td><a href='http://namkna.blogspot.com/' target='_blank' title=''><img border='0' src='http://2.bp.blogspot.com/_BmIFAHM3wdk/TQTR9Pj3iTI/AAAAAAAAAxU/dV3kPtmG9wo/s1600/code1k-com-banner2.gif' width='110' style='margin-bottom:4px'></a></td></tr></table>");
}
}
</Script>
<DIV id="divAdLeft" style="DISPLAY: none; POSITION: absolute; TOP: 10px"><script language="JavaScript">ShowRightAdDiv();</script></DIV>
<DIV id="divAdRight" style="DISPLAY: none; POSITION: absolute; TOP: 10px"><script language="JavaScript">ShowLeftAdDiv();</script></DIV>
<SCRIPT language=JavaScript>
window.onresize=ShowAdDiv;
function FloatTopDiv()
{

var ns = (navigator.appName.indexOf("Netscape") != -1);

if(!ns)
{
startLX = ((document.body.clientWidth -1215)/2) + 105 , startLY = 0;

startRX = ((document.body.clientWidth)/2) + 391 , startRY = 0;
}
else
{
startLX = ((document.body.clientWidth -1215)/2) + 105 , startLY = 0;
startRX = ((document.body.clientWidth -775)/2) + 778 , startRY = 0;
}
var d = document;

function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
el.sP=function(x,y){this.style.left=x;this.style.top=y;};
el.x = startRX;
el.y = startRY;
return el;
}
function m2(id)
{
var e2=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
e2.sP=function(x,y){this.style.left=x;this.style.top=y;};
e2.x = startLX;
e2.y = startLY;
return e2;
}
window.stayTopLeft=function()
{
if (document.documentElement && document.documentElement.scrollTop)
var pY = document.documentElement.scrollTop;
else if (document.body)
var pY = document.body.scrollTop;
if (document.body.scrollTop > 10){startLY = 10;startRY = 10;} else {startLY = 10;startRY = 10;};
ftlObj.y += (pY+startRY-ftlObj.y)/16;
ftlObj.sP(ftlObj.x, ftlObj.y);
ftlObj2.y += (pY+startLY-ftlObj2.y)/16;
ftlObj2.sP(ftlObj2.x, ftlObj2.y);
setTimeout("stayTopLeft()", 1);
}
ftlObj = ml("divAdRight");
ftlObj2 = m2("divAdLeft");
stayTopLeft();
}

function ShowAdDiv()
{
var objAdDivRight = document.getElementById("divAdRight");
var objAdDivLeft = document.getElementById("divAdLeft");


if (document.body.clientWidth < 980)
{
objAdDivRight.style.display = "none";
objAdDivLeft.style.display = "none";
}
else
{

objAdDivRight.style.display = "block";
objAdDivLeft.style.display = "block";
FloatTopDiv();
}

}
ShowAdDiv();
</SCRIPT>
Trong đó: 
  • Màu xanh: là linh ảnh hiện thị
  • Màu đỏ: là lien kết tới trang quảng cáo
Chúc thành công!

Tạo Dropdown Menu đơn giản

Posted: 05 Feb 2012 01:49 AM PST




 Xem Demo
Đầu tiên, bạn chèn đoạn sau ngay bên dưới thẻ <body> hoặc phía trên <div id='outer-wrapper'>
<link href='http://dl.dropbox.com/u/11103024/menu.css' media='screen' rel='stylesheet' type='text/css'/>
<b:section id='menu' maxwidgets='1' showaddelement='no'>
<b:widget id='HTML91' locked='false' title='Menu' type='HTML'/>
</b:section>
Đoạn mã trên sẽ tạo một tiện ích Javascript/HTML mới trên blog của bạn, hãy quay lại Phần tử trang rồi tiếp tục chèn vào tiện ích này:
<ul class="menu">
<li class="no_drop"><a href="#">Home</a></li>
<li><a href="#" class="drop">1 Column</a>
<div class="dropdown_1column">
<div class="col_1">
<ul>
<li><a href="#">FreelanceSwitch</a></li>
<li><a href="#">Creattica</a></li>
<li><a href="#">WorkAwesome</a></li>
<li><a href="#">Mac Apps</a></li>
<li><a href="#">Web Apps</a></li>
<li><a href="#">NetTuts</a></li>
<li><a href="#">Design</a></li>
<li><a href="#">Logo</a></li>
<li><a href="#">Flash</a></li>
<li><a href="#">Illustration</a></li>
<li><a href="#">More...</a></li>
</ul>
</div></div></li>

<li><a href="#" class="drop">2 columns</a>
<div class="dropdown_2columns">

<div class="col_1">
<h3>Some Links</h3>
<ul>
<li><a href="#">ThemeForest</a></li>
<li><a href="#">GraphicRiver</a></li>
<li><a href="#">ActiveDen</a></li>
</ul>
</div>

<div class="col_1">
<h3>Useful Links</h3>
<ul>
<li><a href="#">NetTuts</a></li>
<li><a href="#">VectorTuts</a></li>
<li><a href="#">PsdTuts</a></li>
</ul>
</div>

<div class="col_1">
<h3>Other Stuff</h3>
<ul>
<li><a href="#">FreelanceSwitch</a></li>
<li><a href="#">Creattica</a></li>
<li><a href="#">WorkAwesome</a></li>
</ul>
</div>

<div class="col_1">
<h3>Misc</h3>
<ul>
<li><a href="#">Design</a></li>
<li><a href="#">Logo</a></li>
<li><a href="#">Flash</a></li>
</ul>
</div></div></li></ul>

Lưu lại và kiểm tra kết quả. Do mã CSS của menu khá dài nên Noct đã chuyển chúng vào trong file menu.css để tiện đăng bài, bạn có thể chuyển ngược lại vào phía trên thẻ</b:skin> trong template để chỉnh sửa, và đừng quên xóa dòng màu xanh
Nếu file die các bạn copy dòng này đặt trước thẻ ]]></b:skin>:
#menu h2 {display:none}

.menu,.menu h3,.menu a,.menu ul,.menu li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

:focus { outline: 0 }

.menu ul,.menu li {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
line-height:21px;
text-align:left; }

.menu h3 {
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
font-size:14px;
line-height:21px;
margin-top:7px;
margin-bottom:14px;
padding-bottom:7px;
text-shadow: 1px 1px 1px #FFFFFF;
border-bottom:1px solid #888888; }

.menu {
list-style:none;
width:900px;
margin:30px auto 0px auto;
height:43px;
padding:0px 20px 0px 20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #830701;
border: 1px solid #a40802;
border-top: 1px solid #fd190f;
background: -moz-linear-gradient(top, #d70b02, #830701);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d70b02), to(#830701)); }

.menu li {
float:left;
text-align:center;
position:relative;
padding: 4px 10px 4px 10px;
margin-right:30px;
margin-top:7px;
border:none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px; }

.menu li:hover {
z-index:2;
background:#F4F4F4;
border:1px solid #aaaaaa;
padding: 4px 9px 4px 9px;
background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
-khtml-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px; }

.menu li.no_drop:hover {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px; }

.menu li a {
color: #FFFFFF;
outline:0;
text-decoration:none;
display:block;
text-shadow: 1px 1px 1px #000; }

.menu li:hover a { color:#161616; text-shadow: none; }

.menu li .drop {
padding-right:21px;
background:url(https://lh6.googleusercontent.com/-XfYgASGcAiU/TfJS0sadoEI/AAAAAAAAA2s/uRaUd3HYceo/drop.png) no-repeat right 8px; }

.menu li:hover .drop {
padding-right:21px;
background:url(https://lh6.googleusercontent.com/-XfYgASGcAiU/TfJS0sadoEI/AAAAAAAAA2s/uRaUd3HYceo/drop.png) no-repeat right 7px; }

.menu li:hover div a { color:#a40802; }
.menu li:hover div a:hover { color:#fd190f; }
.menu li ul li a:hover { color:#fd190f; }

.dropdown_1column,.dropdown_2columns {
margin:4px auto;
position:absolute;
background:#F4F4F4;
border:1px solid #aaaaaa;
border-top:none;
padding:10px 5px 10px 5px;
background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB)); }

.dropdown_1column,.dropdown_2columns {
left:-999em;
text-align:left;
-moz-border-radius: 0px 5px 5px 5px;
-webkit-border-radius: 0px 5px 5px 5px;
-khtml-border-radius: 0px 5px 5px 5px;
border-radius: 0px 5px 5px 5px; }

.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}

.menu li:hover .dropdown_1column,.menu li:hover .dropdown_2columns{left:-1px;top:auto}

.col_1,.col_2 {
display:inline;
float: left;
position: relative;
margin-left: 5px;
margin-right: 5px; }

.col_1 {width:130px;}
.col_2 {width:270px;}

.menu li ul { list-style:none; padding:0; margin:0 0 12px 0; }

.menu li ul li {
font-size:12px;
line-height:24px;
position:relative;
text-shadow: 1px 1px 1px #ffffff;
padding:0;
margin:0;
float:none;
text-align:left;
width:130px; }

.menu li ul li:hover {background:none; border:none; padding:0; margin:0; }
Chúc thành công!.

Tạo trang diễn đàn cho Blogger

Posted: 05 Feb 2012 01:49 AM PST


Diễn đàn (Forum) hoàn toàn khác với Blog. Diễn đàn là nơi người đọc có thể liên hệ tương tác với nhau, tạo các chủ đề thảo luận để cùng chia sẻ thông tin hữu ích một cách dễ dàng.
Trên Blogger, bạn không được phép tạo tên miền phụ hay thư mục mới để mà có thể thiết kế được một diễn đàn. Vì thế nếu bạn muốn có một trang diễn đàn trên Blogger thì bạn phải cần một thủ thuật nào đó. Và thủ thuật sau đây sẽ giúp bạn thực hiện được yêu cầu này.


Xem Demo

1. Sau khi đăng nhập Blogger, bạn cần tạo một trang tĩnh (static page). Vào Design >>Posting >> Edit Pages >> New Page và tạo một trang có tiêu đề là forum. Ghi nhớ liên kết của trang forum có dạng như thế này:
 

http://yourblogname.blogspot.com/p/forum.html
 .

2. Tạo một diễn đàn miễn phí tại 
Nabble: Bạn điền thông tin cá nhân vào Form đăng ký, quan trọng nhất là địa chỉ email và mật khẩu đăng nhập. Nabble sẽ gửi email kích hoạt xác nhận vào địa chỉ email mà bạn đăng ký. Đăng nhập vào tài khoản email của bạn, vào hộp mail (có thể nằm trong họp thư rác) rồi kích vào link xác nhận để kích hoạt tài khoản Nabble của bạn. Bạn cần ghi nhớ mật khẩu đăng nhập.

Trong quá trình tạo tài khoản, bạn cần đặt một cái tên cho diễn đàn của bạn, ví dụ như: My Blogger Forum chẳng hạn. Sau khi đăng ký và kích hoạt thành công, bạn đăng nhập vào tài khoản Nabble và chọn Embedding Options. Copy đoạn code HTML.

3. Tại tài khoản Blogger, vàoDesign >> Edit HTML và chọn "Expand Widget Templates".
Nhấn phím kết hợp Ctrl + F và tìm dòng code:
<div id='content-wrapper'>

Dán đoạn code sau đây vào trên dòng code nói trên.
<b:if cond='data:blog.url == "http://yourblogname.blogspot.com/p/forum.html"'>
Đoạn code từ Nabble lấy được ở bước 2
</b:if>
4. Bước kế tiếp là dấu một số thành phần trên Blog của bạn khi hiển thị trang forum. Dán đoạn code như dưới đây vào sau dòng ]]></b:skin>.
<b:if cond='data:blog.url == "http://yourblogname.blogspot.com/p/forum.html"'>
<style type='text/css'>
#content-wrapper {
display:none !important;
}
</style>
</b:if>
Lưu Template là xong. Bây giờ bạn có thể dành thời gian mời bạn bè tham gia diễn đàn của bạn được rồi đấy.

Chú ý: Nếu bạn muốn tạo một diễn đàn độc lập trên Blogger thì bạn phải tạo một Blog mới. Sau đó vào chỉnh sửa Template, xóa toàn bộ phần code giữa 2 thẻ <body>, </body> và thay bằng đoạn code lấy được trên Nabble ở bước 2.

Nếu bạn có một tên miền tùy chỉnh thì có thể tạo một subdomain dưới dạnghttp://forum.yourdomain.com/ cũng là một giải pháp tốt.
Chúc thành công!
Theo:Thuthuatblogger.

(¯`·.º-:¦:-† namkna †-:¦:-º.·´¯)

Posted: 04 Feb 2012 01:12 PM PST

(¯`·.º-:¦:-† namkna †-:¦:-º.·´¯)


Ẩn sidebar khi xem bài viết

Posted: 04 Feb 2012 01:08 AM PST

Một ngày nào đó khi bạn chán cái bố cục cố định của một Template và muốn cho blog của mình có những thay đổi khác đi so với những blog khác. Bài viết hôm nay mình sẽ hướng dẫn các bạn thủ thuật làm ẩn toàn bộ sidebar khi bạn xem bài viết, hoặc làm ẩn toàn ộ sidebar khi bạn xem trang chủ, thủ thuật này sẽ giúp cho người đọc có thể load bài viết nhanh hơn.
Đọc thêm bài viết »

[Fast Blog Finder] Blog commenting ideas -- think outside of the box

Posted: 04 Feb 2012 04:05 AM PST

So, how is your blog commenting going? I hope all is well.

A good link building is sometimes just a good marketing. Success of a link building campaign often depends on your creativity, quick wit, and ability to think outside of the box.

Just click the link below for new link building ideas and inspiration:


You know some blogs require that you create an account or login to your existing account to be able to post comments. If you don't want to do this, the GOLD edition of Fast Blog Finder allows you skip such blogs during the search. Just check the "Skip blogs where you must login or register to post comments" in the Settings. Big time saver!
Photo
Julia Gulevich
G-Lock Software
julia@glocksoft.com

P.S If you want to learn about advanced search tactics [not widely used yet quite effective], don't miss my next email




--
Company info:
G-Lock Software, Level 5, 369 Queen Street, Auckland, NZ.

You can modify/cancel your subscription via the link below:
http://glockdb.com/u?xemail=cXVhbmc4MS4yMzQ1QGJsb2dnZXIuY29t

HẢI PHÒNG TP TÔI YÊU

Posted: 05 Feb 2012 01:49 AM PST


Posted: 03 Feb 2012 10:19 PM PST

Bài hát "Kể chuyện người cộng sản" - sáng tác của cố nhạc sĩ Trần Hoàn, được một lớp thính giả gọi là bài hát về Hải Phòng những năm 30, gắn với sự hy sinh của đồng chí Nguyễn Đức Cảnh - một trong những người cộng sản đầu tiên sáng lập Đảng ta. Địa danh bờ làng sông Cấm canh khuya chưa tàn đèn được nhắc đến trong mạch câu chuyện cảm động vì còn có muôn nghìn người đang khóc, tiếc thương người cộng sản trẻ tuổi đã ngã xuống vì nụ cười cho muôn kiếp cần lao.
Hợp xướng "Kể chuyện người cộng sản" - được Trần Hoàn sáng tác năm 1960. Ít ai biết lời bài hát là của Anh Việt- Hồ An có tên trong Kỷ yếu Hội viên Hội Nhà văn Hải Phòng. Và đó là những ca từ đặc biệt bởi độ dài của các tầng con chữ làm nổi bật sự gắn kết giữa quá trình hoạt động cách mạng của người cộng sản Nguyễn Đức Cảnh và nhân dân Hải Phòng theo kết cấu mở: Từ tăm tối đến bừng sáng, từ đơn lẻ đến lớp lớp sóng trào tinh thần cách mạng. Một số lời trích sau đây cho thấy tinh thần ấy. Ở lời 1, Anh Việt- Hồ An viết: "Từ thuở ấy đất nước còn điêu tàn/ Nhân dân bị xéo giày trong tù đày, trong ngục tối/ Ngày và đêm trên đôi vai trĩu xiềng gông. Đời như chẳng còn nguồn sống, tàn lụi xuống". Trong bối cảnh ấy, "Người đồng chí hy sinh cả đời mình. Từ trong lớp thợ thuyền đi theo Đảng, theo dân". Lời 2 là kể tiếp Hải Phòng từ khi đồng chí Nguyễn Đức Cảnh về hoạt động: "Rồi từ ấy, xóm vắng và quê nghèo/ Đêm đêm lần đi về trong lòng người gieo hạt giống/ Ngùn ngụt cháy trong tim của người dân từ lâu oán thù chồng chất ngọn lửa hờn uất./ Cùng toàn dân đinh ninh một lời thề/. Vùng lên để diệt thù anh dẫn đầu tiên phong/. Giành cuộc sống trong tay lũ bạo cường về với lớp thợ thuyền, với dân cày bốn phương...". Lời 3 và lời 4 kể về tinh thần dũng cảm và ảnh hưởng lớn lao từ cái chết của người cộng sản trẻ tuổi Nguyễn Đức Cảnh trên vùng cửa biển Hải Phòng: "Rồi một sớm, phố xá lặng u buồn/ Tin anh lọt tay giặc mang tù đày trong ngục tối/ Người đồng chí qua bao giông tố đòn tra còn hơi sức những ngày cuối anh còn tranh đấu/ Vừng hồng lên sương đêm chưa chịu tan/ Người chiến sĩ từ trần vì lũ giặc/ Bờ làng sông Cấm canh khuya chưa tàn đèn vì còn có muôn nghìn người đang khóc tiếc thương người/ Hôm nay Hải Phòng đang nhộn nhịp xây cuộc sống/ Một mùa xuân reo vang trên bến tàu vui rọi tươi những thôn cày cấy chan hòa nhà máy/ Người đồng chí hy sinh cả đời mình cho đời sau...".
Để phù hợp với câu chuyện kể, nhạc sĩ Trần Hoàn đã làm chuyển động lớp lớp ca từ trên bằng giai điệu âm nhạc chậm vừa, tha thiết. Giọng nhạc giàu chất tự sự tạo nên một tác phẩm giàu hình ảnh trong sáng, tươi vui, tràn đầy lạc quan… Dưới hình thức hợp xướng, "Kể chuyện người cộng sản" đã khái quát lên hình tượng những người cộng sản dám xả thân vì sự nghiệp cách mạng, cho nhân dân thoát khỏi xiềng gông áp bức của quân xâm lược. Đồng thời cho thấy sức sống của những hạt giống đỏ mà người cộng sản gieo trồng bằng xương máu cho cuộc sống hôm nay.
Trong những thập kỷ trước, "Kể chuyện người cộng sản" được vang lên nhiều lần trên sân khấu ca nhạc thành phố những ngày lễ lớn. Album "Về thăm thành phố Hải Phòng" của nhạc sĩ Trần Hoàn cũng có bài này. Cũng như Hải Phòng, bờ làng sông Cấm nay đã khác xưa. Nhưng, mỗi dịp kỷ niệm mừng Đảng, mừng Xuân, mừng đất nước, nghe lại " Kể chuyện người cộng sản" càng nhớ hơn, trân trọng hơn Trần Hoàn - người nhạc sĩ luôn đồng hành với từng giai đoạn lịch sử bằng những ca khúc thể hiện phong cách riêng cũng như tâm hồn người văn nghệ xung kích của ông, trong đó câu chuyện âm nhạc về người cộng sản Nguyễn Đức Cảnh mà ông để lại luôn có giá trị giáo dục truyền thống sâu sắc.
Ngọc Anh

Lấy dữ liệu Blogspot khác và Bảo vệ dữ liệu blogspot bản thân.

Posted: 05 Feb 2012 06:36 AM PST


Mình viết bài này không khuyến khích các bạn làm thế vì mình từng là nạn nhân nên mình rất hiểu tâm trạng của người bị hại sẽ như thế nào. Dưới đây là các thủ đoạn ăn chôm của những kẻ đi choom:

- Bước 1- xác định blogspot cần lấy  phải thỏa mãn điều kiện rss của nó phải là rss full, rss không bật full thì chỉ lấy phần giới thiệu


- Để xác định rss là full hay không chỉ cần đánh tên địa chỉ web như sau vào :
http://diachi.blogspot.com/atom.xml
Thay: diachi thành tên blog cần lấy 
Ví dụ: http://mrhpvn.blogspot.com/atom.xml
(Tất nhiên sau sự cos mất cawops mình đã fix lại rồi nên các bạn đừng thắc mắc tại sao chỉ có phần trích dẫn nha).
- Nếu rss được bật full thì ta có thể lấy toàn bộ data. còn không thì dừng ở đây được rồi. Có một số template yêu cầu bắt buộc phải  bật full rss như template Simplex Celebrity .... các trang tin hot teen hay dùng lắm, và một số Blogger mới vào nghề chưa biết hay quyên.
- Bước 2: Xác định tổng số bài  viết có trong blogspot đó bằng cách tạo một bài viết mới và Pate co bên dưới vào phần html:
<script style="text/javascript">
function showpostcount(json) {
document.write('<center>Tổng số bài: <b>' + parseInt(json.feed.openSearch$totalResults.$t,10)
+ '</b></center>');}</script>
<script src="http://mrhpvn.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>
<script style="text/javascript"></script>
Thay: mrhpvn.blogspot.com bằng tên blog bạn cần khi đó sẽ hiển thị số bài đăng như sau:





Tổng số bài: 2719


Cần xác định số bài đăng vì vì 1 số blogspot khủng data > 10000 bài nên sẽ  chia nhỏ thành các đoạn data ,sau đó lấy theo khỏang từ 1-50 bài hay 1-10 bài tùy đường truyền mạng hay cấu hình máy. Blogspot cho import tối đa 500 bài.
- Bước 3: copy và paste đoạn cần lấy vào chương trình download IDM  khi đó sẽ là nếu máy ai chưa cài IDm có thể download TẠI ĐÂY. Ví dụ đoạn link dưới đây là lấy từ bài 1 đến bài 10 kể từ bài đăng mới nhất.
http://diachi.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=10
Trong đó: 
  • start-index=1  bắt đầu bài đăng mới nhất 
  • max-result=10  lấy từ bài 1 đến bài thứ 10 
  • diachi.blogspot.com: là blog cần lấy Data
- Khi đó IDM sẽ cho ra 1  file  .xml . Cứ thế lấy tiếp đến hết data thì thôi:
http://diachi.blogspot.com/atom.xml?redirect=false&start-index=11&max-results=10
http://diachi.blogspot.com/atom.xml?redirect=false&start-index=21&max-results=10
..................................
- Sau đó ta  thu được các file .xml (chuẩn rss hình như wordpress cũng cho phép import rss vào- chưa thử )
- Bước 4:  Import file xml đó vào blogspot  bằng cách vào  Setting  ( Cài đặt ->  Import. done  (  Nhập Blog ) - Chỉ đường dẫn tới các file  .XML  mà bạn vừa download về.

-chú ý : khi  import   xong nên đăng lấy lệ 1 vài bài để xóa bỏ  capchar  khi import quá nhiều bài 1 lúc, google săm soi blog sẽ cho là spam sẽ disable acc .

P/s by mrhpvn: tránh cho blog của bạn bằng cách tắt chức năng full này đi bằng cách vào Setting  ( Cài đặt ->  Nguồn cấp dữ liệu trang Web  -> tại mục Cho phép nguồn cấp dữ liệu Blog bạn chọn  Cho đến dấu ngắt .
Nếu template bắt buộc đặt full thì ta nên tạo thêm  1 đoạn giới thiệu ,để  khi bài được mang vác khắp nơi người đọc biết nguồn xuất phát từ đâu khi có ai dùng( 1 số hay quên ghi tác giả như mình đây)
Chúc các bạn ngăn chặn hiệu quả!

Tạo Banner quảng cáo với hiệu ứng trượt dọc 2 bên

Posted: 05 Feb 2012 06:36 AM PST


Xem Demo 
Hôm nay mình giới thiệu cho các bạn thêm một phiên bản 3, để các bạn có thể lựa chọn theo ý mình muốn
Ở phiên bản này:
+ Banner ban đầu sát với lề trên của trình duyệt.
+ Tốc độ trượt mượt hơn.
+ Khi kích thước trình duyệt có chiều ngang nhỏ hơn 1024px, banner tự động biến mất để tránh che khuất các thành phần khác của giao diện.
+ Khi kích thước trình duyệt có chiều ngang lớn hơn 1024px, banner sẽ tự động canh lề & giữ khoảng cách với mép 2 bên trình duyệt để tránh gây ra khoảng trống vô nghĩa.

Thực Hiện:
  1. Vào Thiết kế Phần tử trang
  2. Tạo một widget HTML\JavaScript và chèn vào đoạn code bên dưới :
<Script type="text/javascript">
/* design by namkna: http://namkna.blogspot.com/2012/01/tao-banner-quang-cao-voi-hieu-ung-truot.html */
function ShowRightAdDiv(){
if (document.body.clientWidth > 900){
document.write("<table width='110' border=0 cellspacing=0 cellpadding=0><tr><td><a href='http://namkna.blogspot.com/' target='_blank' title=''><img border='0' src='http://1.bp.blogspot.com/_BmIFAHM3wdk/TQTR8kGWcwI/AAAAAAAAAxQ/E7eW24fbLkg/s1600/code1k-com-banner1.gif' width='110' style='margin-bottom:4px'></a></td></tr></table>");
}
}
function ShowLeftAdDiv(){
if (document.body.clientWidth > 900){
document.write("<table width='110' border=0 cellspacing=0 cellpadding=0><tr><td><a href='http://namkna.blogspot.com/' target='_blank' title=''><img border='0' src='http://2.bp.blogspot.com/_BmIFAHM3wdk/TQTR9Pj3iTI/AAAAAAAAAxU/dV3kPtmG9wo/s1600/code1k-com-banner2.gif' width='110' style='margin-bottom:4px'></a></td></tr></table>");
}
}
</Script>
<DIV id="divAdLeft" style="DISPLAY: none; POSITION: absolute; TOP: 10px"><script language="JavaScript">ShowRightAdDiv();</script></DIV>
<DIV id="divAdRight" style="DISPLAY: none; POSITION: absolute; TOP: 10px"><script language="JavaScript">ShowLeftAdDiv();</script></DIV>
<SCRIPT language=JavaScript>
window.onresize=ShowAdDiv;
function FloatTopDiv()
{

var ns = (navigator.appName.indexOf("Netscape") != -1);

if(!ns)
{
startLX = ((document.body.clientWidth -1215)/2) + 105 , startLY = 0;

startRX = ((document.body.clientWidth)/2) + 391 , startRY = 0;
}
else
{
startLX = ((document.body.clientWidth -1215)/2) + 105 , startLY = 0;
startRX = ((document.body.clientWidth -775)/2) + 778 , startRY = 0;
}
var d = document;

function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
el.sP=function(x,y){this.style.left=x;this.style.top=y;};
el.x = startRX;
el.y = startRY;
return el;
}
function m2(id)
{
var e2=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
e2.sP=function(x,y){this.style.left=x;this.style.top=y;};
e2.x = startLX;
e2.y = startLY;
return e2;
}
window.stayTopLeft=function()
{
if (document.documentElement && document.documentElement.scrollTop)
var pY = document.documentElement.scrollTop;
else if (document.body)
var pY = document.body.scrollTop;
if (document.body.scrollTop > 10){startLY = 10;startRY = 10;} else {startLY = 10;startRY = 10;};
ftlObj.y += (pY+startRY-ftlObj.y)/16;
ftlObj.sP(ftlObj.x, ftlObj.y);
ftlObj2.y += (pY+startLY-ftlObj2.y)/16;
ftlObj2.sP(ftlObj2.x, ftlObj2.y);
setTimeout("stayTopLeft()", 1);
}
ftlObj = ml("divAdRight");
ftlObj2 = m2("divAdLeft");
stayTopLeft();
}

function ShowAdDiv()
{
var objAdDivRight = document.getElementById("divAdRight");
var objAdDivLeft = document.getElementById("divAdLeft");


if (document.body.clientWidth < 980)
{
objAdDivRight.style.display = "none";
objAdDivLeft.style.display = "none";
}
else
{

objAdDivRight.style.display = "block";
objAdDivLeft.style.display = "block";
FloatTopDiv();
}

}
ShowAdDiv();
</SCRIPT>
Trong đó: 
  • Màu xanh: là linh ảnh hiện thị
  • Màu đỏ: là lien kết tới trang quảng cáo
Chúc thành công!

Tạo Dropdown Menu đơn giản

Posted: 05 Feb 2012 06:36 AM PST




 Xem Demo
Đầu tiên, bạn chèn đoạn sau ngay bên dưới thẻ <body> hoặc phía trên <div id='outer-wrapper'>
<link href='http://dl.dropbox.com/u/11103024/menu.css' media='screen' rel='stylesheet' type='text/css'/>
<b:section id='menu' maxwidgets='1' showaddelement='no'>
<b:widget id='HTML91' locked='false' title='Menu' type='HTML'/>
</b:section>
Đoạn mã trên sẽ tạo một tiện ích Javascript/HTML mới trên blog của bạn, hãy quay lại Phần tử trang rồi tiếp tục chèn vào tiện ích này:
<ul class="menu">
<li class="no_drop"><a href="#">Home</a></li>
<li><a href="#" class="drop">1 Column</a>
<div class="dropdown_1column">
<div class="col_1">
<ul>
<li><a href="#">FreelanceSwitch</a></li>
<li><a href="#">Creattica</a></li>
<li><a href="#">WorkAwesome</a></li>
<li><a href="#">Mac Apps</a></li>
<li><a href="#">Web Apps</a></li>
<li><a href="#">NetTuts</a></li>
<li><a href="#">Design</a></li>
<li><a href="#">Logo</a></li>
<li><a href="#">Flash</a></li>
<li><a href="#">Illustration</a></li>
<li><a href="#">More...</a></li>
</ul>
</div></div></li>

<li><a href="#" class="drop">2 columns</a>
<div class="dropdown_2columns">

<div class="col_1">
<h3>Some Links</h3>
<ul>
<li><a href="#">ThemeForest</a></li>
<li><a href="#">GraphicRiver</a></li>
<li><a href="#">ActiveDen</a></li>
</ul>
</div>

<div class="col_1">
<h3>Useful Links</h3>
<ul>
<li><a href="#">NetTuts</a></li>
<li><a href="#">VectorTuts</a></li>
<li><a href="#">PsdTuts</a></li>
</ul>
</div>

<div class="col_1">
<h3>Other Stuff</h3>
<ul>
<li><a href="#">FreelanceSwitch</a></li>
<li><a href="#">Creattica</a></li>
<li><a href="#">WorkAwesome</a></li>
</ul>
</div>

<div class="col_1">
<h3>Misc</h3>
<ul>
<li><a href="#">Design</a></li>
<li><a href="#">Logo</a></li>
<li><a href="#">Flash</a></li>
</ul>
</div></div></li></ul>

Lưu lại và kiểm tra kết quả. Do mã CSS của menu khá dài nên Noct đã chuyển chúng vào trong file menu.css để tiện đăng bài, bạn có thể chuyển ngược lại vào phía trên thẻ</b:skin> trong template để chỉnh sửa, và đừng quên xóa dòng màu xanh
Nếu file die các bạn copy dòng này đặt trước thẻ ]]></b:skin>:
#menu h2 {display:none}

.menu,.menu h3,.menu a,.menu ul,.menu li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

:focus { outline: 0 }

.menu ul,.menu li {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
line-height:21px;
text-align:left; }

.menu h3 {
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
font-size:14px;
line-height:21px;
margin-top:7px;
margin-bottom:14px;
padding-bottom:7px;
text-shadow: 1px 1px 1px #FFFFFF;
border-bottom:1px solid #888888; }

.menu {
list-style:none;
width:900px;
margin:30px auto 0px auto;
height:43px;
padding:0px 20px 0px 20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #830701;
border: 1px solid #a40802;
border-top: 1px solid #fd190f;
background: -moz-linear-gradient(top, #d70b02, #830701);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d70b02), to(#830701)); }

.menu li {
float:left;
text-align:center;
position:relative;
padding: 4px 10px 4px 10px;
margin-right:30px;
margin-top:7px;
border:none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px; }

.menu li:hover {
z-index:2;
background:#F4F4F4;
border:1px solid #aaaaaa;
padding: 4px 9px 4px 9px;
background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
-khtml-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px; }

.menu li.no_drop:hover {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px; }

.menu li a {
color: #FFFFFF;
outline:0;
text-decoration:none;
display:block;
text-shadow: 1px 1px 1px #000; }

.menu li:hover a { color:#161616; text-shadow: none; }

.menu li .drop {
padding-right:21px;
background:url(https://lh6.googleusercontent.com/-XfYgASGcAiU/TfJS0sadoEI/AAAAAAAAA2s/uRaUd3HYceo/drop.png) no-repeat right 8px; }

.menu li:hover .drop {
padding-right:21px;
background:url(https://lh6.googleusercontent.com/-XfYgASGcAiU/TfJS0sadoEI/AAAAAAAAA2s/uRaUd3HYceo/drop.png) no-repeat right 7px; }

.menu li:hover div a { color:#a40802; }
.menu li:hover div a:hover { color:#fd190f; }
.menu li ul li a:hover { color:#fd190f; }

.dropdown_1column,.dropdown_2columns {
margin:4px auto;
position:absolute;
background:#F4F4F4;
border:1px solid #aaaaaa;
border-top:none;
padding:10px 5px 10px 5px;
background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB)); }

.dropdown_1column,.dropdown_2columns {
left:-999em;
text-align:left;
-moz-border-radius: 0px 5px 5px 5px;
-webkit-border-radius: 0px 5px 5px 5px;
-khtml-border-radius: 0px 5px 5px 5px;
border-radius: 0px 5px 5px 5px; }

.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}

.menu li:hover .dropdown_1column,.menu li:hover .dropdown_2columns{left:-1px;top:auto}

.col_1,.col_2 {
display:inline;
float: left;
position: relative;
margin-left: 5px;
margin-right: 5px; }

.col_1 {width:130px;}
.col_2 {width:270px;}

.menu li ul { list-style:none; padding:0; margin:0 0 12px 0; }

.menu li ul li {
font-size:12px;
line-height:24px;
position:relative;
text-shadow: 1px 1px 1px #ffffff;
padding:0;
margin:0;
float:none;
text-align:left;
width:130px; }

.menu li ul li:hover {background:none; border:none; padding:0; margin:0; }
Chúc thành công!.

Tạo trang diễn đàn cho Blogger

Posted: 05 Feb 2012 06:36 AM PST


Diễn đàn (Forum) hoàn toàn khác với Blog. Diễn đàn là nơi người đọc có thể liên hệ tương tác với nhau, tạo các chủ đề thảo luận để cùng chia sẻ thông tin hữu ích một cách dễ dàng.
Trên Blogger, bạn không được phép tạo tên miền phụ hay thư mục mới để mà có thể thiết kế được một diễn đàn. Vì thế nếu bạn muốn có một trang diễn đàn trên Blogger thì bạn phải cần một thủ thuật nào đó. Và thủ thuật sau đây sẽ giúp bạn thực hiện được yêu cầu này.


Xem Demo

1. Sau khi đăng nhập Blogger, bạn cần tạo một trang tĩnh (static page). Vào Design >>Posting >> Edit Pages >> New Page và tạo một trang có tiêu đề là forum. Ghi nhớ liên kết của trang forum có dạng như thế này:
 

http://yourblogname.blogspot.com/p/forum.html
 .

2. Tạo một diễn đàn miễn phí tại 
Nabble: Bạn điền thông tin cá nhân vào Form đăng ký, quan trọng nhất là địa chỉ email và mật khẩu đăng nhập. Nabble sẽ gửi email kích hoạt xác nhận vào địa chỉ email mà bạn đăng ký. Đăng nhập vào tài khoản email của bạn, vào hộp mail (có thể nằm trong họp thư rác) rồi kích vào link xác nhận để kích hoạt tài khoản Nabble của bạn. Bạn cần ghi nhớ mật khẩu đăng nhập.

Trong quá trình tạo tài khoản, bạn cần đặt một cái tên cho diễn đàn của bạn, ví dụ như: My Blogger Forum chẳng hạn. Sau khi đăng ký và kích hoạt thành công, bạn đăng nhập vào tài khoản Nabble và chọn Embedding Options. Copy đoạn code HTML.

3. Tại tài khoản Blogger, vàoDesign >> Edit HTML và chọn "Expand Widget Templates".
Nhấn phím kết hợp Ctrl + F và tìm dòng code:
<div id='content-wrapper'>

Dán đoạn code sau đây vào trên dòng code nói trên.
<b:if cond='data:blog.url == "http://yourblogname.blogspot.com/p/forum.html"'>
Đoạn code từ Nabble lấy được ở bước 2
</b:if>
4. Bước kế tiếp là dấu một số thành phần trên Blog của bạn khi hiển thị trang forum. Dán đoạn code như dưới đây vào sau dòng ]]></b:skin>.
<b:if cond='data:blog.url == "http://yourblogname.blogspot.com/p/forum.html"'>
<style type='text/css'>
#content-wrapper {
display:none !important;
}
</style>
</b:if>
Lưu Template là xong. Bây giờ bạn có thể dành thời gian mời bạn bè tham gia diễn đàn của bạn được rồi đấy.

Chú ý: Nếu bạn muốn tạo một diễn đàn độc lập trên Blogger thì bạn phải tạo một Blog mới. Sau đó vào chỉnh sửa Template, xóa toàn bộ phần code giữa 2 thẻ <body>, </body> và thay bằng đoạn code lấy được trên Nabble ở bước 2.

Nếu bạn có một tên miền tùy chỉnh thì có thể tạo một subdomain dưới dạnghttp://forum.yourdomain.com/ cũng là một giải pháp tốt.
Chúc thành công!
Theo:Thuthuatblogger.

Ẩn sidebar khi xem bài viết

Posted: 05 Feb 2012 06:36 AM PST


Ẩn sidebar khi xem bài viết

Các bạn có thể xem Demo ngay tại thời điểm mình đăng bài viết này.

☼ Ở thủ thuật này ta sẽ có 2 bước phải thực hiên:


A. Bước 1 : Ẩn sidebar ở trang bài viết
1. Vào Thiết Kế
2. Vào Chỉnh sửa code HTML (không cần nhấp chọn mở rộng mẫu tiện ích)
3. Tìm đoạn code của sidebar, tương tự như bên dưới:
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
...
...
...
</b:section>
</div>

- Các bạn phải  xác định đúng thẻ đóng  </div>  của sidebar nếu không khi Save template sẽ báo lỗi.
4. Thêm đoạn code màu đỏ vào như bên dưới:

<b:if cond='data:blog.pageType != "item"'> 
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
...
...
...
</b:section>
</div>
</b:if>

5. Save template.

B. Bước 2 : tùy chỉnh lại code CSS của class main (Tùy Template khác nhau mà Class main có tên khác, như : content, main-wrapper,... )
- Thủ thuật chính trong bài viết này chính là ẩn sidebar và hiển thị style riêng cho class main khi ta đọc bài viết. Do vậy ta phải dùng tới lệnh b:if để làm việc này.

1. Đầu tiên hãy xác định code CSS của class main:

       + Vào Thiết Kế
       + Vào Chỉnh sửa code HTML
       + Tìm đoạn code CSS của class main , nó trông giống như bên dưới:


#main {
width:540px;
float: left;
word-wrap: break-word;
overflow: hidden;
}

2. Khi tìm được code của class main, ta thay thế nó bằng đoạn code như bên dưới:

<style>
<b:if cond='data:blog.pageType == "item"'>
#main {
float: left;
word-wrap: break-word;
overflow: hidden;
}
<b:else/>
#main {
width:540px;
float: left;
word-wrap: break-word;
overflow: hidden;
}
</b:if>

</style>
- Ở trên ta bỏ thuộc tính width:540px; để bài viết có thể lấp đi phần trống do Sidebar ẩn để lại.

- Các thuộc tính nên thay đổi hợp lý nhất là thuộc tính  float: left;  của class main và class sidebar phải ngược nhau, tức là trong trường hợp này thuộc tính float của sidebar sẽ là  float: right; . Mình lưu ý điều này chủ yếu là giúp cho bố cục blog trông hợp lý hơn thôi.
- Một điều lưu ý cuối cùng : ở 1 số template ta sẽ thấy thuộc tính float có dạng  float: $startSide; hoặc float:  $endSide; , hay thay đổi nó lại thành  float: left;  hoặc  float: right; 
3. Sau khi thay thế xong ta tiếp tục thực hiện bước cuối cùng, đó là di chuyển toàn bộ đoạn code vừa thay thế được đến vị trí ngay sau đoạn code   ]]></b:skin>   trong code template.
- Sở dĩ phải làm vậy là do ta không thể dùng lệnh  b:if  trong thẻ  ]]></b:skin>  được.

4. Cuối cùng là save template.

HẢI PHÒNG TP TÔI YÊU

Posted: 05 Feb 2012 06:36 AM PST


Posted: 03 Feb 2012 10:19 PM PST

Bài hát "Kể chuyện người cộng sản" - sáng tác của cố nhạc sĩ Trần Hoàn, được một lớp thính giả gọi là bài hát về Hải Phòng những năm 30, gắn với sự hy sinh của đồng chí Nguyễn Đức Cảnh - một trong những người cộng sản đầu tiên sáng lập Đảng ta. Địa danh bờ làng sông Cấm canh khuya chưa tàn đèn được nhắc đến trong mạch câu chuyện cảm động vì còn có muôn nghìn người đang khóc, tiếc thương người cộng sản trẻ tuổi đã ngã xuống vì nụ cười cho muôn kiếp cần lao.
Hợp xướng "Kể chuyện người cộng sản" - được Trần Hoàn sáng tác năm 1960. Ít ai biết lời bài hát là của Anh Việt- Hồ An có tên trong Kỷ yếu Hội viên Hội Nhà văn Hải Phòng. Và đó là những ca từ đặc biệt bởi độ dài của các tầng con chữ làm nổi bật sự gắn kết giữa quá trình hoạt động cách mạng của người cộng sản Nguyễn Đức Cảnh và nhân dân Hải Phòng theo kết cấu mở: Từ tăm tối đến bừng sáng, từ đơn lẻ đến lớp lớp sóng trào tinh thần cách mạng. Một số lời trích sau đây cho thấy tinh thần ấy. Ở lời 1, Anh Việt- Hồ An viết: "Từ thuở ấy đất nước còn điêu tàn/ Nhân dân bị xéo giày trong tù đày, trong ngục tối/ Ngày và đêm trên đôi vai trĩu xiềng gông. Đời như chẳng còn nguồn sống, tàn lụi xuống". Trong bối cảnh ấy, "Người đồng chí hy sinh cả đời mình. Từ trong lớp thợ thuyền đi theo Đảng, theo dân". Lời 2 là kể tiếp Hải Phòng từ khi đồng chí Nguyễn Đức Cảnh về hoạt động: "Rồi từ ấy, xóm vắng và quê nghèo/ Đêm đêm lần đi về trong lòng người gieo hạt giống/ Ngùn ngụt cháy trong tim của người dân từ lâu oán thù chồng chất ngọn lửa hờn uất./ Cùng toàn dân đinh ninh một lời thề/. Vùng lên để diệt thù anh dẫn đầu tiên phong/. Giành cuộc sống trong tay lũ bạo cường về với lớp thợ thuyền, với dân cày bốn phương...". Lời 3 và lời 4 kể về tinh thần dũng cảm và ảnh hưởng lớn lao từ cái chết của người cộng sản trẻ tuổi Nguyễn Đức Cảnh trên vùng cửa biển Hải Phòng: "Rồi một sớm, phố xá lặng u buồn/ Tin anh lọt tay giặc mang tù đày trong ngục tối/ Người đồng chí qua bao giông tố đòn tra còn hơi sức những ngày cuối anh còn tranh đấu/ Vừng hồng lên sương đêm chưa chịu tan/ Người chiến sĩ từ trần vì lũ giặc/ Bờ làng sông Cấm canh khuya chưa tàn đèn vì còn có muôn nghìn người đang khóc tiếc thương người/ Hôm nay Hải Phòng đang nhộn nhịp xây cuộc sống/ Một mùa xuân reo vang trên bến tàu vui rọi tươi những thôn cày cấy chan hòa nhà máy/ Người đồng chí hy sinh cả đời mình cho đời sau...".
Để phù hợp với câu chuyện kể, nhạc sĩ Trần Hoàn đã làm chuyển động lớp lớp ca từ trên bằng giai điệu âm nhạc chậm vừa, tha thiết. Giọng nhạc giàu chất tự sự tạo nên một tác phẩm giàu hình ảnh trong sáng, tươi vui, tràn đầy lạc quan… Dưới hình thức hợp xướng, "Kể chuyện người cộng sản" đã khái quát lên hình tượng những người cộng sản dám xả thân vì sự nghiệp cách mạng, cho nhân dân thoát khỏi xiềng gông áp bức của quân xâm lược. Đồng thời cho thấy sức sống của những hạt giống đỏ mà người cộng sản gieo trồng bằng xương máu cho cuộc sống hôm nay.
Trong những thập kỷ trước, "Kể chuyện người cộng sản" được vang lên nhiều lần trên sân khấu ca nhạc thành phố những ngày lễ lớn. Album "Về thăm thành phố Hải Phòng" của nhạc sĩ Trần Hoàn cũng có bài này. Cũng như Hải Phòng, bờ làng sông Cấm nay đã khác xưa. Nhưng, mỗi dịp kỷ niệm mừng Đảng, mừng Xuân, mừng đất nước, nghe lại " Kể chuyện người cộng sản" càng nhớ hơn, trân trọng hơn Trần Hoàn - người nhạc sĩ luôn đồng hành với từng giai đoạn lịch sử bằng những ca khúc thể hiện phong cách riêng cũng như tâm hồn người văn nghệ xung kích của ông, trong đó câu chuyện âm nhạc về người cộng sản Nguyễn Đức Cảnh mà ông để lại luôn có giá trị giáo dục truyền thống sâu sắc.
Ngọc Anh

TVUPlayer 2.5.0.1 Phần mềm xem tivi trực tuyến chất lượng

Posted: 05 Feb 2012 06:36 AM PST

TVUPlayer cho phép người dùng xem trực tiếp các chương trình TV trên thế giới với chất lượng cao. Mạng của TVU mang đến nhiều chương trình trên thế giới mà bạn không thể có được từ cab riêng của bạn hay vệ tinh cung cấp.
Chỉ với 1 máy tính có kết nối Internet, bạn có thể xem được các chương trình tivi yêu thích, đó là lợi thế của truyền hình trực tuyến. Và với TVUPlayer, bạn có thể xem rất nhiều kênh truyền hình khác nhau từ Internet, đặc biệt trong đó có cả những kênh tiếng Việt.
TVUPlayer là một trong những chương trình miễn phí giúp xem truyền hình trực tuyến được yêu thích nhất hiện nay trên toàn thế giới, với dung lượng nhỏ gọn và tốc độ ổn định. Một trong những đặc điểm khiến TVUPlayer được yêu thích đó là nó hỗ trợ nhiều kênh truyền hình với những ngôn ngữ khác nhau, trong đó có cả tiếng Việt. 
Sau khi download và cài đặt, bạn kích hoạt để sử dụng chương trình. Giao diện ban đầu của chương trình trông khá đơn giản, với khung hình để xem nội dung ở bên phải và danh sách toàn bộ các kênh ở bên trái.
TVUPlayer 2.5.0.1 Phần mềm xem tivi trực tuyến chất lượng

Có thể nói, sử dụng TVUPlayer rất đơn giản. Các kênh truyền hình được chia theo từng chủ đề, bao gồm tin tức (News), thể thao (Sports), âm nhạc (Music), hoạt hình (Cartoons) hay điện ảnh (Movies)…Tùy thuộc vào nội dung muốn xem, bạn chỉ việc chọn chủ đề ở phía trên, chọn kênh tương ứng ở danh sách hiện ra bên dưới và bắt đầu thưởng thức kênh truyền hình mình đã chọn.
Ví dụ như trong hình bên dưới, chúng ta lựa chọn chủ đề Cartoons (hoạt hình) và lựa chọn 1 kênh bất kỳ trong danh sách đang có. (Chú ý: những kênh màu sáng là những kênh sẵn sàng để bạn coi, còn những kênh màu tối là những kênh chương trình chưa thể kết nối)
TVUPlayer 2.5.0.1 Phần mềm xem tivi trực tuyến chất lượng

Sau khi chọn chủ đề và kênh tương ứng, bạn chờ 1 khoảng thời gian ngắn để chương trình kết nối với kênh mà bạn đã chọn, trong lúc chờ, màn hình có thể sẽ hiện ra 1 vài nội dung quảng cáo, và bạn có thể không cần phải quan tâm đến những nội dung này.
Tuy nhiên, đôi khi có những kênh vì một lý do nào đó, bạn sẽ chỉ nghe được tiếng nhưng không xem được hình hoặc ngược lại. Trong trường hợp này, khi bạn chọn phải kênh đó, chương trình sẽ hiển thị 1 hộp thoại cảnh báo cho bạn biết lỗi có thể xảy ra khi xem kênh đó. Bạn có thể nhấn vào Watch the Channel để tiếp tục xem nếu không có lỗi gì xảy ra (như mất tiếng, mất hình, đứng hình…) hoặc bấm Cancel để quay trở lại kênh đã xem trước đó.
TVUPlayer 2.5.0.1 Phần mềm xem tivi trực tuyến chất lượng

Ngoài việc chia kênh theo các chủ đề, bạn có thể tìm kiếm các kênh truyền hình theo ngôn ngữ. Để tìm kiếm một kênh truyền hình theo ngôn ngữ nào đó, bạn chỉ việc click vào mũi tên ở mục All Languages và chọn ngôn ngữ tương ứng. Trong danh sách các ngôn ngữ hiện ra, bạn chọn Vietnamese để xem các kênh truyền hình bằng tiếng Việt.
TVUPlayer 2.5.0.1 Phần mềm xem tivi trực tuyến chất lượng

Lưu ý: Trước khi chọn ngôn ngữ, bạn chuyển về All ở trên danh sách các chủ đề để hiển thị toàn bộ các kênh, sau đó mới bắt đầu tiến hành lựa chọn ngôn ngữ.
Hiện nay, danh sách các kênh truyền hình bằng tiếng Việt mà bạn có thể xem được là THVL1 và 2 của Đài phát thanh truyền hình Vĩnh Long, InfoTV của OCEAN MEDIA. Ngoài ra, còn có kênh truyền hình VBS, tuy nhiên hiện nay TVUPlayer không phát được kênh này
TVUPlayer 2.5.0.1 Phần mềm xem tivi trực tuyến chất lượng

Khi xem, nếu có một kênh bạn cảm thấy thích và muốn xem lại lần sau nhưng lại không muốn mất thời gian để tìm kiếm kênh đó, bạn chỉ việc nhấn vào nút Add to Favourites ở trên khung hình. Bây giờ, kênh truyền hình này sẽ được đưa vào mục Favourites, và lần sau, bạn chỉ việc chọn Favourites ở trên danh sách các chủ đề và lựa chọn kênh yêu thích của mình.  
TVUPlayer 2.5.0.1 Phần mềm xem tivi trực tuyến chất lượng

Nếu muốn xem với chế độ toàn màn hình, bạn chỉ việc click đôi vào khung trình chiếu của chương trình, hoặc nhấn vào biểu tượng FullView ở góc dưới bên phải.
TVUPlayer 2.5.0.1 Phần mềm xem tivi trực tuyến chất lượng

Để tiến hành tìm kiếm kênh truyền hình theo những chủ đề khác, bạn lưu ý phải thay đổi lại ngôn ngữ thành All Languages trước khi chọn chủ đề, nếu không, bạn chỉ có thể tìm kiếm các kênh truyền hình theo ngôn ngữ đang chọn.
Tóm lại, nếu so với chương trình Stream Torrent mà Dân trí đã giới thiệu trước đây, TVUPlayer có thể nói là vượt trội hơn hẳn về số lượng kênh và tốc độ, đặc biệt, TVU còn hỗ trợ các kênh truyền hình nổi tiếng như Cartoon Networks, Disney Channel, Discovery Channel cũng như rất nhiều kênh truyền hình khác.
Và cuối cùng, một lưu ý quen thuộc để nhắc nhở bạn trước khi quyết định xem truyền hình trực tuyến, đó là nếu đang sử dụng dịch vụ Internet chi trả theo dung lượng thì bạn nên cân nhắc kỹ trước khi sử dụng chương trình.
              Nguồn:dantri
Tải Về:

HẢI PHÒNG TP TÔI YÊU

Posted: 05 Feb 2012 06:36 AM PST

HẢI PHÒNG TP TÔI YÊU


(¯`·.º-:¦:-† namkna †-:¦:-º.·´¯)

Posted: 02 Feb 2012 01:10 PM PST

(¯`·.º-:¦:-† namkna †-:¦:-º.·´¯)


10 thủ thuật giúp tăng traffic cho blogspot

Posted: 02 Feb 2012 03:58 AM PST

Bài viết này bàn về 10 cách dễ dàng Blogger (Blogspot) blogger có thể tăng lưu lượng truy cập trang web và cải thiện SEO - tối ưu hóa công cụ tìm kiếm. Bằng cách thực hiện các bước sau, bạn sẽ cải thiện khả năng của trang web của bạn xếp hạng cao hơn trong kết quả công cụ tìm kiếm của công cụ tìm kiếm Google, Yahoo và MSN và kết quả là gia tăng số lượng khách truy cập trang web của bạn.
Đọc thêm bài viết »

6 bước để chiến thắng "bệnh" lưỡng lự

Posted: 02 Feb 2012 01:04 AM PST

http://tuyensinhtructuyen.com/Cache/Uploads/20111121_085457.jpg

Bước 1:

Hãy quyết định nếu bạn thật sự muốn làm một việc nào đó. Có thể kết quả sẽ không mang lại cho nỗ lực của bạn một sự đền bù tương xứng, nhưng bạn đã "làm" và "nhận" kết quả công việc.
Đọc thêm bài viết »

Đón nhận Visittor thứ 4.000.000 của Blog - Thời kỳ của Blog D-Com 3G

Posted: 01 Feb 2012 11:54 PM PST

Vậy là đã hết tết rùi, người ta bảo tháng riêng là tháng ăn chơi nhưng giờ thì mình thấy không còn ý nghĩa như thế nữa. Không biết do mình cả nghĩ hay đó là sự thật mà mình thấy ở Việt Nam bi giờ cái tết âm lịch không còn ý nghĩa gì nữa rùi, thậm chí còn bé hơn cả cái tết Tây (tết dương lịch).
Đọc thêm bài viết »

Thay Older Post, Newer Post bằng tiêu đề bài viết

Posted: 01 Feb 2012 10:16 PM PST

Bình thường khi vào một blog nào đó khi đọc các bài viết các bạn thấy có một mục là Older Post (Bài đăng cũ hơn) và  Newer Post (Bài đăng Mới hơn). Mục này tiếng việt hay tiếng anh tùy vào tác giả của mỗi Blog cài đặt khác nhau. Để tiện lợi cho các bạn độc giả tiện theo dõi các bài viết qua các tên tiêu đề bài viết sau đây namkna hướng dẫn các bạn thủ thuật thay thế Older Post (Bài đăng Cũ hơn), Newer Post (Bài đăng Mới hơn) bằng tiêu đề Bài đăng tương ứng. Chỉ xuất hiện khi các bạn đọc bài viết, nó giúp những liên kết tới các Bài đăng Cũ hơn và Bài đăng Mới hơn trở nên trực quan, dễ nắm bắt hơn.
Đọc thêm bài viết »

(¯`·.º-:¦:-† namkna †-:¦:-º.·´¯)

Posted: 05 Feb 2012 06:36 AM PST

(¯`·.º-:¦:-† namkna †-:¦:-º.·´¯)


10 thủ thuật giúp tăng traffic cho blogspot

Posted: 02 Feb 2012 03:58 AM PST

Bài viết này bàn về 10 cách dễ dàng Blogger (Blogspot) blogger có thể tăng lưu lượng truy cập trang web và cải thiện SEO - tối ưu hóa công cụ tìm kiếm. Bằng cách thực hiện các bước sau, bạn sẽ cải thiện khả năng của trang web của bạn xếp hạng cao hơn trong kết quả công cụ tìm kiếm của công cụ tìm kiếm Google, Yahoo và MSN và kết quả là gia tăng số lượng khách truy cập trang web của bạn.
Đọc thêm bài viết »

6 bước để chiến thắng "bệnh" lưỡng lự

Posted: 02 Feb 2012 01:04 AM PST

http://tuyensinhtructuyen.com/Cache/Uploads/20111121_085457.jpg

Bước 1:

Hãy quyết định nếu bạn thật sự muốn làm một việc nào đó. Có thể kết quả sẽ không mang lại cho nỗ lực của bạn một sự đền bù tương xứng, nhưng bạn đã "làm" và "nhận" kết quả công việc.
Đọc thêm bài viết »

Đón nhận Visittor thứ 4.000.000 của Blog - Thời kỳ của Blog D-Com 3G

Posted: 01 Feb 2012 11:54 PM PST

Vậy là đã hết tết rùi, người ta bảo tháng riêng là tháng ăn chơi nhưng giờ thì mình thấy không còn ý nghĩa như thế nữa. Không biết do mình cả nghĩ hay đó là sự thật mà mình thấy ở Việt Nam bi giờ cái tết âm lịch không còn ý nghĩa gì nữa rùi, thậm chí còn bé hơn cả cái tết Tây (tết dương lịch).
Đọc thêm bài viết »

Thay Older Post, Newer Post bằng tiêu đề bài viết

Posted: 01 Feb 2012 10:16 PM PST

Bình thường khi vào một blog nào đó khi đọc các bài viết các bạn thấy có một mục là Older Post (Bài đăng cũ hơn) và  Newer Post (Bài đăng Mới hơn). Mục này tiếng việt hay tiếng anh tùy vào tác giả của mỗi Blog cài đặt khác nhau. Để tiện lợi cho các bạn độc giả tiện theo dõi các bài viết qua các tên tiêu đề bài viết sau đây namkna hướng dẫn các bạn thủ thuật thay thế Older Post (Bài đăng Cũ hơn), Newer Post (Bài đăng Mới hơn) bằng tiêu đề Bài đăng tương ứng. Chỉ xuất hiện khi các bạn đọc bài viết, nó giúp những liên kết tới các Bài đăng Cũ hơn và Bài đăng Mới hơn trở nên trực quan, dễ nắm bắt hơn.
Đọc thêm bài viết »

HẢI PHÒNG TP TÔI YÊU

Posted: 05 Feb 2012 06:36 AM PST

HẢI PHÒNG TP TÔI YÊU


Posted: 01 Feb 2012 08:32 PM PST

Tổng hợp những ứng dụng, phần mềm hay cho điện thoại có hổ trợ java

Tổng hợp phần mềm hay cho điện thoại có hổ trợ java S40 


Từ điển Anh- Viet 267000 từ
Từ điển LacViet
Sổ tay đàm thoại Anh-Viet
Luyện thi anh văn toelf
Xem âm lịch trên mobile
Đọc truyện Ebook, xem ảnh
Chat qua blutooth
Diệt virus cho điện thoại
Đồng hồ đếm ngược thời gian
Bản đồ Emap, GoogleMap
Quản lý file cho điện thoại FileExplore, MobileExplore
Phần mềm nghe nhạc KD-Player,LyricShowPlayer
Nghe nhạc online cho mobile Mpod
Chat Ola 3FX, Vitalk
Chat Yahoo trên mobile YM-tiny
Phần mềm lướt Web OperaMini 4.2, OperaMini 5.0, UCWeb
Hát Karaoke trên điện thoại OmaiKaraoke
Đọc truyện trên mobile WattPad 1.2.5,WattPad 1.5.1
Phần mềm giải trí SocBay-imedia
Đọc file word MobileDoc, Đọc file PDF MobilePDF
Hẹn giờ nhắn tin, tin nhắn tình yêu LoveMessage
Phần mềm ghi âm đài radio

và rất nhiều ứng dụng khác nữa, các bạn download về giải nén rồi copy vào điện thoại.
link download:

ArgribankPay- Phần mềm quản lý tài khoản thẻ ATM của Ngân hàng Nông ngiệp và PTNT

Posted: 01 Feb 2012 07:41 PM PST

Chức năng: 

- Vấn tin số dư.
- Vấn tin giao dịch
- Nạp tiền VnTopup
- Chuyển khoản (rất hay, chuyển tiền bất kể ở đâu, không cần đến điểm đặt máy ATM)

Cách sử dụng:
Lần đầu tiên sử dụng, bạn phải đến Ngân hàng nơi bạn mở tài khoản thẻ ATM (chỉ đến một lần duy nhất, lần sau ko phải đến) để đăng kí số điện thoại của bạn để vấn tin. (có thể đăng kí tối đa 02 số điện thoại)
- Cài phần mềm vào BB.
- Chạy phần mềm
- Lần đầu tiên sử dụng bạn phải đặt mật khẩu gồm 08 kí tự (bắt buộc phải 08 kí tự).
- Vào menu chính, chọn các chức năng như tôi đã giói thiệu.
Bây giờ bạn có thể ngồi ở nhà để quản lý tài khoản ATM của mình rồi.
(tất nhiên khi muốn rút tiền bạn phải đến nơi đặt máy ATM rồi, hehe)

Chú ý: 
- Bạn nên cài pm trước khi đi đăng kí tại Ngân hàng, vì có gì thắc mắc ớ đó sẽ giúp bạn
(Còn có cách bây giờ mọi người hay dùng là nhận thông tin TK bằng nhắn tin qua tổng đài, tuy nhiên rắc rối và đắt tiền, 1000đ/tin nhắn. Tiết kiệm là quốc sách)
- Dùng cho tất cả các đời BB, Nokia....nói chung là JAVA.
- Máy phải kết nối GPRS (tiêu tốn ko đáng kể)
- Đã test thử trên BB8700 và Nokia 3230 thấy rất tốt.
Phần mềm sử dụng Free, tuy nhiên bị lỗi font tiếng Việt trên BB, trên Nokia thì chọn chế độ tiếng Việt không dấu 

ArgribankPay- Phần mềm quản lý tài khoản thẻ ATM của Ngân hàng Nông ngiệp và PTNT

ArgribankPay- Phần mềm quản lý tài khoản thẻ ATM của Ngân hàng Nông ngiệp và PTNT

Chúc các bác thành công.

Lọa tập tin: rar ArgribankPay.rar‎ 

Hướng dẫn tạo bài viết liên quan cho blogspot

Posted: 05 Feb 2012 06:36 AM PST




Hướng dẫn tạo bài viết liên quan cho blogspot

Có nhiều cách thêm các bài viết liên quan (những bài viết cùng một Nhãn) cho Blogger, ở đây xin hướng dẫn sử dụng công cụ LinkWithin với các bài viết có ảnh minh họa đi kèm.

Trước tiên bạn truy cập địa chỉ sau đây, nhập và chọn các thông tin phù hợp sau đó nhấn Get Widget.





Một cửa sổ hướng dẫn cài đặt hiện ra nhấn Install Widget và làm theo các bước để hoàn tất.

Tiện ích mới có tên LinkWithin vừa được thêm vào sẽ hiển thị bên dưới mỗi bài viết như hình:




Theo mặc định phía trên tiện ích này hiện dòng chữ các "You may also like:" để thay đổi hãy nhấn Chỉnh sửa tiện ích LinkWithin và bổ sung thêm đoạn code dưới đây:
<script>linkwithin_text='Bạn cũng có thể xem thêm:'</script>




Trong trường hợp có sử dụng Read more nếu không muốn các bài viết liên quan này xuất hiện ở trang chủ, có thể làm như sau:

Nhấn Chỉnh sửa tiện ích LinkWithin, chép toàn bộ đoạn code trong đó ra Notepad (Start -> All Programs -> Accessories ->Notepad) và bổ sung thêm đoạn mã màu nổi bật. Làm xong thì xóa hẳn tiện ích này đi. Đoạn mã trong Notepad tương tự như dưới đây:
<b:if cond='data:blog.pageType == "item"'>
<script>linkwithin_text='Bạn cũng có thể xem:'</script>
<script>

var linkwithin_site_id = 202810;
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts with Thumbnails" style="border: 0" /></a>
</b:if>

Tiếp theo nhấn Design -> Edit HTML, đánh dấu chọn Expand Widget Templates và dán đoạn code đó ngay phía trên <div class='post-footer'> như hình dưới:






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

HẢI PHÒNG TP TÔI YÊU

Posted: 05 Feb 2012 06:36 AM PST

HẢI PHÒNG TP TÔI YÊU


Chia sẻ loa máy tính cho nhiều máy trong LAN

Posted: 31 Jan 2012 03:59 PM PST


Với Share Speaker Player, bạn có thể sử dụng chung một loa phát nhạc cho nhiều máy tính trong mạng nội bộ mà không cần các thao tác phiền phức kia nữa.

Bạn chỉ việc lập danh sách bài hát cần nghe từ một máy bất kỳ, nhạc sẽ được phát trên loa dùng chung. Giả sử bạn có hai máy tính: máy 1 (có IP 192.168.2.100) và máy 2 (có IP 192.168.2.101), loa được kết nối với máy 2. Bạn cài và khởi động sẵn Share Speaker Player lên cả hai máy tính trên. Tại máy 1, bạn bấm nút Add phía dưới giao diện chương trình, chọn Add Local Audio Files để chọn các file nhạc cần phát lưu trên ổ cứng, hay chọnAdd Internet URLs để thêm đường dẫn trực tiếp đến file nhạc trên Internet.


Tên các file nhạc đã chọn sẽ được hiển thị trên giao diện chính của Share Speaker Player. Bạn nhấp mũi tên xổ xuống tại mục Play on chọn IP của máy có gắn sẵn loa phát nhạc. Theo như giả định của bài viết, tác giả chọn máy 2 có IP 192.168.2.101. Sau khi chọn, bạn bấm nút Play để bắt đầu phát nhạc.


Khi phát nhạc, giao diện chương trình sẽ có thêm thẻ 192.168.2.101 Player cho biết nhạc đang được phát bằng loa của máy có IP 192.168.2.101. Thẻ này hiển thị danh sách các bài hát đã chọn, bài hát đang được phát có biểu tượng nốt nhạc bên cạnh. Bạn bấm nút Pause hay Stop trên khung phát nhạc để tạm ngừng và ngưng phát nhạc.


Bạn có thể thay đổi thứ tự phát nhạc bằng cách bấm chuột phải vào tên bài hát, chọn Move Down (đưa bài hát xuống dưới một bài), Move Up (đưa bài hát xuống dưới lên trên một bài), Move to next playing (phát bài hát này sau khi đã phát xong bài hiện tại). Bạn bấm Remove để xóa luôn bài hát ra khỏi danh sách nhạc.


Khi phát nhạc, giao diện Share Speaker Player trên máy 2 xuất hiện thêm thẻ My Player. Thẻ này cũng hiển thị danh sách các bài hát đã chọn ở máy 1. Bạn cũng có thể bấm chuột phải lên tên bài hát, và điều chỉnh lại thứ tự sắp xếp của chúng y như trên máy 1.


Nếu không muốn một máy 1 sử dụng loa của máy 2 nữa, bạn nhấp chuột phải vào vùng bất kỳ trên giao diện Share Speaker Player ở máy 2, chọn mục Disallow Other People to Play on My Computer. Lúc này, ở góc phải giao diện chương trình sẽ có chữ Deny. Các máy tính khác không thể sử dụng loa của máy 2 được nữa.


Phần mềm Share Speaker Player có dung lượng 1,12 MB, tương thích Windows 7/ Windows Vista/ Windows XP/ Windows Server 2003/ Windows Server 2008, bạn tải miễn phí tại đây.
 Tham khảo: Share Speaker Player

(¯`·.º-:¦:-† namkna †-:¦:-º.·´¯)

Posted: 31 Jan 2012 01:36 PM PST

(¯`·.º-:¦:-† namkna †-:¦:-º.·´¯)


Táo Quân 2012 - Gặp Nhau Cuối Năm 2012 Full - 2012

Posted: 31 Jan 2012 02:18 AM PST

free image hosting
Tên phim: Táo Quân 2012 - Gặp Nhau Cuối Năm 2012 Full - 2012
Đạo diễn: Đang cập nhật,
Diễn viên: Quốc Khánh, Công Lý, Chí Trung, Xuân Bắc...,
Thể loại: Ga La Cười
Sản xuất: Đang cập nhật
Quốc gia: Việt Nam
Thời lượng: 198 phút
Năm phát hành: 2012

Xem Phim
Xem Phim
Đọc thêm bài viết »

Thư giãn cuối tuần 28/01/2012 Full Video Clip

Posted: 31 Jan 2012 02:10 AM PST

Thư giãn cuối tuần 21/01/2012 Full Video Clip

Posted: 31 Jan 2012 02:07 AM PST

Thư giãn cuối tuần 14/01/2012 Full Video Clip

Posted: 31 Jan 2012 02:01 AM PST

[Fast Blog Finder] Exclusive offer is coming down soon

Posted: 31 Jan 2012 04:04 AM PST

Hi,

Julia from G-Lock Software here with a quick reminder that our exclusive offer is coming down soon.

You have LESS THAN 24 HOURS to grab your copy of 'Fast Blog Finder v3.2 GOLD edition' with $32 OFF!


Thank you for your time!

My Photo
Julia Gulevich
G-Lock Software
julia@glocksoft.com

P.S Download Fast Blog Finder v3.2.1 at this page to try it yourself and see how powerful this tool is: http://www.fastblogfinder.com/downloads/

P.P.S In the v3.2.1 of Fast Blog Finder we added the ability to use custom footprints. Now you can search for ANY sites on ANY platform and use any backlink opportunity you may come across. Read here how to use custom footprints in Fast Blog Finder v3.2.




--
Our records indicate that you registered Fast Blog Finder Free edition on 2012-01-06 08:52:29.
Your personal key is 1325839950-54530-59914.


No longer interested? Unsubscribe here

(¯`·.º-:¦:-† namkna †-:¦:-º.·´¯)

Posted: 05 Feb 2012 06:36 AM PST

(¯`·.º-:¦:-† namkna †-:¦:-º.·´¯)


Táo Quân 2012 - Gặp Nhau Cuối Năm 2012 Full - 2012

Posted: 31 Jan 2012 02:18 AM PST

free image hosting
Tên phim: Táo Quân 2012 - Gặp Nhau Cuối Năm 2012 Full - 2012
Đạo diễn: Đang cập nhật,
Diễn viên: Quốc Khánh, Công Lý, Chí Trung, Xuân Bắc...,
Thể loại: Ga La Cười
Sản xuất: Đang cập nhật
Quốc gia: Việt Nam
Thời lượng: 198 phút
Năm phát hành: 2012

Xem Phim
Xem Phim
Đọc thêm bài viết »

Thư giãn cuối tuần 28/01/2012 Full Video Clip

Posted: 31 Jan 2012 02:10 AM PST

Thư giãn cuối tuần 21/01/2012 Full Video Clip

Posted: 31 Jan 2012 02:07 AM PST

Thư giãn cuối tuần 14/01/2012 Full Video Clip

Posted: 31 Jan 2012 02:01 AM PST

Sửa lỗi ảnh tràn ra ngoài khung bài viết

Posted: 05 Feb 2012 06:36 AM PST


Nguồn: Sưu tầm 



Giới thiệu: Đôi khi ảnh trên blog của bạn bị tràn ra cả ngoài, trông rất là xấu. Vì vậy để định ảnh không tràn ra ngoài khung bài viết ta cần quy định chiều ngang tối đa cho phép của ảnh, khi đó nếu ảnh quá to sẽ tự thu nhỏ lại theo kích thước quy định. 

Điều chỉnh kích thước MIN và MAX của ảnh hiển thị: Với hình ảnh to hơn giá trị MAX thì sẽ tự động điều chỉnh về giá trị MAX. Nếu ảnh nhỏ hơn giá trị MIN thì sẽ tự điều chỉnh về kích thước MIN. 



CÁCH THỰC HIỆN 

1. Đăng nhập Blogger Dashboard (Bảng điều khiển) 
2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML) 
3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích)

4. Chèn script 

Bước 1: Tìm dòng .post img { hoặc img { hoặc .data-post img { ,...

- Thêm sau nó đoạn code CSS sau:
max-width:500px; /*Chiều rộng tối đa*/
min-width:200px; /*Chiều rộng tối thiểu*/
clear: both;
}

- Nếu không có thì tìm dòng ]]></b:skin> 

- Thêm vào trước nó đoạn code CSS sau:

.post img {
max-width:500px; /*Chiều rộng tối đa*/
min-width:200px; /*Chiều rộng tối thiểu*/
clear:both;
}


Bước 2: Save template. (Lưu mẫu)

Cấm click chuột phải trên Web, Blog

Posted: 05 Feb 2012 06:36 AM PST


Nguồn: Sưu tầm 



Giới thiệu: Vì một lý do nào đó mà bạn không muốn mọi người ghé thăm website hay blog của bạn sử dụng chuột phải. Thì đoạn code sau sẽ giúp bạn việc này. 

Khi ta dùng chuột phải trên blog, thì lập tức một bảng thông báo sẽ xuất hiện. 


CÁCH THỰC HIỆN 

1. Đăng nhập Blogger Dashboard (Bảng điều khiển)
2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML)
3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích)

4. Chèn script

Bước 1: Tìm thẻ đóng </head>

- Thêm vào trước nó đoạn code sau:

<!-- Cấm click chuột phải trên Web, blog -->
<script language='JavaScript'>
var msg="KHÔNG ĐƯỢC CLICK CHUỘT PHẢI ĐÂU NHÉ!!!";
function disableIE() {if (document.all) {alert(msg);return false;}
}
function disableNS(e) {
if (document.layers||(document.getElementById&amp;&amp;!document.all)) {
if (e.which==2||e.which==3) {alert(msg);return false;}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);document.onmousedown=disableNS;
} else {
document.onmouseup=disableNS;document.oncontextmenu=disableIE;
}
document.oncontextmenu=new Function("alert(msg);return false")
</script>

Đoạn code trên là áp dụng cho cả Blog.


Mở rộng thủ thuật

1. Chỉ cấm click chuột phải ở trang bài viết

<b:if cond='data:blog.pageType == "item"'>
Code ở bước 1
</b:if>

2. Chỉ cấm click chuột phải ở trang chủ

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Code ở bước 1
</b:if>

3. Chỉ cấm click chuột phải ở trang chủ, trang nhãn

<b:if cond='data:blog.pageType == "index"'>
Code ở bước 1
</b:if>

4. Chỉ cấm click chuột phải trang lưu trữ

<b:if cond='data:blog.pageType == "archive"'>
Code ở bước 1
</b:if>

5. Chỉ cấm click chuột phải ở trang tĩnh

<b:if cond='data:blog.pageType == "static_page"'>
Code ở bước 1
</b:if>

6. Chỉ cấm click chuột phải ở một trang riêng biệt nào đó

<b:if cond='data:blog.url == "LINK_của_trang_riêng_biệt"'>
Code ở bước 1
</b:if>

7. Cấm hết, chỉ trừ trang bài viết

<b:if cond='data:blog.pageType != "item"'>
Code ở bước 1
</b:if>

Lưu ý: Nếu thay == thành != thì kết quả sẽ ngược lại.

== // Chỉ cấm click chuột phải ở trang ...
!= // Cấm click chuột phải hết ở các trang, trừ trang ...


Bước 2: Save template. (Lưu mẫu)

Không cho quét khối và copy văn bản

Posted: 05 Feb 2012 06:36 AM PST


Nguồn: Sưu tầm 



Giới thiệu: Nếu bạn không muốn mọi người tùy tiện copy bài trên blog của bạn khi chưa được sự đồng ý của bạn, thì đoạn code sau sẽ giúp bạn vô hiệu hóa sự quét khối trên blog để ngăn việc copy các bài viết. 


CÁCH THỰC HIỆN 

1. Đăng nhập Blogger Dashboard (Bảng điều khiển) 
2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML) 
3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích)

4. Chèn script 

Bước 1: Tìm thẻ đóng </head>

- Thêm vào trước nó đoạn code sau:

<!-- Không cho quét khối và copy văn bản -->
<script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
//if IE4+
document.onselectstart=new Function ("return false")
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

Đoạn code trên là áp dụng cho cả Blog.


Mở rộng thủ thuật

1. Chỉ cấm sao chép ở trang bài viết

<b:if cond='data:blog.pageType == "item"'>
Code ở bước 1
</b:if>

2. Chỉ cấm sao chép ở trang chủ

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Code ở bước 1
</b:if>

3. Chỉ cấm sao chép ở trang chủ, trang nhãn

<b:if cond='data:blog.pageType == "index"'>
Code ở bước 1
</b:if>

4. Chỉ cấm sao chép trang lưu trữ

<b:if cond='data:blog.pageType == "archive"'>
Code ở bước 1
</b:if>

5. Chỉ cấm sao chép ở trang tĩnh

<b:if cond='data:blog.pageType == "static_page"'>
Code ở bước 1
</b:if>

6. Chỉ cấm sao chép ở một trang riêng biệt nào đó

<b:if cond='data:blog.url == "LINK_của_trang_riêng_biệt"'>
Code ở bước 1
</b:if>

7. Cấm hết, chỉ trừ trang bài viết

<b:if cond='data:blog.pageType != "item"'>
Code ở bước 1
</b:if>

Lưu ý: Nếu thay == thành != thì kết quả sẽ ngược lại. 

== // Chỉ cấm sao chép ở trang ...
!= // Cấm sao chép hết ở các trang, trừ trang ...


Bước 2: Save template. (Lưu mẫu)

Vô hiệu hóa chức năng Copy, Paste

Posted: 05 Feb 2012 06:36 AM PST

 




Giới thiệu: Với đoạn code này, mọi thao tác trên blog đều diễn ra bình thường, vẫn quét khối được, vẫn thấy chữ copy khi click chuột phải, nhưng khi paste vào đâu đó (như word, forum,…) thì không ra, vì chức năng sao chép này đã bị vô hiệu hóa.


CÁCH THỰC HIỆN 

1. Đăng nhập Blogger Dashboard (Bảng điều khiển) 
2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML) 
3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích)

4. Chèn script

Bước 1: Tìm thẻ <body> 

- Thay thế bằng thẻ sau:

/*Vô hiệu hóa chức năng Copy, Paste*/
<body oncopy="return false" onpaste="return false" oncut="return false">


Bước 2: Save template. (Lưu mẫu)

Không cho click chuột phải lên hình ảnh

Posted: 05 Feb 2012 06:36 AM PST





Giới thiệu: Với chức năng này, bạn sẽ không click chuột phải lên hình ảnh để "Save as" về máy được. Hay "Copy image url",… Mục đích của thủ thuật này là ngăn không cho save ảnh về máy. 


CÁCH THỰC HIỆN 

1. Đăng nhập Blogger Dashboard (Bảng điều khiển) 
2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML) 
3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích)

4. Chèn script 

Bước 1: Tìm thẻ đóng </head>

- Thêm vào trước nó đoạn code sau:

<!-- Không cho click chuột phải lên hình ảnh -->
<script>
$(function() {
$('img').bind("contextmenu", function(event_click) {
event_click.preventDefault();
});
});
</script>


Bước 2: Save template. (Lưu mẫu)

Button lên, xuống, vào giữa trang blog

Posted: 05 Feb 2012 06:36 AM PST




Giới thiệu: Để tiện cho việc người khác lướt blog (web) của mình, các bạn có thể tạo các nút nhảy lên đầu trang, nhảy xuống cuối trang, hoặc nhảy vào giữa trang. 


CÁCH THỰC HIỆN 

1. Đăng nhập Blogger Dashboard (Bảng điều khiển) 
2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML) 
3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích)

4. Chèn script 

Bước 1: Tìm dòng ]]></b:skin>

- Thêm vào trước nó đoạn code CSS sau:

/* Button lên, xuống, vào giữa trang blog (1)*/
#top-buttom_image {
position:fixed;
_position:absolute;

/*Vị trí đặt button*/
bottom:5px;
right:5px;

clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}

Bước 2: Tìm thẻ đóng </body>

- Thêm vào trước nó đoạn code sau:

<!-- Button lên, xuống, vào giữa trang blog (2) -->
<script type='text/javascript'>
var maxWidth = (document.body.clientWidth);
var maxHeight = (document.body.clientHeight);
</script>

<div id='top-buttom_image'>
<a href=' javascript:top.window.scrollTo(0,0)' title='Lên đầu trang'><img alt='Lên đầu trang' border='2' src='LINK_HÌNH'/></a><br/>

<a href='javascript:window.scrollTo(maxWidth,maxHeight/2)' title='Vào giữa trang'><img alt='Vào giữa trang' border='2' src='LINK_HÌNH'/></a><br/>

<a href='javascript:window.scrollTo(0,999999)' title='Xuống cuối trang'><img alt='Xuống cuối trang' border='2' src='LINK_HÌNH'/></a>
</div>

Thay LINK_HÌNH thành link ảnh button của bạn.


Bước 3: Save template. (Lưu mẫu)


Một số mẫu button

          

Tạo bài viết liên quan (Related Posts)

Posted: 05 Feb 2012 06:36 AM PST



Related Posts

Giới thiệu: Tiện ích cho phép hiển thị các bài viết liên quan (có cùng nhãn) ở cuối mỗi bài viết. Thủ thuật có sử dụng CSS để làm cho tiện ích trông bắt mắt hơn. Ngoài ra, cũng để khách viếng thăm dễ theo dõi chủ đề liên quan hơn.


CÁCH THỰC HIỆN 

1. Đăng nhập Blogger Dashboard (Bảng điều khiển) 
2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML) 
3. Đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích) 

4. Chèn script 

Bước 1: Tìm thẻ đóng </head> 

- Thêm vào trước nó đoạn code sau:

<!-- Widget bài viết liên quan (1) -->
<style>
/*Khung chính của bài viết liên quan*/
#related-posts {
float:left;
min-width: 100%;
margin: 30px 5px 30px 0;
font: 11px Tahoma;
}

#related-posts .widget {
List-style-type: none;
margin: 5px 0 5px 0;
padding: 0;
}

#related-posts .widget h2, #related-posts h2 {
color: #940f04;
font-size: 20px;
font-weight: normal;
margin: 5px 7px 0;
padding: 0 0 5px;
}

/*Màu link của bài viết liên quan*/
#related-posts a {
color: #318686;
font-size: 13px;
text-decoration: none;
}

/*Màu link khi rê chuột vào*/
#related-posts a:hover {
color: #C4436A;
text-decoration: underline;
}

#related-posts ul {
border: medium none;
margin: 10px;
padding: 0;
}

#related-posts ul li {
display: block;
background: url(https://lh5.googleusercontent.com/-zKhXxJUpROA/Tmr926k_EBI/AAAAAAAACks/1LrFz96DwAI/List_1.png) no-repeat 0 0;
margin: 0;
padding: 0 0 1px 16px;
margin-bottom: 5px;
line-height: 2em;
border-bottom:1px dotted #cccccc; /*Gạch đích dưới mỗi link bài viết liên quan*/
}
</style>

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

var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
}
//]]>
</script>



Bước 2: Tìm dòng <data:post.body/>

- Thêm vào sau nó đoạn code sau:

<!-- Widget bài viết liên quan (2) -->
<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">

<div style='border-top:#AAAE95 1px dashed; margin: 0 50px 0 50px; padding-top:30px;'/>
<font face='Arial' size='3'><b>Bài viết liên quan: </b></font>

<font color='#FF0000'> <!-- Màu chữ label -->
<b:loop values='data:post.labels' var='label'>
<data:label.name/> <!--Dòng code hiện label kế bên bài viết liên quan-->
<b:if cond='data:label.isLast != "true"'>
, <!--Dấu phẩy ngăn cách các label -->
</b:if>
<b:if cond='data:blog.pageType == "item"'>

<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=8"' type='text/javascript'/>
</b:if>
</b:loop>
</font>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
</b:if>

max-results=8 // Số bài viết liên quan hiển thị

Lưu ý: Đối với những blog có tiện ích đọc thêm (Read more...) thì việc bạn đặt code trên trước hay sau code của link Readmore đều không quan trọng (do 2 tiện ích này không thể xuất hiện chung trên một trang), quan trọng là các code này phải được đặt sau dòng <data:post.body/>


Bước 3: Save template. (Lưu mẫu)

Posted: 05 Feb 2012 06:36 AM PST

Đăng bởi: Rua
Thứ tư, tháng tư 06, 2011
[29] 
Thủ thuật: Tiện ích hiển thị tổng số bài viết và comment 
Nguồn: [FD's BlOg] 



Giới thiệu: Với tiện ích này, tổng số lượng comment và số lượng bài viết trên blog sẽ được hiển thị. Tiện ích sẽ tổng kết số lượng bài viết và số lượng comment có trên blog để mọi người tiện theo dõi. Vị trí đặt trên blog thì tùy bạn.


CÁCH THỰC HIỆN 

1. Đăng nhập Blogger Dashboard (Bảng điều khiển)
2. Chọn: Design (Thiết kế) > Page Elements (Chỉnh sữa trang)

Bước 1: Chọn vị trí muốn thêm widget (tiện ích). Chọn Add a Gadget (Thêm tiện ích)

- Chọn thêm tiện ích HTML/Javascript và dán đoạn mã sau vào:

<!-- Tiện ích hiển thị tổng số bài viết và comment -->
<script style="text/javascript">
function numberOfPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function numberOfComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<ul><li><script src="http://haiphongclan.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li>
<li><script src="http://haiphongclan.blogspot.com.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul>

haiphongclan.blogspot.com // Nhớ thay cả 2 dòng thành địa chỉ blog của bạn.

Có thể thêm các code trang trí vào đoạn code trên, như màu nền, màu chữ, viền khung,…


Bước 2: Save. (Lưu)

Click chuột vào button, một hộp thoại hiển thị

Posted: 05 Feb 2012 06:36 AM PST





Giới thiệu: Một trong những ứng dụng của tiện ích jQuery. Khi ta click chuột vào nút nhấn, một hộp thoại sẽ hiển thị.

Lưu ý là nội dung trong hộp thoại không được enter xuống hàng (nghĩa là phải viết liền trong một câu). Muốn cho câu xuống dòng thì space (tạo khoảng trắng nhiều cho đến khi thấy chữ xuống hàng là được).

Ví dụ: 


CÁCH THỰC HIỆN 

1. Đăng nhập Blogger Dashboard (Bảng điều khiển)
2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML)
3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích)

4. Chèn script

Bước 1: Yêu cầu phải có jQuery. (Có rồi thì bỏ qua)

1. Tải về máy một trong ba phiên bản jQuery sau: 1.3.1 | 1.3.2 | 1.4.3

2. Up lên host cho link direct.

- Gợi ý: Dùng host của google: http://code.google.com/
- Hướng dẫn: Here
- Sau khi up lên host, thì lấy link vừa up.

3. Tìm thẻ <head>

- Thêm vào dưới nó đoạn code sau:
(Nhớ thay jQuery.JS bằng link mới bạn vừa up lên host)

<script src='jQuery.JS' type='text/javascript'/>


4. Save template. (Lưu mẫu)


Bước 2: Cho vào bài viết, template, hoặc widget (tiện ích) với đoạn script sau:

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#Name").click(function(){
alert("NỘI DUNG HIỂN THỊ TRONG HỘP THOẠI KHI CLICK");
});
});
</script>
<input type="button" value="Click me" id="Name"/>
("#Name") // Tên cho hộp thoại
id="Name" // Tên hộp thoại sẽ hiển thị.


- Nếu một trang hay bài viết sử dụng nhiều hộp thoại thì:

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#Name.1").click(function(){
alert("NỘI DUNG HIỂN THỊ TRONG HỘP THOẠI KHI CLICK Name.1");
});

jQuery("#Name.2").click(function(){
alert("NỘI DUNG HIỂN THỊ TRONG HỘP THOẠI KHI CLICK Name.2");
});

jQuery("#Name.3").click(function(){
alert("NỘI DUNG HIỂN THỊ TRONG HỘP THOẠI KHI CLICK Name.3");
});

});
</script>
<input type="button" value="Click me" id="Name.1"/>
<input type="button" value="Click me" id="Name.2"/>
<input type="button" value="Click me" id="Name.3"/>

Ba dòng cuối đặt ở vị trí nào cũng được. 

HẢI PHÒNG TP TÔI YÊU

Posted: 05 Feb 2012 06:36 AM PST

HẢI PHÒNG TP TÔI YÊU


game điện thoại

Posted: 20 Dec 2011 06:00 AM PST

tlbb vh
>> Thiên long bát bộ việt hóa 240x320.jar
audition việt hóa
>> Audition việt hóa 128x160.jar
Audition_việt hóa 240x320.jar
Đế chế 3 việt hóa
> Đế chế 3 vh 128x160.jar
Đế chế 3_việt hóa 240x320.jar
>> Vua cướp biển,việt hóa 128x160 (588.kb).jar
doi bong da thieu lam
>> Đội bóng thiếu lâm vh 240x320.jar
Kiếm thế mobile,việt hóa
Kiếm thế việt hóa 240x320.jar
mot thoi hoang kim
>> một thời hoàng kim vh.240x320.jar
 Dot kich 3d
>> đột kích 3d việt hóa 240x320.jar
hon kiem
>> Hồn kiếm,việt hóa,240x320.jar
AOw de che 3d
Aow_2_vh 128x160.jar
AOW2_vh_240x320 (914.kb).jar
Doremon thoj tam quoc
>> đôrêmon thời tam quốc 240x320.jar
Tam quoc
- tam quốc 240x320.jar
HoaVanCuongDaoVh.jar
Hoa van cuong dao
Real soccer 2011 việt hóa
Real footlball 2008 3d

Real football 2008 3d (961.kb) tất cả màn hìh
World Championship Pool 2010 đánh bi.a đỉnh cao

W​o​r​l​d​_C​h​a​m​p​i​o​n​s​h​i​p​_ P​o​o​l​_2​0​1​0 game đánh bi.a 3d,đỉnh cao​
128x160 [371.kb]
176x220 [516.kb]
240x320 [460.kb]
Asphalt 3 Street Rules 3D dua xe hot
Real Football 2011_tieng viet 240x320.jar
Real Soccer 2011_320x240_việt hóa.jar
>audition vh VTC.jar
-đảo khỉ (tiki tower)
-Chim cánh cụt nổi loạn​​​
-nông trại vui vẻ.
-chuyến đi của Ngài mr bean
-Đào vàng ở california
-Chú Khỉ gorilla hung hăng
-Rollercoaster Rush: newyork
-Vịt donald

D​a​r​k​e​s​t​ F​e​a​r​ 3​ việt hóa128x128*128x160*176x208*176x220*240x320.
-Bombtek (gjải đố,hay cực)
-Bobby Carrot 5 (cuc hay)

Câu lạc bộ làm quen!

Posted: 20 Dec 2011 05:44 AM PST

Hãy đăng ký tên tuổi, nick vitalk, nick yahoo, email, sđt


Tạo dáng cho trỏ chuột với hình ảnh bất kỳ

Posted: 05 Feb 2012 06:36 AM PST

 

Nguồn: javascriptbank



Giới thiệu: Hiệu ứng JavaScript này cho phép bạn tạo dáng cho con trỏ chuột trên trang web. Điểm đặc biệt của là nó cho phép bạn sử dụng hình ảnh bất kì để tạo dáng cho con trỏ chuột, chứ không nhất thiết phải là tập tin dạng .ico, .cur

Lưu ý: Tâm chuột là chính giữa. Cho dù bạn có chèn hình gì đi chăng nữa thì phần tâm vẫn hiện hình mũi tên trắng, và hình khi tô khối là dấu +.

Điều này có nghĩa là: Thủ thuật chỉ tạo thêm lớp ảnh bao quanh con chuột bình thường mà thôi.


CÁCH THỰC HIỆN

1. Đăng nhập Blogger Dashboard (Bảng điều khiển)
2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML)
3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích)

4. Chèn script

Bước 1: Tìm thẻ đóng </head>

- Thêm vào trước nó đoạn mã sau:

<!-- Tạo trỏ chuột với hình ảnh bất kỳ -->
<script type='text/javascript'>
//<![CDATA[

var skinableCursor = {
skinPath : 'LINK_HÌNH_45x45_pixel', // Thay Link hình của bạn vào đây

// private properties. Browser detect. Do not touch! :)
IE : ( document.all && document.getElementById && !window.opera ),
FF : (!document.all && document.getElementById && !window.opera),
OP : (document.all && document.getElementById && window.opera),

// private properties. Cursor attributes. Do not touch! :)
cursor : {
lt : { x : '0px', y : '0px', w : '19px', h : '26px' , dx : -22, dy : -22 },
rt : { x : '19px', y : '0px', w : '26px', h : '19px' , dx : -3, dy : -22 },
rb : { x : '26px', y : '19px', w : '19px', h : '26px' , dx : 4, dy : -3 },
lb : { x : '0px', y : '26px', w : '26px', h : '19px' , dx : -22, dy : 4 }
},

// private method. Initialize
init : function () {

skinableCursor.cursor.browserDelta = (skinableCursor.IE ? 2 : 0);

if ( skinableCursor.FF || skinableCursor.OP ) {
document.addEventListener("DOMContentLoaded", skinableCursor.domReady, false);
}

if ( skinableCursor.IE ) {

document.write("<scr" + "ipt id=__ieinit defer=true " +
"src=//:><\/script>");

var script = document.getElementById("__ieinit");
script.onreadystatechange = function() {
if ( this.readyState != "complete" ) return;
this.parentNode.removeChild( this );
skinableCursor.domReady();
};
script = null;
}
},

// private method.
domReady : function () {

skinableCursor.create();

if ( skinableCursor.FF || skinableCursor.OP ) {
var s = document.createElement('style');
s.innerHTML = '* { cursor: inherit; } html { height: 100%; } body, html { cursor: crosshair; }';
document.body.appendChild(s);
document.addEventListener('mousemove', skinableCursor.move, false);
}

if ( skinableCursor.IE ) {
var s = document.createStyleSheet()
s.addRule("*", "cursor: inherit");
s.addRule("body", "cursor: crosshair");
s.addRule("html", "cursor: crosshair");
document.attachEvent('onmousemove', skinableCursor.move);
}

var anchors = document.getElementsByTagName('a');
for (x = 0; x < anchors.length; x++) {
if ( skinableCursor.FF || skinableCursor.OP ) {
anchors[x].addEventListener('mousemove', skinableCursor.events.anchor, false);
anchors[x].addEventListener('mouseout', skinableCursor.events.show, false);
}

if ( skinableCursor.IE ) {
anchors[x].attachEvent('onmousemove', skinableCursor.events.anchor);
anchors[x].attachEvent('onmouseout', skinableCursor.events.show);
}
}
},

// private method. Create cursor
create : function () {

function create(el, d) {
el.style.position = 'absolute';
el.style.overflow = 'hidden';
el.style.display = 'none';
el.style.left = d.x;
el.style.top = d.y;
el.style.width = d.w;
el.style.height = d.h;
if ( skinableCursor.IE ) {
el.innerHTML = '<img src="' + skinableCursor.skinPath + '" style="margin: -' + d.y + ' 0px 0px -' + d.x + '">';
} else {
el.style.background = 'url(' + skinableCursor.skinPath + ') -' + d.x + ' -' + d.y;
}
return el;
}
var c = skinableCursor.cursor;
c.lt.el = create(document.createElement('div'), c.lt);
c.rt.el = create(document.createElement('div'), c.rt);
c.rb.el = create(document.createElement('div'), c.rb);
c.lb.el = create(document.createElement('div'), c.lb);

document.body.appendChild(c.lt.el);
document.body.appendChild(c.rt.el);
document.body.appendChild(c.rb.el);
document.body.appendChild(c.lb.el);
},

// private method. Move cursor
move : function (e) {

function pos(el, x, y) {
el.el.style.left = x + el.dx + 'px';
el.el.style.top = y + el.dy + 'px';
}

function hide(el, x, y) {
var w = document.documentElement.clientWidth;
var h = document.documentElement.clientHeight;
var deltaX = w - (x + el.dx + parseInt(el.w) - skinableCursor.cursor.browserDelta);
var deltaY = h - (y + el.dy + parseInt(el.h) - skinableCursor.cursor.browserDelta);
if (!skinableCursor.noSkin) {
el.el.style.display = deltaX > 0 ? (deltaY > 0 ? 'block' : 'none') : 'none';
}
}
var p = skinableCursor.getMousePosition(e);
var s = skinableCursor.getScrollPosition();
var c = skinableCursor.cursor;
var x = p.x + s.x - c.browserDelta;
var y = p.y + s.y - c.browserDelta;

hide(c.lt, p.x, p.y);
hide(c.rt, p.x, p.y);
hide(c.rb, p.x, p.y);
hide(c.lb, p.x, p.y);

pos(c.lt, x, y);
pos(c.rt, x, y);
pos(c.rb, x, y);
pos(c.lb, x, y);

},

// private method. Returns mouse position
getMousePosition : function (e) {

e = e ? e : window.event;
var position = {
'x' : e.clientX,
'y' : e.clientY
}

return position;

},

// private method. Get document scroll position
getScrollPosition : function () {

var x = 0;
var y = 0;

if( typeof( window.pageYOffset ) == 'number' ) {
x = window.pageXOffset;
y = window.pageYOffset;
} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
x = document.documentElement.scrollLeft;
y = document.documentElement.scrollTop;
} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
x = document.body.scrollLeft;
y = document.body.scrollTop;
}

var position = {
'x' : x,
'y' : y
}

return position;
},

// private property / methods.
events : {

anchor : function (e) {
skinableCursor.noSkin = true;
document.body.style.cursor = 'pointer';

var c = skinableCursor.cursor;
c.lt.el.style.display = 'none';
c.rt.el.style.display = 'none';
c.rb.el.style.display = 'none';
c.lb.el.style.display = 'none';
},

show : function () {
skinableCursor.noSkin = false;
document.body.style.cursor = 'crosshair';
}
}
}
skinableCursor.init();
//]]>
</script>

Kích cỡ ảnh theo trỏ chuột là: 45x45 pixel.


Bước 2: Save template. (Lưu mẫu)

Bài viết liên quan

Related Posts Plugin for WordPress, Blogger...