Kết bạn cùng KhanhNguyen's blog

Chủ Nhật, 1 tháng 5, 2016

Hình động trang trí cho Forum và Blog Page 2 (gif)

Nguyễn Đạt KhánhChủ Nhật, tháng 5 01, 2016Thủ thuật Blogger Facebook Comment Không có nhận xét nào

Ảnh Động Hoa Lá Rơi ( Hơi bị đẹp)

Nội dung trang 1

1 2

Share:

Nguyễn Đạt Khánh | Chủ Nhật, tháng 5 01, 2016 | Thủ thuật Blogger Be the first to comment!

Được viết bởi Khánh Nguyễn

Blog của tôi, Nguyễn Đạt Khánh là tên của tôi :
Nghề nghiệp: IT Computer Networking - Kỹ thuật viên Mạng máy tính Viễn thông
Bạn đang xem Blog của tôi. Đừng quên nhấn Like và Share để ủng hộ. Một điều tốt nhất mà tôi mong đợi, là những dòng Comments thiện chí với nhau. Xin chân thành cảm ơn tất cả các bạn.

Nơi truy cập vào Nick của Tôi trên mạng:

Thủ thuật chia bài viết thành nhiều trang cho Blogger V1

Nguyễn Đạt KhánhChủ Nhật, tháng 5 01, 2016Thủ thuật Blogger, Trang chủ Facebook Comment Không có nhận xét nào

Hôm nay Terocket sẽ chia sẽ với các bạn mê thủ thuật blog còn gọi là "Thủ thuật chia bài viết thành nhiều trang cho Blogger hay blogspot V1", đặc biệt là mê thủ thuật blogger cách để chia một bài viết thành nhiều trang, giống như của Masable, hay các blog công nghệ khác vậy.

Chia nhỏ bài viết thành nhiều phần, phù hợp với một trang đọc truyện hoặc một trang xem phim cả nhà nhé. Terocket sẽ hướng dẫn cách thiết kế trang đọc truyện hay cho cả nhà và trang xem phim bằng blogspot cho cả nhà nhé!

Điểm ưu của Thủ thuật chia bài viết thành nhiều trang cho Blogger hay blogspot V1 đó là rất tiện dụng trong việc biến thành và chia phần tuyển tập truyện trên cùng một trang, một nơi xem phim và chia phần phim trên đó, chia phần ca nhạc nữa...đặc biệt hơn, có thể chia các nội dung dài thành các đoạn ngắn, giúp các bạn nhà ta dễ dàng hơn trong việc đọc và theo dõi nội dung. Thủ thuật chia bài viết thành nhiều trang cho Blogger hay blogspot V1 thật thú vị và tiện ích đúng không nào ^^!

Giờ thì cùng Terocket thiết kế Thủ thuật chia bài viết thành nhiều trang cho Blogger hay blogspot V1 nhé các bạn mê blogger và mê thủ thuật nhé.

Live Demo

Bước 1 - Để thực hiện, trước tiên bạn vào Blog Title → Template → Edit HTML. Nhấn Ctrl + F và tìm kiếm ]]></b:skin> trong hộp tìm kiếm. Sau đó hãy dán đoạn mã code dưới đây vào phía sau ]]></b:skin> bạn nhé. Sau đó lưu lại.

<b:if cond='data:blog.pageType != "index"'> <style>
.post-pagination {
margin: 20px auto;
text-align: center;
width: 100%;
}
.button_1, .button_2, .button_3 {
border: 2px solid #f4655f;
font-weight: 900;
padding: 6px 36px;
color:#f4655f;
transition:ease 0.69s !important;
}
.button_1:hover, .button_2:hover, .button_3:hover {
background: none repeat scroll 0 0 #f4655f;
color: #fff;
text-decoration: none;
}
</style>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.button_1').click(function(){
jQuery('.content_1').fadeIn('slow');
jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
return false;
});
jQuery('.button_2').click(function(){
jQuery('.content_1').fadeOut('fast');
jQuery('.content_2').fadeIn('slow');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
return false;
});
jQuery('.button_3').click(function(){
jQuery('.content_1').fadeOut('fast');
jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeIn('slow');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
return false;
});
});
</script></b:if>

