Bài mới nhất

Sửa Đóng
Thư mục: Design Blog Plus |
Quan trọng
Đăng ngày: 15:00 11-03-2009
Bài viết này nhằm giúp mọi người có thể chỉnh sửa theme cho ngôi nhà của mình trên 360plus của mình một cách nhanh nhất và có hiệu quả nhất có thể ^^.Bài viết được viết một cách đơn giản nhất có thể dựa trên kinh nghiệm của bản thân mìnhvì vậy nếu có gì thiếu sót mong mọi người bỏ qua
/*Các bước tiến hành */
Bước 1:


Các bạn vào blog của mình như bt ,ở đây mình sử dụng trình duyệt web Google Chrome của Google với những người sử dụng IE,fire fox cũng không có sự khác biệt Bạn lưu lại nội dung của blog bằng cách chọn Save page as <đối với IE, file fox thì nó nằm trong thẻ File> rồi chọn nơi bạn muốn chứa file download rồi nhấn Save



Như ở trong hình là neo đã lưu lại ngoài Desktop dưới tên neoblog.tk  ,File save sẽ bao gồm 2 file như hình 

Bước2:

Các bạn mở cái foder vừa save ra sẽ thấy từa lưa hột dưa các loại file, các ảnh thu nhỏ ,nhưng bạn chỉ cần tìm 1 file duy nhất tên là blog_cus.css mở nó ra cũng sẽ thấy nó lòang ngoàng không kém nhưng không cần phải quan tâm tới nó làm gì cứ việc xóa hết nó đi  Thật ra nó có chứa toàn bộ nội dung code CSS của blog mà bạn save <ở đây là blog của chính bạn> có thể xài cách này tương tự để tham khảo code theme của các blog khác bạn thấy đẹp,ở đây tớ nói tham khảo nhé,không dám nói là lấy mà tớ sẽ không đề cập tới cách làm trong bài này .Còn các cậu định làm gì với đám code đó thì tớ chịu .Well sang bước 3

Bước 3:


Các bạn post code css  mình muốn chỉnh sửa cho blog vào lại file blog_cus.css như bt vẫn làmNhưng lưu ý bây giờ ta sẽ tiến hành sửa offline nên code sẽ hơi khác một chút phần link Tớ lấy ví dụ thế này :
Đây là code hình nền blog bt của tớ đang xài nó thế này
Trích:
Body.blog_my, body.guestbook, body.comment_list, body.comment_list, body.blog_my_index,
 body.slideshow, body.blog_archives_folder, body.comment_listing, body.trackback_listing,
