Car Reviews

Auto Show

Sự kiệnThông tinChi tiết
Vietnam Motor Show 20165/10 đến 9/10 tại I.C.E, 91 Trần Hưng Đạo, Hà Nội Tham gia
Vietnam International Motor Show 201626/10 đến 30/10 tại SECC, 799 Nguyễn Văn Linh, Sài Gòn Tham gia

Wednesday, May 09, 2012

Nút Share trượt hình quả trứng cho blogspot

Cool Fixed Position Slide Open Egg Social Bookmarking Gadget For Blogger - Nút Share hình quả trứng trượt cho blogspot

Chia sẻ:
Nút Share trượt hình quả trứng cho blogspot
Hôm nay namkna sẽ hướng dẫn các bạn cách tạo một nút chia sẻ hình quả trứng cho blog. Tiện ích này đực namkna giới thiệu theo yêu cầu của bạn Mrdix89. Đặc điểm của tiện ích là ban đầu khi chưa rê chuột vào thì các nút share có hình quả trứng, sau khi rê chuột vào thì quả trứng tách đôi ra và hiện nên các nút share để bạn có thể tùy chọn.
Các bạn có thể xem Demo để thấy rõ hơn.

Cách tiến hành:
   1- Đăng nhập vào Blog
   2- Vào thiết kế (Mẫu)
   3- Chọn Chỉnh sửa HTML
   4- Dán đoạn code sau vào trước thẻ đóng </head>.
<!-- Start Heart Bookmarking Gadget Code From http://namkna.blogspot.com/ -->
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Heart Bookmarking Gadget Code From http://namkna.blogspot.com/ -->
   4- Dán đoạn code sau vào trước thẻ đóng </body>.
<!-- Start Heart Share Code From http://namkna.blogspot.com/ -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareEgg'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script>
<a href="http://namkna.blogspot.com/2012/05/nut-share-truot-hinh-qua-trung-cho.html">Blogger Gadgets</a>
<!-- End Heart Share Code From http://namkna.blogspot.com/ -->
Trong đó:
  • bottom: 2% là vị trí của tiện ích so với chân blog.
  • left: 2% là vị trí của tiện ích so với cột tay phải.
  5-  Bấm Lưu   (save Widget) lại.

Chúc thành công! 
(spiceupyourblog.)

