Liên hệ đặt quảng cáo

SlideShow trình chiếu ảnh tuyệt đẹp cho blogspot (blogger) phần 1

SlideShow trình chiếu ảnh tuyệt đẹp cho blogspot
Kiểu trình chiếu SlideShow bạn thường thấy nhiều nhất là ở các Blog/website tài liệu (123tailieufree.com, 123doc.org, idoc.vn, kilobooks.com đây là các site tài liệu lớn nhất Việt Nam hiện nay)… Nó làm nổi bật nội dung của một Blog/Website thường đặt ở ngoài trang chủ. Ngoài ra một số Blog thường dùng các SlideShow để trao quảng ở các cột sitebar. Hoàn toàn dùng Javascript không dùng Jquery và Flash.

Hôm nay windows2it sẽ hướng dẫn các bạn cách chằn một SlideShow vào cột Sitebar và trực tiếp vào trong template (nơi mà bạn muốn chằn vào). Bắt đầu thủ thuật !

Đọc thêm:



Chằn vào cột sitebar (vô cùng đơn giản) thường dùng cho quảng cáo

Đầu tiên bạn vào Blog => Bố cục => Thêm tiện ích => HTML/JavaScript và dán đoạn mã code dưới đây vào và Lưu lại.
<script type="text/javascript">
// Banner Rotation Script by Bloggerism
var ban = new Array();
var link = new Array();
var index = 0;
ban[0] = new Image();
ban[0].src = "URL_banner_0";
link[0] = "URL_link_0";
ban[1] = new Image();
ban[1].src = "URL_banner_1";
link[1] = "URL_link_1";
ban[2] = new Image();
ban[2].src = "URL_banner_2";
link[2] = "URL_link_2";
index = Math.random() * (ban.length);
index = Math.floor(index);
function rotator()
{if (index == ban.length) index = 0;
if (document.images) {
document.images.rotation.src = ban[index].src;
}
else {
document.getElementById('rotation').src=ban[index].src;
}
index++;
setTimeout('rotator()',3000);
}
function go() {window.open(link[index-1]);}
</script>
<img id="rotation" style="cursor:pointer;" src="" onclick="go();"/>
<script type="text/javascript">rotator();</script>

Chằn trực tiếp vào trong template làm nổi bật giao diện Blog/Website

Thay đoạn code SlideShow trong Blog/Website của bạn bằng đoạn Code dưới đây: (đoạn code SlideShow thường nằm giữa thẻ mở <body> và thẻ đóng </body>)


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type="text/javascript">
// Banner Rotation Script by Bloggerism
var ban = new Array();
var link = new Array();
var index = 0;
ban[0] = new Image();
ban[0].src = "URL_banner_0";
link[0] = "URL_link_0";
ban[1] = new Image();
ban[1].src = "URL_banner_1";
link[1] = "URL_link_1";
ban[2] = new Image();
ban[2].src = "URL_banner_2";
link[2] = "URL_link_2";
index = Math.random() * (ban.length);
index = Math.floor(index);
function rotator()
{if (index == ban.length) index = 0;
if (document.images) {
document.images.rotation.src = ban[index].src;
}
else {
document.getElementById('rotation').src=ban[index].src;
}
index++;
setTimeout('rotator()',3000);
}
function go() {window.open(link[index-1]);}
</script>
<img id="rotation" style="cursor:pointer;" src="" onclick="go();"/>
<script type="text/javascript">rotator();</script></b:if>

Tùy chỉnh

  • Thay URL_banner_0URL_banner_1URL_banner_2 thành URL của hình ảnh bạn muốn hiển thị trên banner

  • Thay URL_link_0URL_link_1URL_link_2 thành linh liên kết tới trang cần quảng cáo tương ướng với mỗi bức ảnh ở bên trên.

  •  Chú ý số 3000 ám chỉ 3000 mili giây, tương đương 3 giây chỉ khoảng cách giữa các lần chuyển banner. Bạn có thể điều chỉnh con số này tùy ý.

  • Bạn muốn thêm báo nhiêu Ảnh cũng được nhé ! với cú pháp
ban[n] = new Image();
ban[n].src = "URL_banner_n";
link[n] = "URL_link_n";
Kết luận

  • Dễ dàng tùy biến, Code gọn đơn giản dể sửa và đặc biệt hoạt động tốt trên mọi trình duyệt.

  • Đặc biệt không dùng Flash thuận lợi cho việc đăng ký Google Asen 

Bạn nào không rõ thì cứ để lại Comment nhé !
Liên hệ đặt quảng cáo
Quảng cáo trên windows2it.com

About Quang Mến :

Tôi là Quang Mến. Tôi viết blog theo phong cách chuyên nghiệp. ^^! Dựa trên niềm đam mê học hỏi và mong muốn chia sẽ với mọi người @@!
Theo dõi tôi trên:
  • Image
  • Image
  • Image
  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