body.post_doodle, body.guestbook, body.blog_archives_date, body.blog_archives_all,
body.post_rte, body.subscribe_list, body.post_gb, body.gallery, body.photo_big,
body.photo_upload_pc, body.photo_upload_gallery {background:url(
http://files.myopera.com/Neosteam/albums/652207/matrix.jpg) no-repeat top fixed;}
BODY.profile_view {background:url(
http://files.myopera.com/Neosteam/albums/652207/matrix.jpg
) #FFFFFF repeat center top fixed;}
Vẫn code đó bạn thay phần link ảnh đã upload lên hosting bằng link ảnh trong máy tính của chính bạn   ví dụ
Trích:
E:\Picture\Down load\Dragonica\Artwork_Archer.jpg
Bạn thêm vào phía trước chữ file:\\\ link sẽ thành
Trích:
file:\\\E:\Picture\Down load\Dragonica\Artwork_Archer.jpg
Toàn bộ code theme lúc này sẽ trở thành
Trích:
Body.blog_my, body.guestbook, body.comment_list, body.comment_list, body.blog_my_index,
body.slideshow, body.blog_archives_folder, body.comment_listing, body.trackback_listing,
 body.post_doodle, body.guestbook, body.blog_archives_date, body.blog_archives_all,
body.post_rte, body.subscribe_list, body.post_gb, body.gallery, body.photo_big,
body.photo_upload_pc, body.photo_upload_gallery {background:url(
file:\\\E:\Picture\Down load\Dragonica\Artwork_Archer.jpg) no-repeat top fixed;}
BODY.profile_view {background:url(
file:\\\E:\Picture\Down load\Dragonica\Artwork_Archer.jpg
) #FFFFFF repeat center top fixed;}

Làm tương tự đối với tất cả các code còn lại .Sau đó tiến hành save tất cả code css  vào file blog_cus.css rồi nháy kép vào file còn lại lúc save blog ở đây neo lúc save đặt tên là neoblog.tk 

Bây giờ chỉ việc ngồi ngắm theme mà mình đã sửa ,sau khi ưng ý có thể tiến hành upload các file ảnh liên quan tới theme blog của mình , thay lại các link ảnh trong máy bằng link trên hosting .Copy css đã chỉnh sửa và post lại code css vaò blog .Xong!!!

Lần sau nếu muốn thay đổi theme của blog bạn chỉ cần chỉnh sửa code css trong file blog_cus.css để test thử tất cả từ ảnh nền blog ,ảnh tiêu đề modun, icon tâm trạng,ảnh tạo hiệu ứng ,v..v trước tiến hành thay theme chính thức cho blog của mình


Hi vọng bài tut này có thể giúp được mọi người rút ngắn thời gian chỉnh sửa theme cho blog của mình thông qua chế độ xem offline của các browser như Firefox , IE, Opera ...Ngoài ra nó có thể cho ta tham khảo thêm code css của các blog khác mà tớ đã nói qua trong bài viết này 

 

Bản quyền thuộc Plus Connect - Neosteam


sau (50)
  • Báo cáo

    myfriend760214 01:25 13-10-2009

    bạn ơi hình như chỉnh xửa blog offline không được nữa phải không bạn lúc truớc mình làm được sao giờ không được nữa vậy
  • Báo cáo

    ____Sao*Băng____ 10:33 11-10-2009

    Chà mệt thật!như này thà em sửa trên IE còn hơn!
  • Báo cáo

    ____Sao*Băng____ 10:33 11-10-2009

    Chà mệt thật!như này thà em sửa trên IE còn hơn!
  • Báo cáo

    ____Sao*Băng____ 10:33 11-10-2009

    Chà mệt thật!như này thà em sửa trên IE còn hơn!
  • Báo cáo

    ____Sao*Băng____ 10:33 11-10-2009

    Chà mệt thật!như này thà em sửa trên IE còn hơn!
  • Báo cáo

    cafesua 23:08 08-10-2009

    body.blog_my,body.blog_my_index, body.comment_listing,body.trackback_listing, body.blog_archives_folder,body.blog_archives_date ,body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:#ma_mau url(Link Anh Nen) repeat  fixed center;}

    day la code lam khi cuon hinh nen dung yen dung ko ban? mình sài hok được nhat la cho link anh nen đó bạn.thiệt sự mình hok bít lấy chỗ nào lun áh!!      hix chỉ mình được hok?thank bạn trước và nhìunhìu lun nha
  • Báo cáo

    [D]ante 13:21 02-08-2009

    khó hiễu wa' bạn nói lại đoạn đầu dễ hiểu tý d9x k ?
  • troi kho hiu? that do ban a
  • Báo cáo

    U&I 22:38 20-07-2009

  • ọc không biết dow về kiểu gì toàn hình là hình , lục cũng lòi mắt đây
  • Báo cáo

    minhchien111089 20:41 13-07-2009

    anh ơi sao mà blog các modum của blog em hiện lên dòng chữ this mage or video has been moved or deleted.nhưng em có sử dụng hình nền nào đâu.anh giúp em với.em cảm ơn anh và mọi ngươi trên blog
  • Báo cáo

    Thu-Thuy 17:48 02-07-2009

    Sao mình làm giống như bạn mà không được nhỉ? mình click ko thấy Save as page. Hiện mình đang dùng Explorer.

    nên không thấy j cả??

  • thank na'
  • Báo cáo

    $$$_Love-Money_$$$ 20:53 24-06-2009

    khó hiểu dễ sợ!
  • Báo cáo

    bụt crazy^^ 21:43 23-06-2009

    hehe
    là sao
  • júp mìh đi........:((:((

    mìh ko làm đc......:|:|

  • ban oi minh sao minh khong chen duoc code vao blog nua khi chen no bao la css ban dat qua dai vay la em khong chen duoc them code vao blog nua ha anh lam sao bi h
  • Báo cáo

    t0ny.Hung 22:32 18-06-2009

    Qua hay^^!
  • Báo cáo

    Heyona 01:36 18-06-2009

    Hì hì, làm được rùi. Thanx entry này hén!

    Có cái này có thể chỉnh sửa theme mà ko cần fải fá trực tiếp vào blog. Dạo này 360 plus lỗi wá, fá riết chắc tiu đời 

    Tuy nhiên, mình muốn nói thêm về fần tìm chính xác địa chỉ file ảnh trong máy. Để làm việc này, đầu tiên, bạn cần mở thư mục chứa file đó, ví dụ:

    D:\Images\Blog Sample

    Tìm file mình cần, rồi click chuột phải vào file đó, chọn Open with... >> Choose Program...

    Tiếp theo, chọn trình duyệt mà mình đang sử dụng, ví dụ: IE, FireFox, Opera, Safari... Lúc đó, file ảnh sẽ được mở ra bằng trong 1 cửa sổ mới của trình duyệt đã chọn. Và, địa chỉ của file sẽ hiển thị trên thanh address của cửa sổ đó. Ví dụ:

    Địa chỉ đơn giản của file: D:\Images\Blog Sample\Button_Home.gif 

    Địa chỉ trong trình duyệt Opera: file://localhost/D:/Images/Blog%20Sample/Button_Home.gif

    Địa chỉ trong trình duyệt FireFox: file:///D:/Images/Blog%20Sample/Button_Home.gif

    ...

    Cuối cùng, bạn chỉ việc copy và paste dòng địa chỉ này vào blog_cus.css và lưu lại.

    Với cách làm này, các bạn đỡ mất công thay dấu slash "\" thành "/", đồng thời cũng tránh việc mất link đối với các tên file và thư mục có khoảng trắng vì trình duyệt sẽ tự động sửa nó thành "%20".

    Cái này là tự mò thui, hi vọng giúp được những người thích quậy (as me) ^^!

  •  eo oy sao mo chan' zay phuc' tap/ wua' mjnh doc. jok coa' hieu? ak

  • Báo cáo

    [♥] ¶\¶ [♥] 23:06 08-06-2009

    Anh(chị) nào làm tut này ơi...Em phát hiện chỗ sai vì thế mọi người ko làm đc rồi
    Đó là cái chỗ file:\\\ phải là file:/// và dấu xuyệt cuối cùng phải là dấu "/" các dấu kia(trừ chỗ file:///) thì đều là "\" ...như thế mới được (còn nếu ko được nữa thì sửa tất cả các dấu xuyệt lại thành "/")
    Tốt nhất là nên để file hình vào thư mục gốc(D:/, C:/,...) thì link tới hình là D:/tên hình.jpg(hoặc .png, .gif,...) như thế dễ sửa....
    Có mỗi mấy dấu xuyệt mà dễ nhầm lẫn vậy đấy
    Chúc plusconnect ngày càng phát triển nhé...

  • me^t lam, ko lam dau

  • Báo cáo

    [Jaichi] 01:54 01-06-2009

    Bài viết rất hay... Giờ ta có thể get CSS của người khác được rồi
    Nghĩ tới việc thay link ảnh mà nản quá
    Báo cáo

    plusconnect15:54 01-06-2009

    eo..chịu khó..để làm đẹp..^^ chúc bạn vui
  • lam` den doan thay link anh? vao` y'. luc ra xem thu thi` no chang thay doi j` ca
    Báo cáo

    plusconnect14:40 20-04-2009

    em thay link xem đúng ko? vì khi em tahy link hình rùi, em mới copy code ấy lại vào blog nhe
  • Báo cáo

    A4 family-DHH 05:45 20-04-2009

    hì!hay đấy nhỉ?
    Báo cáo

    plusconnect11:55 20-04-2009

  • khó hiểu quá
    Báo cáo

    plusconnect11:55 20-04-2009

    tập trungthử lại xem sao..!!bạn nhé
  • hic sao em la`m dung' nhu huong dan nhung sao ma ko duoc vay. HIc chi chi? cho em voi
    Báo cáo

    plusconnect11:55 20-04-2009

    ơ..!! em làm đến giai đọan nào mà ko dc nè..??
  • @Classic : Có thể bạn lấy link sai. Cách tốt nhất để bạn lấy link đúng là ví dụ bạn muốn lấy hình A.jpg nào đó trong máy tính làm hình nền. Bạn đang ở trình duyệt, bấm ctrl+O (hoặc vào menu File >>> open file ). Tìm đến hình bạn muốn làm hình nền chọn open. Khi đó trình duyệt web sẽ mở hình đó cho bạn. Bạn chỉ việc copy dòng link trên thanh address là xong, không cần thay đổi gì hết
    Báo cáo

    plusconnect10:18 19-03-2009

    thanks nhóc..^^
  • Báo cáo

    echip1807 06:11 18-03-2009

    troi` oi sao blog tui suot ngay` bi tro ve hien trang cu~ vay troi`
    na?n lam' roai`
    Báo cáo

    plusconnect10:18 19-03-2009

    chắc bị đụng code nó bug ra lỗi đó echip..bình tĩnh nhe
  • Báo cáo

    Classic 23:55 17-03-2009

    hí . Sao em làm như hướng dẫn ma ko đc . hix, cứ bỏ link nào đi thay bằng link file:/// là trong blog offline mất lun cái đó @@
    Báo cáo

    plusconnect10:18 19-03-2009

    đâu có..em phải lấy link đúng nhe,.,!! ví dụ...http://..... thì lúc đó nó sẽ đọc ra file hình em upload ở đâu đó..!!

  • Đây là lời bình riêng
  • Báo cáo

    Junienai 21:43 17-03-2009

    Mình hok rành mấy vụ này lắm dù sao cũng thanks nhỉ ^^
  • Báo cáo

    Junienai 21:43 17-03-2009

    Mình hok rành mấy vụ này lắm dù sao cũng thanks nhỉ ^^
  • í chết ss ơi em đoảng wá! Đây vẫn còn là vấn đề tế nhị (&khó hỉu nữa) mà em wên lỡ bô bô ra hết oy! Ss del cmt júp em nhé!
    Báo cáo

    plusconnect10:17 19-03-2009

    sang em ngay
  • Báo cáo

    khoanhkhac886 13:12 17-03-2009

    Nhà mình càng ngày càng nhìu nhân tài he
    Báo cáo

    plusconnect10:17 19-03-2009

    chúc bạn vui
  • Thanks Tracy cùng Toàn thể các anh chị admin về code :"Design Blog Plus" để e về treo trên blog e... Thân chúc mọi người & cả nhà 1 ngày mới nhìu thành công & thật nhìu vui vẻ nhá! Em trang trí thêm giỏ hoa cho nhà thêm thơm mát nè
    Báo cáo

    plusconnect10:15 19-03-2009

    chúc em vui
  • @(¯`•.†♥Người.Rừng♥†.•´¯)      :  

        <table border="0" cellpadding="0" cellspacing="2">
      <tbody><tr>
        <td align="left" valign="top" height="9"><em></em>
          <p><a href="http://vn.rd.yahoo.com/blog/mod/art_title/*http://vn.myblog.yahoo.com/jw%21Y0RsJZSCHAIf5ioLeJCXeg3GIA--/article?mid=102" target="_parent"></a>Kỹ năng cơ bản </p></td>
        <td align="left" valign="top">Cách đưa nhạc và video </td>
      </tr>
      <tr>
        <td align="left" valign="top" height="9"><p><a href="http://vn.rd.yahoo.com/blog/mod/art_title/*http://vn.myblog.yahoo.com/jw%21Y0RsJZSCHAIf5ioLeJCXeg3GIA--/article?mid=102" target="_parent">Các kĩ thuật cơ bản cho thiết kế và chỉnh sửa Blog cho New   Blogger</a></p></td>

        <td align="left" valign="top" height="9"><a href="http://vn.rd.yahoo.com/blog/mod/art_title/*http://vn.myblog.yahoo.com/jw%21Y0RsJZSCHAIf5ioLeJCXeg3GIA--/article?mid=91" target="_parent">Cài theme, Nhạc cho Blog Plus và kĩ thuật cơ bản</a></td>
      </tr>
    </tbody></table>

    @ssTracy : Thấy ss ko trả lời nên em trả lời giùm được không ss ^_^
    Báo cáo

    plusconnect09:59 17-03-2009

    cám ơn em nhìu nhìu luôn..!! có gì sang giúp ss 1 tay..^^
  • @ngâythơtiểumuội iu siêunhântrứngcút : Code đó là để làm mất những dòng chữ bản quyền ở dưới cùng của blog.

    @^~`·.¸¸.·´´¯`··._.·hijikata toshizou `·.¸¸.·´´¯`··._.·~^~^ : bạn thêm fix vào code CSS đặt hình nền
    body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:#FFFFFF url(http://www.wallcoo.net/cartoon/Digital_Spring_Art_1920x1200/wallpapers/1280x800/Digital_composite_spring_1011.jpg) repeat fixed;}

    @all : ta có thể nhấn ctrl+S để save file css trong khi đó mở trang blog và mỗi lần ấn f5 trang blog sẽ được cập nhật
    Báo cáo

    plusconnect09:58 17-03-2009

    thanks em zai..!! có gì em giúp đỡ mọi người dùm ss..cám ơn em nhiều
  • Báo cáo

    Jacky 09:33 16-03-2009


    Chúc Tracy và cả nhà ngày mới vui vẻ nha.
    ♫  Click vào xem:Tất cả là cuộc sống

    ♫  Click vào xem:8 "bí kíp" cua gái!

    ♫  Click vào xem:Những bức thư tình "hot"

    ♫  Click vào xem:Thứ sáu ngày 13

    ♫  Click vào xem:Sổ tay Yahoo 360 Plus 2009

    ♫  Click vào xem:Sói và Heo

    ♫  Click vào xem:Banner trang trí cho plus

    ♫  Click vào xem:Nối Vòng Tay Lớn

    -->  JackyJohn2009.tk  <--
    Have a nice day

  • Báo cáo

    Phố Núi 2! 07:57 16-03-2009

    Mình làm như bạn nói mà ko được..minh cũng đã xóa hết coungxtrong blog nhưng vẫn ko được.bạn xem lại hộ minh với nha!Đau đầu với nó wá trời...cảm ơn trước há

    Báo cáo

    plusconnect10:00 17-03-2009

    ẹc..ủa vậy bạn chụp hình khi nó báo lỗi lại cho PC nhìn nhe.!! rùi sẽ giúp bạn

  • Báo cáo

    Phố Núi 2! 07:52 16-03-2009

    Trả lời Xóa

    plusconnect 13:11 14-03-2009

    bạn ơi khi bạn Thêm Bạn.. nó hiện ra trang text lỗi chữ ko ..đúng ko? đó là lúc code bị đụng nhau sinh ra lỗi..bạn trở về trang chủ, và thêm bạn lại bình thường thôi à..!!
  • Báo cáo

    Reo Neplovely 00:52 16-03-2009

    "Bài viết này hay quá, xin cảm ơn Plus Connect rất nhiều!
  • A min ơi ! Cho em xin code hay cho e hỏi làm sao có thể làm được menu:

    Design Blog Plus

    Rất mong admin chỉ cho e cách làm như vậy chân thành cảm ơn cho e thân chúc cả nhà 1 buổi tối vui vẻ

    Báo cáo

    plusconnect10:02 17-03-2009

    sr bạn nhe..trả lời trễ..bạn có thể dùng theo đây..!

    <table width="500" border="0" cellpadding="5" cellspacing="1">
      <tr>
        <td width="43%" align="left" valign="top">
        <p><strong><strong><a href="lienket_entry">Ten_entry</a></strong></strong></p>

       <p><strong><strong><a href="lienket_entry">Ten_entry</a></strong></strong></p>
        </td>
         <td width="57%" align="left" valign="top">
       <p><strong><strong><a href="lienket_entry">Ten_entry</a></strong></strong></p>

       <p><strong><strong><a href="lienket_entry">Ten_entry</a></strong></strong></p>

        </td>
         </tr>
    </table>
     cột bên trái là  thẻ <td>..</td
    cột bên phải là <td>..</td

    Nếu muốn thêm entry tiêu biểu vào cột trái  bạn chỉ cần copy đọan <p> màu cam</> bên trong thẻ
    <td>..</td> thêm vào nữa thay đổi tên và đường dẫn là xong

    Nếu muốn thêm entry tiêu biểu vào cột phải bạn chỉ cần copy đọan <p> màu cam</> bên trong thẻ <td>..</td> thêm vào nữa thay đổi tên và đường dẫn là xong

  • Báo cáo

    MasTer 23:36 15-03-2009

    tập trung vào cái fix blog_cus.css  cắt bớt đoạn mã dư ra là có nguyên kit css của người đó.....mình nói có sai ko nhỉ
    Báo cáo

    plusconnect10:03 17-03-2009

    gần như là đúng..nhưng nếu bạn lấy của người khác thì bị trùng theme chắc chắn bạn sẽ ko thíhc nhỉ..^^nên tham khảo thôi bạn nhe..^^
  • Báo cáo

    MasTer 23:33 15-03-2009

    mấy cái này thì mình bit rùi.......làm theo lý thuyết của bạn đưa ra thì mình co thể lấy luôn cả css của người khác mà ko cần họ share
  • Báo cáo

    knight 22:10 15-03-2009

    em sắp sửa xong website rồi ^^, mọi người sang giúp em xây nốt nhà
    Báo cáo

    plusconnect10:04 17-03-2009

    chúc em thành công nhe
  • Báo cáo

    Neosteam 21:51 15-03-2009

    Share theme *Deathnote 360plus theme*
     Ai thích thì cứ lấy xài
    Báo cáo

    plusconnect10:04 17-03-2009

    thanks em
  • Báo cáo

    Neosteam 21:51 15-03-2009

    Share theme *Deathnote 360plus theme*
     Ai thích thì cứ lấy xài
  • Đây là lời bình riêng
    Đây là câu trả lời riêng
  • anh chi ui lam sao em co the lam dung luon nen theme khi cuon trang ma chi co cac modun chay theo ha anh chi

    cac anh chi ui lam on hay chi dum em nhe

    cam on cac anh chi

    chuc cac anh chi mot tuan day vui ve

    Báo cáo

    plusconnect10:07 17-03-2009

    em dùng cái này nhe

    body.blog_my,body.blog_my_index, body.comment_listing,body.trackback_listing, body.blog_archives_folder,body.blog_archives_date ,body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:#ma_mau url(Link Anh Nen) repeat  fixed center;}

sau (50)

Bài viết về bạn hoặc có tag tên bạn:

  • Chưa có bài nào có liên quan.

Người đăng ký yêu thích blog này cũng đồng thời thích:

  • Chưa có blog yêu thích nào có liên quan.