Bước 2 - Vào phần bài viết, chỉnh qua chức năng HTML và copy phần code sau vào nhé, và thay đổi tùy biến nội dung cho phù hợp. Nếu bạn muốn có nhiều trang hơn thì nhân rộng ra thôi, thêm trang 4,5,6...rất dễ dàng.

<div class="content_1">
Nội dung trang 1
</div>
<div class="content_2" style="display: none;">
Nội dung trang 2
</div>
<div class="content_3" style="display: none;">
Nội dung trang 3
</div>
<div class="post-pagination">
<a class="button_1" href="#">1</a>
<a class="button_2" href="#">2</a>
<a class="button_3" href="#">3</a>
</div>

Bước 3 - Bước này cần chú ý đó copy đoạn mã javascript sau vào phía dưới <head> trong phần Blog Title → Template → Edit HTML. Nhấn Ctrl + F tìm <head>. Đặt phía dưới nó nhé! Còn nếu có rồi thì không cần đặt nha. Rồi lưu lại!

<script src = "//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"> </script>

Bước 4 - Kết luận của Terocket là chúc các bạn thành công với thủ thuật này,Thủ thuật chia bài viết thành nhiều trang cho Blogger V1!

An Thành Adthinks - Terocket

Share:

Nguyễn Đạt Khánh | Chủ Nhật, tháng 5 01, 2016 | Thủ thuật Blogger | Trang chủ Be the first to comment!

Được viết bởi Khánh Nguyễn

Nơi truy cập vào Nick của Tôi trên mạng:

Chèn nhạc vào Blog

Nguyễn Đạt KhánhChủ Nhật, tháng 5 01, 2016Code, Thủ thuật Blogger Facebook Comment Không có nhận xét nào

Chèn nhạc vào Blog

Click vào ô Play để nghe nhạc
Chèn Video YouTube vào My Opera và Blogspot

Chèn nhạc với một số link
Code

Nguồn http://nct.y1n9.com/

Chèn nhạc của tui NCT
Các bạn xem phần chèn nhạc Zing MP3.Nếu Blog hoặc trình duyệt của bạn không chấp nhận thì sử dụng cách sau
Code

Thay Link nhạc bạn muốn chèn Điều chỉnh width,height cho phù hợp

Chèn Nhạc số -Zing MP3 1.Chọn bản nhạc cần chèn 2.Chọn Embed 3.Trong ô Nhúng blog copy link này dán vào HTMM của bài viết Nếu bạn sử dụng trình duyệt Firefox sử dụng đoạn mã này

Liên kết đến tệp tin có thể qua giao tức mms

showstatusbar="1": Hiển thị status bên dưới. Nếu không muốn bạn thay 1 bằng 0.

showcontrols="1" : Hiển thị điều khiển. Nếu không muốn bạn thay 1 bằng 0.

autostart="0": Tự động chơi. Nếu muốn bạn thay 0 bằng 1.

Tương tự như vậy nếu bạn có tệp tin video (.wmv) thì có thể đưa vào đây và tăng kích cở height cũng như width để khung nhìn video rộng hơn. Đây là chương trình TVO (Tuổi Trẻ Video Online) kỳ 19-07 (liên kết:) mms://media.tuoitre.com.vn/Stream/tivio/TVO-19-07/TVO-19-07.wmv với height="350" width="400"

Chèn nhieu link

Nguồn http://suoinganthong.blogspot.com/

Share:

Nguyễn Đạt Khánh | Chủ Nhật, tháng 5 01, 2016 | Code | Thủ thuật Blogger Be the first to comment!

Được viết bởi Khánh Nguyễn

Nơi truy cập vào Nick của Tôi trên mạng:

Tạo slide ảnh có chứa link chạy ngang qua Blog