32 nhận xét:

  1. Anh cho em hỏi với có cách nào để tạo ảnh trong bài post dạng slide không ạ, em muốn viết vài bài review về laptop nhưng không hiện ảnh kiểu slide được thì không ổn lắm

    Trả lờiXóa
  2. cho mình xin code của blog quangmen05 được không :D email [email protected] tks bạn

    Trả lờiXóa
  3. ad cho em hỏi, làm sao co giãn baner theo blog,

    Trả lờiXóa
  4. vạy cho e hỏi điều chỉnh kích thước theo ý muốn thì sao ko thấy width và height anh vậy làm sao ?e cám ơn

    Trả lờiXóa
    Trả lời
    1. ở thẻ <img cuối đoạn code. Bạn thêm thuộc tính width='chiềurộng' height='chiềucao' thế là xong

      Xóa
  5. cho em hỏi là nếu muốn căn giữa vị trí của slider sao cho 2 bên trái và phải bằng nhau thì làm như thế nào ạ.

    Trả lờiXóa
  6. anh cho em hỏi code để chèn slider đối tác ở cuối trang web làm thế nào vậy?

    Trả lờiXóa
  7. Có cách nào gom ảnh trong 1 bài viết vào 1 khung không ad. https://www.for18xxx.com

    Trả lờiXóa
  8. A dark mode is coming to Google Chrome on desktop
    Every app these days seems to have a new dark mode or one in development. This is due in part to the appearance a slick black background can give but also due to recent research from Google that shows darker colors use up less battery power on devices with...


    Google now allows you to play podcasts within search results
    The podcasting world has always been a bit of the Wild West. You'd discover a series through word of mouth or maybe by way of an article listing recommendations. Then it's on you to use a podcasting app or go to the website to download the episode and listen..

    LEAK: Windows 10 removes live tiles in new Start menu
    A new leak shows that Windows 10's new look will not feature live tiles. For those who do not know, live tiles are the moving tiles on your Start menu.
    Vidmate
    App vidmate
    Free movies downoad
    Download vidmate
    feature of vidmate
    Vidmate for pc
    vidmate app for android
    vidmate app download
    video download
    install vidmate
    vidmate apk
    leaked movies downloa
    latest download app
    youtube video download
    why vidmate
    Vidmate for android
    vidmate latest video download
    vidmate app download

    Trả lờiXóa

  9. I guess I am the only one who came here to share my very own experience. Guess what
    I am using my laptop for almost the past 2 years, but I had no idea of solving some basic issues.
    I do not know how to Free Download But thankfully, I recently visited a website named

    ApowerREC Crack

    FolderSizes Crack

    Wondershare Recoverit Ultimate Crack

    Origin Pro Crack

    Free YouTube Download Crack

    VideoProc Crack

    Trả lờiXóa
  10. Keygen Pc

    Wondershare Filmora
    Wondershare Filmora Crack video editing program with solid capability and a rich feature set is called Filmora.

    IDM Crack
    IDM Crack is a utility for scheduling, restarting, and organizing downloads as well as improving Internet download Manager Torrent speeds by up to 5 times.


    uTorrent Pro Crack
    uTorrent Pro Crack is seeking a reliable BitTorrent client. In addition to features like scheduling, bandwidth control, and Mainline DHT, uTorrent Pro Serial Key



    CCleaner Pro Crack
    CCleaner Pro Crack Cookies, temporary files, and several more tools for tracing your online footprint are commonplace.

    Malwarebytes Crack
    Malwarebytes Crack launched in December 2016, it was a significant upgrade. However, like most significant releases, it had some issues, especially with Windows 10 stability.

    Trả lờiXóa
  11. Yes, fantastic blog site! How long have you been writing blogs? working like a pro on a blog.
    The layout of your website is impressive, and you write excellent blogs as well. I learned a lot from this post.
    express scribe crack
    vlc media player crack
    teamviewer crack
    zoom cloud meeting crack
    google earth pro crack

    Trả lờiXóa
  12. the best website where you can get your desired software for free. You will find products and services in a single place. Proactivationkeys will provide freelancing, gaming, online jackpots, and more money opportunities. All you need is to visit our site.
    Thank you for your response. Have a nice day!
    windows 10 download
    IDM Crack
    windows 11 product key
    typing master crack
    google chrome crack
    anydesk crack

    Trả lờiXóa

  13. the best website where you can get your desired software for free. You will find products and services in a single place. Softwearkeys will provide freelancing, gaming, online jackpots, and more money opportunities. All you need is to visit our site.
    Thank you for your response. Have a nice day!
    the best website where you can get your desired softwear for free.
    AnyDesk Crack
    Mailbird Crack
    malwarebytes crack

    Trả lờiXóa