44 nhận xét:

  1. Hay cái gì mà hay, Hôm trc ông nam bảo có thời gain sẽ chia sẻ nút SHARE đang dùng, mà hôm nay vẫn chưa thấy gì, ông lại đăng cái bài dở hơi cmas lợn này làm gì chứ, bây giờ ai dùng nút Share này nữa, hixxxx

    ReplyDelete
  2. @Phạm Anh Tú Nút Chia sẻ của mình mình đã hướng dẫn Tại đây rùi mà. Chính là Cách 1 mình đã fix lại toàn bộ code rùi đó. Bạn coi lại đi nha,:3) :3) :3)

    ReplyDelete
  3. Đẹp quá để P làm thử thank nhiều admin pro.

    ReplyDelete
  4. Đẹp mà load lại nhanh. Pro quá. :5) :5) :5)

    ReplyDelete
  5. Ông củ chuối quá!!!! ko hiểu tôi nói gì ak???? nút Share của ông nói nó là nút trượt dọc, nhìn nó khó chịu lắm, ý tôi muốn ông chia sẻ là nút SHARE mà ông đang sử dụng cơ, Tôi đã tìm trên bài viết của các Blogger nước ngoài mà tìm ko ra, nhờ ông chia sẻ nhanh giúp giúp, cảm ơn.

    ReplyDelete
  6. @Phạm Anh Tú Hĩ oan uổng quá. Lần này phải sory tôi mới được.

    - Ông xem lại Nhận xét thứ 4 trong bài này. Tôi đã chỉ đường dẫn tới bài viết đó rùi. (http://namkna.blogspot.com/2011/12/tien-ich-cac-nut-share-truot-doc-cho.html) Tại ông không bám vào các liên kết tôi gán cho đó chứ. Cách 1 là tôi đã sửa lại bằng code của tôi rồi. Ông nhớ xem lại Cách 1 trong bài này

    - thế nào giờ thì Sory tôi được chưa.:C) :C) :C) :C)

    ReplyDelete
  7. This comment has been removed by the author.

    ReplyDelete
  8. HiHi, chân thành cảm ơn Nam, và thật sự xin lỗi nhé. thank nhìu.

    ReplyDelete
  9. @Phạm Anh Tú Không có gì chắc tại ở trên mình không nói rõ nên bạn không để ý :3) :3) :3)

    ReplyDelete
  10. Tut rất gút
    đã làm được thanks cậu
    Rảnh ghé nhà tớ chơi
    http://usd1vn.com/

    ReplyDelete
  11. @nguyễn anh dũng Không có gì, bạn làm về kiếm iền online hả :

    ReplyDelete
  12. @Fairstar

    uk làm cái site cho có ads thôi.

    Mấy cái lôm côm để pr :F)

    site cậu gút thế mà k kiếm tiền thì hơi phí đó :F)

    ReplyDelete
  13. nam ơi chỉ em tao5cai1 tiêu đề cho plog đi , em tạo 1 cái uj tạo nhưng giờ sửa lại nội dung muốn đổi tên để tìm trên google phải làm sao?

    ReplyDelete
  14. Mình làm đúng như hướng dnẫ rồi mà ch8ảng nhìn thấy quả trứng đâu cả.:B)

    ReplyDelete
  15. This comment has been removed by the author.

    ReplyDelete
  16. bạn cho mih xin cái code cái bảng ở góc phải có chữ like đi :)

    ReplyDelete
  17. bạn ơi mình làm được rồi nhưng 2 cái button lên xuống đầu cuối trang lại bị vô hiệu không còn tác dụng nữa là sao nhỉ?
    http://conducmethanhxuan.blogspot.com/

    ReplyDelete
    Replies
    1. Nó vẫn hoạt động đó thôi bạn :?

      Delete
  18. ah mình sữa được rồi nhưng thanh điều hướng bị lệch xuống một tí nên mình bỏ luôn thanh điều hướng, nhưng nó vẫn còn hiển thị mấy chữ: Blogger Gadgets trên góc trái đó. mình click vào thì nó dẫn đến trang này của bạn là sao vậy nhỉ và làm sao để bỏ nó vậy bạn.thanks

    ReplyDelete
    Replies
    1. Bạn có thể xóa nó đi bằng cách xóa đoạn này nha:

      <a href="http://namkna.blogspot.com/2012/05/nut-share-truot-hinh-qua-trung-cho.html">Blogger Gadgets</a>

      Delete
  19. This comment has been removed by the author.

    ReplyDelete
  20. bạn ơi mình cũng bị như vậy và mình cũng xóa đoạn trên như bạn nói rồi mà vẫn không được bạn ah, nó vẫn hiển thị như khi chưa xóa vậy.
    http://sihuong.blogspot.com
    mog bạn chỉ giùm. thanks

    ReplyDelete
    Replies
    1. nÓ đâu có hiển thị nữa đâu. bạn nên kiểm tra lại đi nha.

      Delete
  21. sao thế nhỉ, mình kiểm tra lại vẫn còn và cũng mượn máy khác về kiểm tra vẫn thấy dòng chữ đó bạn ah

    ReplyDelete
  22. ah được rồi thì ra lúc đầu mình dán nhầm đoạn code đó lên đoạn code một nữa nên giờ nó có 2 đoạn như vậy, mình xóa rồi. cảm ơn bạn nhiều lắm.

    ReplyDelete
  23. ah nhân tiện bạn chỉ mình cách làm site map giống trang của bạn được không, mình thấy trang này đẹp lắm

    ReplyDelete
  24. This comment has been removed by a blog administrator.

    ReplyDelete
  25. Bạn Nam ơi bạn có thể sữa giúp mình cái lỗi này bạn vào wed này http://www.newsthienha.tk/2014/03/sinh-vat-ma-quy-oi-lot-tre-so-sinh.html nhấn nút share bài viết qua facebook thì sao lại xuật hiện máy cái ký tự đạt biệt thế kia bạn bạn giúp mình với

    ReplyDelete
    Replies
    1. Bạn thêm đoạn code bên dưới vào sau thẻ <head>

      <b:include data='blog' name='all-head-content'/>
      <title>
      <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <data:blog.pageTitle/>
      <b:else/>
      <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
      <data:blog.pageName/> | <data:blog.title/>
      <b:else/>
      404 | <data:blog.title/>
      </b:if>
      </b:if>
      </title>
      <b:if cond='data:blog.metaDescription == &quot;&quot;'>
      <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
      <b:else/>
      <meta expr:content='data:blog.metaDescription' name='description'/>
      </b:if>

      Delete
  26. có thể nào mà thay đổi hình khác cho quả trứng hok bạn.. ví dụ 1 trái tim chẳng hạn

    ReplyDelete
    Replies
    1. Tất nhiên là được bạn tải file js shareegg.css về máy tại đây: TẢI NGAY rồi mở nó ra bằng Notepad và thay thế 2 link ảnh sau trong đó thành link ảnh trái tim của bạn:

      http://w.sharethis.com/gallery/shareegg/shareegg.png

      Sau khi thay thế xong bạn tải lên host của bạn và thay vào file ban đầu là được. Nếu chưa có host bạn có thể dùng GOOGLE DRIVE

      Delete
  27. help giúp với sao nhấn share facebok thì màu trắng vậy bạn link:https://www.facebook.com/sharer/sharer.php?u=http://www.newsthienha.tk/2014/06/bao-bui-quet-qua-iran-hon-30-nguoi.html&t=B%C3%A3o+b%E1%BB%A5i+qu%C3%A9t+qua+Iran,+h%C6%A1n+30+ng%C6%B0%E1%BB%9Di+th%C6%B0%C6%A1ng+vong giúp mình với

    ReplyDelete
    Replies
    1. Cho mình link trang bạn áp dụng thủ thuật này nha.

      Delete
  28. mình đã thử và thành cống mn vào xem được không :) http://thongtactoilettot.blogspot.com/

    ReplyDelete
  29. mình đã thử và thành cống mn vào xem được không :) http://thongtactoilettot.blogspot.com/

    ReplyDelete
  30. Cho em hỏi sao khi tạo xong , nhưng lúc bấm nút gửi thì như vậy

    http://i.imgur.com/A1A5MpG.jpg

    không đúng địa chỉ của bài

    2.Cái box email , em làm theo anh nhưng khi vào trang thì nó lại kéo xuống box đó , mà hk phải bài viết

    3. Khi em làm theo anh mỗi khi có Jquery thì hk thấy hiển thị gì ?

    Blog của em : http://hanguyetlanhdi.blogspot.com/

    ReplyDelete