Nguyễn Đạt KhánhChủ Nhật, tháng 5 01, 2016Code, Thủ thuật Blogger Facebook Comment Không có nhận xét nào

CODE

<div class="Modul_nd">
<div class="chuyenmuc">
<style type="text/css">
#demo {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
width: 960;
}
#demo img {
border: 2px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
} </style><b><span style="font-size: large;">
</span></b>
<div id="demo">
<div id="indemo">
<div id="demo1">
<b><span style="font-size: large;">       <a href="http://suoinganthong.blogspot.com/search/label/Du%20l%E1%BB%8Bch"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNEsJiD6TN4rHJGlIyyYbLPsOGyj58ECQKovpHsOqMNds7UADFHPFqHClYePurrTlksJzgYyrsXlwV3Fj2e7r2y0xaxDh_uWdJ2R6p4KcLd02xKXe2HjcHRm3sVdyLx2Kpf7xTLCVscEc/s320/DU+LICH.jpg" style="height: 100px; width: 139px;" title="TRANG DU LỊCH" /></a><a href="http://suoinganthong.blogspot.com/search/label/S%E1%BA%AFc%20m%C3%A0u%20cu%E1%BB%99c%20s%E1%BB%91ng"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDnpakOhfOgrhy_9-1dLDVlXN8trGXQ4zybRMInbKyB5v_NR2lwC78dxZODUKZwq7vDsRnEQ7yliM7wblcKaPuzp4P69AOpAN25HSn_LRuKIauod2AV2hMQr6HvKsd_-_M1EIBw_kvvOE/s320/nhip+song.jpg" style="height: 100px; width: 139px;" title="SẮC MÀU CUỘC SỐNG" /></a><a href="http://suoinganthong.blogspot.com/search/label/Th%E1%BB%A7%20thu%E1%BA%ADt%20Blog"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWbnPVtP_y7k23k5UvE7EJN_qlNXI2sMX0fJvzBixJP0Gg5evhflSc53dkU-jxKKsL2kmQX_CNoRQyFnMQlIgb3OSc07iMkbnO1PqPmG3FIv9LOkZ9jlGDMSbng5BsAGVaAQDcMDsTqnQ/s320/KN+Blog.jpg" style="height: 100px; width: 139px;" title="THỦ THUÂT BLOG" /></a><a
<div id="demo2">
<b><span style="font-size: large;"></span></b>
<b></b>
<b>
</b></div>
</div>
</div>
<script>
var speed = 30;
var tab = document.getElementById("demo");
var tab1 = document.getElementById("demo1");
var tab2 = document.getElementById("demo2");
href="http://suoinganthong.blogspot.com/search/label/Th%C6%B0%20vi%E1%BB%87n%20%E1%BA%A3nh"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhO2fhZzImqE_vwjBxiB8rKIHqp0Iqq1Uk-AZ45ChUvi-zmsSdiKv3teraY5-JOevjQdvEDhQyOflMy6gVJDdTXNbp1xJTO9PSYLFQJ6QBYiuprrZKgCRQPcoYB0Sljupev_-QxYbs5jo/s320/THUY+TIEN.jpg" style="height: 100px; width: 139px;" title="TRANG HÌNH ẢNH" /></a><a href="http://suoinganthong.blogspot.com/search/label/Th%C6%A1"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA7cJ3HreqCpDsquQFbZ8ZL5VJXgWjHCgGD89Mi7kgS4eb4MckSv0FgvzMHFYwE6JEi1PHssWJ2bm7rXmEyNyxHOqF_8wssiLaJvWc30klKPSS51Hy4NnepboapFFyPBFAq5Ju1UhKe9E/s320/Y%C3%8AU+TH%C6%A0.jpg" style="height: 100px; width: 139px;" title="TRANG THƠ" /></a><a href="http://suoinganthong.blogspot.com/search/label/%C3%82m%20nh%E1%BA%A1c"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkTSwh5MlzzzMKTWvv1qwBFVfF08zPH9P_ab0055wVeF2CGT45KB7w9vyASrEFXQr0Wb3JyBuhdYBz1DRaAG6m96SI22muTIY-9kTm2R8yjwieDCBmU3UaZv4ELnmp7N8E7nSHkd9YZnY/s320/Nh%25E1%25BA%25A1c.jpg" style="height: 100px; width: 138px;" title="TRANG ÂM NHẠC" /></a></span></b></div>
tab2.innerHTML = tab1.innerHTML;
function Marquee() {
if (tab2.offsetWidth - tab.scrollLeft <= 0)
tab.scrollLeft -= tab1.offsetWidth
else {
tab.scrollLeft++;
}
}
var MyMar = setInterval(Marquee, speed);
tab.onmouseover = function() { clearInterval(MyMar) };
tab.onmouseout = function() { MyMar = setInterval(Marquee, speed) };
</script><b><span style="font-size: large;"> </span></b></div>
</div>
<div style="text-align: center;">
<span style="font-size: large;">
</span>
</div>

