Tài nguyên dạy học

free counters

Hỗ trợ trực tuyến

  • (Lê Anh Dũng)

Thống kê

  • truy cập   (chi tiết)
    trong hôm nay
  • lượt xem
    trong hôm nay
  • thành viên
  • Thành viên trực tuyến

    1 khách và 0 thành viên

    Liên kết website

    Gốc > Bài viết > Code cho Blog >

    Một số code thường dùng cho blog

    Thấy mọi người ưa chuộng làm Blog, nên mình đưa 1 số Code hỗ trợ việc làm Blog 360 Yahoo nói riêng và Code cho html , htm nói chung :D

    Cách làm chung: vào viết blog --> check vào ô “View html source” --> copy và paste các đoạn code này vào --> check lại vào ô ấy thêm lần nữa.
    ---------------------------------------

    1. Đoạn code dùng để đếm xem có bao nhiêu người đã xem trang của mình:

    <!-- Start of SimpleHitCounter Code -->
    <div align="center"><a href="http://www.simplehitcounter.com" target="_blank"><img src="http://simplehitcounter.com/hit.asp?uid=38358&f=16777215&b=0" border="0" height="18" width="83" alt="free hit counters"></a><br><a href="http://www.simplehitcounter.com" target="_blank"><font size="-3">free hit counters</font></a></div>
    <!-- End of SimpleHitCounter Code -->

    ---------------------------------------------------

    2. Chèn hình ảnh với kích cỡ như ý muốn: (chiều rộng < 500)

    <div align=center><img height=100 alt=Image src="image link" width=100 alt="Image" /></div>

    _ Trong đó: <div align=center> : dùng để cho ảnh nằm ở giữa trang.
    . Các height và width phải điền đúng chính xác với các chiều cao và chiều rộng của ảnh.
    . Image link, phải lấy link trực tiếp của bức hình.
    * Cách này chỉ cho chèn ảnh với chiều rộng không quá 500.
    ----------------------------------------------------

    3. Cách chèn ảnh với size thực tế ( chiều rộng > 500)
    _ Cắt dọc ảnh ra thành 2 hình bằng nhau, up lên cái host nào đấy, và paste cái code này vào:

    <table id="Table_01" width="1000" height="750" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td>
    <img src="link ảnh 1" width="500" height="750" alt=""></td>
    <td>
    <img src="link ảnh 2" width="500" height="750" alt=""></td>
    </tr>
    </table>

    * Chiều rộng và chiều cao của ảnh nhớ ghi chính xác (còn số trong code trên chỉ là ví dụ thôi )
    ---------------------------------------------

    4. Chèn link:

    <a href="link">Tên muốn hiển thị</a>

    ----------------------------------------------

    5. Tạo bóng đổ cho text trong Blog:

    <div align="center">
    <span style="font-family: comic sans ms; font-size: 50px; font-weight: bolder; color: rgb(130, 130, 130);">huamylinh</span>
    <span style="font-family: comic sans ms; font-size: 50px; font-weight: bolder; color: red; margin-left: -295px; vertical-align: -5px;">huamylinh</span>
    </div>

    _ Trong đó: font của chữ là comic sans ms, nếu không thích có thể đổi kiểu chữ khác.
    ------------------------------------------------

    6. Code dùng để đóng khung trong blog:

    <table background="link" border="1" cellpadding="30" cellspacing="2">
    <tbody>
    <tr>
    <td>
    <table style="height: 209px;" align="left" background="link" border="2" cellpadding="0" cellspacing="0">
    <tbody>
    <tr>
    <td align="left">
    <span style="color: rgb(192, 0, 0);">
    <div style="margin-left: 40px;">
    đoạn text của khung bên trong <br />
    </div>
    </span>
    </td>
    </tr>
    </tbody>
    </table>
    <br />
    <span style="color: rgb(255, 64, 64);"> đoạn text của khung bên ngoài </span><br />
    </td>
    </tr>
    </tbody>
    </table>

    ------------------------------------------------------

    7. Tạo các icon có chứa link:

    (nghĩa là trên blog của mình sẽ hiện ra các hình, khi bấm vào hình đó nó sẽ dẫn đến 1 cái link mình muốn)
    <div style="text-align: center;">
    <a href="link Blog 1"> <img src="link ảnh 1" alt="Blog Page" height="47" width="51" alt="Image" /></a></div> <br />

    * Đoạn code này có nghĩa là: trên màn hình sẽ hiện ra ảnh 1, khi bấm vào sẽ hiện ra page 1. Nếu muốn làm nhiều thì cứ lặp lại các code trên.


    -------------------------------------------------------
    8. Tạo nút tam giác để nghe nhạc trực tiếp
    Cách làm rất đơn giản. Hãy dán đoạn code sau vào trước đường link bài hát mà bạn add trong ô Add url của mục Edit Blast:

    <script type="text/javascript" src="http://del.icio.us/js/playtagger"></script>
    Tác dụng của cái code này là để nghe nhạc trực tiếp trong trang web, với mỗi đường link đến bài hát trong trang web, nó sẽ khởi tạo 1 cái nút tam giác để bạn có thể bấm vào đó mà nghe nhạc. Nhưng lưu ý là cái code này chỉ hỗ trợ chơi nhạc mp3 mà thôi

    Ví dụ
    <script type="text/javascript" src="http://del.icio.us/js/playtagger"></script>http://www.filelodge.com/files/room3...Of%20Angel.mp3

    Chú ý :vào buổi sơ khai của Y360 thì phải thêm script đó mới nghe nhạc dc. Còn bây h có thể ko cần nữa vì yahoo đã tự thêm những cái script tương tự như del.icio.us nên giờ bạ không cần đoạn code trên nữa, mà chỉ cần paste trực tiếp link nhạc MP3 mà thôi.Quan trọng là nếu ko cần cầu cao thì bạn có thể dán cái script đó trong trang web của mình hay bất cứ cái j cho phép viết mã HTML để dễ dàng nghe nhạc trực tiếp, rất đơn giản và gọn nhẹ


    Nhảy múa cùng biểu tượng Emoticon

    C1 : Chỉ cần Insert Emoticon vào là xong, Tuy nhiên sau khi chèn icon vào bạn sẽ thấy nó đứng yên mà không nhúc nhích
    C2 :Bạn có thể sử dụng Emoticon từ nhiều trang web khác nhau ví dụ các Emoticon ẩn ở trang Web sau : http://www.yazakpro.com/avatar/
    Bạn chọn hình mà bạn thích nhớ là chỉ 1 hình mà thôi rồi Copy.Kế đến bạn tạo mới 1 blog entry, chọn vị trí bạn muốn đưa imoticon mà bạn đã chọn rồi paste vào.

    LÀm dáng với Table

    Đầu tiên bạn soạn thảo 1 blog entry mới.
    Check vào ô View HTML Source.Most HTML is OK
    Bạn gõ đoạn code sau vào entry đó :
    <div> style="border-style: dotted;border-color: blue;">
    <table cellpadding="4">
    <tbody>
    <tr>
    <td style="text-align: justify;"> chèn đoạn văn bản của bạn vào đây
    </td>
    </tr>
    </tbody>
    </table>
    </div>
    Uncheck vào ô View HTML Source.Most HTML is OK
    Soạn thảo văn bản của bạn vào chỗ "chèn đoạn văn bản của bạn vào đây "
    Và cuối cùng click vào nut Post thí Entry la OK

    Các bạn có thể thay đổi đường viền của table bằng cách thay đổi từ khóa khác như ashed,solid,double,groove,ridge, hidden,inset,outset
    Thay đổi màu bằng các từ khóa : red, yellow,orange, green......
    Ngoài ra bạn có thể sử dụng 2 thẻ <div> l**ng nhau để tạo cảm giác Blog có 2 dường viền


    Plugins chèn Smiley vào khung viết bài cho phần phản hồi, người sử dụng click trực tiếp vào smiley để chèn vào bài phản hồi:
    <?php

    global $SJB_IMAGE_URL; $SJB_IMAGE_URL='';
    global $SJB_SMILIES; $SJB_SMILIES=array();
    SJB_getSmilies();

    function SJB_getSmilies() {
    global $wpsmiliestrans;
    global $SJB_IMAGE_URL, $SJB_SMILIES;

    $SJB_IMAGE_URL = (
    function_exists('get_settings') ?
    get_settings('siteurl') :
    str_replace("wp-content/plugins/smiley_js_buttons.php","",$_SERVER['SCRIPT_URI'])
    ).'/wp-includes/images/smilies/';
    $SJB_SMILIES = array_map('trim',array_flip($wpsmiliestrans));
    }

    function SJB_outputSmilies($textarea_name='comment') {
    global $SJB_IMAGE_URL, $SJB_SMILIES;

    // output JS functions
    ?><script type="text/Javascript"><!--
    function SJB_appendSmiley(text) {
    var comment=document.getElementById('<?=$textarea_name ?>');
    comment.value=comment.value+' '+text;
    }
    //--></script><?php

    // output clickable smilies
    foreach($SJB_SMILIES as $img => $code) {
    echo '<a href="javascript:SJB_appendSmiley(\''.addslashes($ code).'\')">';
    echo '<img src="'.$SJB_IMAGE_URL.$img.'" alt="'.$code.'" class="wp-smiley" title="'.$code.'" />';
    echo '</a> ';
    }
    }

    function SJB_adminSmilies() {
    global $SJB_SMILIES;

    $OUTPUT="<script type=\"text/Javascript\"><!--\n";
    $OUTPUT.="if(typeof(edButtons)!='undefined'){\n";
    $i=0;
    foreach($SJB_SMILIES as $img => $code) {
    $OUTPUT.="edButtons[edButtons.length]=new edButton('ed_smilie_'+".$i.",'".addslashes($code). "',' ".addslashes($code)."','','',-1);\n";
    $i++;
    }
    $OUTPUT.="}\n";
    $OUTPUT.='//--></script>';
    return $OUTPUT;
    }

    ?>

    Bạn copy đoạn code trên và save thành file smiley_js_buttons.php, cho vào thư mục .../wp-content/plugins/, vào AdminCP >> tới phần Plugins để kích hoạt nó.

    Add code này vào chỗ nào muốn hiển thị Smile, người dùng click vào sẽ tự động chèn mặt cười vào bài viết:
    <?php if (function_exists('SJB_outputSmilies')) {SJB_outputSmilies();} ?>


    Cách add Mp3 vào Blog Yahoo 360
    Trước tiên chúng ta phải đăng nhập vào blog cái đã . Vào Compose blog entry . Bấm qua thẻ Html và copy and paste đoạn này code này vào. Sửa đường dẫn của link Mp3
    http://www.musicwebtown.com/nheem/pl...7344/58984.mp3
    lại là xong .
    <embed style="height: 25px;" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?audioUrl=http://www.musicwebtown.com/nheem/playlists/7344/58984.mp3" flashvars="" allowscriptaccess="none">
    Nhắn tin cho tác giả
    Lê Anh Dũng @ 20:33 09/02/2010
    Số lượt xem: 244
    Số lượt thích: 0 người
     
    Gửi ý kiến