Thư viện

Sự kiện

Thứ Tư, tháng 5 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

    Trả lờiXóa
  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)

    Trả lờiXóa
  3. Đẹp quá để P làm thử thank nhiều admin pro.

    Trả lờiXóa
  4. Đẹp mà load lại nhanh. Pro quá. :5) :5) :5)

    Trả lờiXóa
  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.

    Trả lờiXóa
  6. hay wa anh namkna ơi

    Trả lờiXóa
  7. @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)

    Trả lờiXóa
  8. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  9. HiHi, chân thành cảm ơn Nam, và thật sự xin lỗi nhé. thank nhìu.

    Trả lờiXóa
  10. @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)

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

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

    Trả lờiXóa
  13. @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)

    Trả lờiXóa
  14. 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?

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

    Trả lờiXóa
  16. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  17. bạn cho mih xin cái code cái bảng ở góc phải có chữ like đi :)

    Trả lờiXóa
  18. 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/

    Trả lờiXóa
    Trả lời
    1. Nó vẫn hoạt động đó thôi bạn :?

      Xóa
  19. 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

    Trả lờiXóa
    Trả lời
    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>

      Xóa
  20. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  21. 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

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

      Xóa
  22. 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

    Trả lờiXóa
  23. 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.

    Trả lờiXóa
  24. 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

    Trả lờiXóa
  25. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
  26. 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

    Trả lờiXóa
    Trả lời
    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>

      Xóa
  27. 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

    Trả lờiXóa
    Trả lời
    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

      Xóa
  28. 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

    Trả lờiXóa
    Trả lời
    1. Cho mình link trang bạn áp dụng thủ thuật này nha.

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

    Trả lờiXóa
  30. mình đã thử và thành cống mn vào xem được không :) http://thongtactoilettot.blogspot.com/

    Trả lờiXóa
  31. 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/

    Trả lờiXóa