Trong đó tất cả chỗ nào có:

<a href: Thay link website
img alt="" src="Thay link ảnh"
var speed: điều chỉnh tốc độ chạy của slide ảnh

Sau khi đã chỉnh sửa thay link xong, bạn thêm mới module text/htlm, và copy code vào module.

Ấn Lưu hoặc Cập nhật

HÌNH MẪU

Nguồn http://suoinganthong.blogspot.com/

Share:

Nguyễn Đạt Khánh | Chủ Nhật, tháng 5 01, 2016 | Code | Thủ thuật Blogger Be the first to comment!

Được viết bởi Khánh Nguyễn

Nơi truy cập vào Nick của Tôi trên mạng:

Tạo hộp list liên kết cho Blogger

Nguyễn Đạt KhánhChủ Nhật, tháng 5 01, 2016Code, Cơ bản, Thủ thuật Blogger Facebook Comment Không có nhận xét nào

CODE 1

#anhbiafacebook{margin:0; padding: 0; height:238px; overflow: auto; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpxo4yJskBBrJ5dKPMjs9-us2-InPC-YqvfHPYKT8vzA6zK5IpvjW73seJoAu0XHCpJLgqbatShn5BSivxNo9V_R2gz04Q-d5PTDnsELWqxGqoLrZvKDweIYB5S2BXIshIdJOISscNPSrX/s1600/lienketblogger.jpg) no-repeat bottom right; font-weight:bold}

#anhbiafacebook p {margin:0; padding:2px 10px}

.favicon {width:50px; height:40px; margin-right:5px}

.connect {width:48px; height:48px; margin:5px 10px -15px 0}

</style>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_PktgW2l21crl4hnn4Is8orNYSFG74BSzV2qX_70B2QXjFEry9rE7wJ8DwmpoVl4K738LGYZCkKRhn9x9N43raqFniCUhbY11q7nx0tc1VorYqY6kxuU7gOZKoROcHNkTzzzSjfv_jcA/s1600/RONG+BIEN.jpg" class="favicon" /> <a href="http://suoinganthong.blogspot.com/2013/11/ve-ep-vinh-cam-ranh....html" target="_blank">Vẻ đẹp Vịnh Cam Ranh...

</a><hr />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4a9dmtt6DZOORAMhkeMrhO7MaNMV4HwPmvD8svydaWaDTdMqAvzNZaRtYU9tGnXHGJY8I6cBmmvmDhRMg0OeL3lsO2nu-GCB7OEXvIcMwk4C6dwrPIS2fGOij3iarCB4rNLtHGQDXQVA/s1600/NT2.jpg" class="favicon" /> <a href="http://suoinganthong.blogspot.com/2013/08/chieu-nha-trang-bien-goi.html" target="_blank">Chiều Nha Trang biển gọi

</a><hr />

<img src="http://anhdep.anhsaokhuya.net/anh-dep-tinh-yeu/anhsaokhuya.net%20(47).gif" class="favicon" /> <a href="http://suoinganthong.blogspot.com/2012/09/vo-gia-cung-co-gia.html" target="_blank">Vo gia cũng có giá

</a><hr />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3PaaGvW4C0uFz6YIAuoo4Za7nPNQnzTsLaf28WfLajEpml5Y09XtWEUo2TYJmLxTV1p3acDAMt89gpyTBP_9grZdLRtwLT5ZPJNyLBIzFaDERgVlGdsdoQ507K4gXQJWvTOT0jk0a9LA/s320/DSC02206.JPG" class="favicon" /> <a href="http://suoinganthong.blogspot.com/2013/07/kuala-lumpur-mot-goc-nhin_4.html" target="_blank">Kuala Lumpur một góc nhìn

</a><hr />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-rSuqNzJxsrwfoLynZ03bKZx5drDhZXF2NO_IRDEAdLfR2tAZ_0uvgaavH_EelDR_tOdD4PpFi7uDHjlE_s8ynzyKe_9DET1oA4NPKkof069TCP4g7uaXFBUudS2Crte1V_-_cnRtIG47/s1600/0162.gif" class="favicon" /> <a href="http://suoinganthong.blogspot.com/2013/05/blog-post.html" target="_blank">Đường xưa không lối

</a><hr />

</marquee></div>

Nếu không kèm theo hinh sử dụng code sau

CODE2

Lưu ý:
+ Link màu tím: Là địa chỉ thông báo "liên kết site" của bạn.
+ Link màu xanh: Địa chỉ hình favicon của site bạn muốn liên kết (Nếu là Blogspot thì đều có dạng link này)
+ Link màu xanh đậm: URL site bạn muốn liên kết
+ Dòng chữ màu đỏ: Tên site bạn muốn liên kết
+ Nếu muốn thêm liên kết site mới thì chỉ việc chèn thêm đoạn code mình đã tô màu nền.

Tạo hộp list liên kết cho Blogger
CODE

<center><select onchange="if (this.value != '#') window.open(this.value, '_blank');" style="font-family: Arial; font-size: 8pt; height: 23; width: 150">
<option value="#" />--Website--
<option value="http://www.4shared.com/account/home.jsp#dir=dRspDTFv" />4shared<option value="http://vi.netlog.com/thong_ngan" />Netlog nganthong
<option value="http://mathophanglang.blogtiengviet.net/?cat=698899" />Mạt hồ phẳng lặng Bog
<option value="http://pics.bloghaikich.com" />Funny Pictures
<option value="http://www.hotgirl9x.com" />Hot Girls 9x
<option value="http://demkhongngu.com" />Diễn đàn Kết bạn
</select></center>

Nguồn http://suoinganthong.blogspot.com/

Bạn có thể xem thêm các bài:

Những Code Thông Dụng Cho Blogspot

Cách thêm tiện ích (widget) vào vị trí bất kỳ trong blogspot

Code tạo hình nền và chia cột cho bài viết Blog

Share:

Nguyễn Đạt Khánh | Chủ Nhật, tháng 5 01, 2016 | Code | Cơ bản | Thủ thuật Blogger Be the first to comment!

Được viết bởi Khánh Nguyễn

Nơi truy cập vào Nick của Tôi trên mạng:

Kết bạn cùng KhanhNguyen's blog

Chủ Nhật, 1 tháng 5, 2016

Hình động trang trí cho Forum và Blog Page 2 (gif)

Ảnh Động Hoa Lá Rơi ( Hơi bị đẹp)

Được viết bởi Khánh Nguyễn

Thủ thuật chia bài viết thành nhiều trang cho Blogger V1

Live Demo

Được viết bởi Khánh Nguyễn

Chèn nhạc vào Blog

Chèn nhạc vào Blog

Được viết bởi Khánh Nguyễn

Tạo slide ảnh có chứa link chạy ngang qua Blog

Được viết bởi Khánh Nguyễn

Tạo hộp list liên kết cho Blogger

Được viết bởi Khánh Nguyễn

Thống kê Blogspot

Nhãn

Lưu trữ Blog

Bài có thể xem

Mời tham gia CLB