Thứ Ba, 20 tháng 9, 2011

Chia sẻ bài viết của bạn tới các trang mạng xã hội

15:12 kimduccz 2 comments

Nhiều khi bạn muốn chia sẻ 1 bài viết nào đó trong BlogSpot với bạn bè ở các trang mạng xã hội khác nhưng không biết cách nào để làm được điều này ngoài cách thông thường là Copy bài viết đó rồi đăng lại trên các trang mạng xã hội.
Mẹo nhỏ sau đây sẽ mách cho các bạn biết cách để chia sẻ thông tin bài viết từ Blog tới 9 trang mạng xã hội 1 cách đơn giản nhanh chóng chỉ bằng rê và Click chuột vào biểu tượng của trang mạng xã hội mà bạn muốn chia sẻ thông tin.


Để làm được như vậy cần phải Add biểu tượng của 9 trang mạng xã hội để chúng xuất hiện dưới mỗi bài viết trong BlogSpot, nếu muốn bạn hãy làm theo cách sau. Bạn đăng nhập vào Blog (với giao diện cũ), chọn Thiết kế > Chỉnh sửa HTML > Check vào mở rộng mẫu tiện ích. Với giao diện Blog mới, bạn chọn mẫu (tìm ở cột danh sách chỗ mũi tên chỉ xuống bên cạnh biểu tượng quyển sách) > Chọn tiếp chỉnh sửa HTML > Tiếp tục > Check vào mở rộng mẫu tiện ích. Sau đó bạn Click chuột vào bất cứ chỗ nào ở khung phía dưới rồi nhấn cùng 1 lúc 2 phím Ctrl + F, 1 khung tìm kiếm hiện ra bạn gõ vào chữ </head> sau đó bạn dán trước thẻ </head> toàn bộ Code này :

<style type='text/css'>



/* Beautiful Social Bookmarking Widget By Harish @ www.kimduccz.blogspot.com */



ul.kimduccz-social { list-style:none; margin:15px auto;display:inline-block; } /* www.kimduccz.blogspot.com */



ul.kimduccz-social li { display:inline; float:left; background-repeat:no-repeat; }



ul.kimduccz-social li a { display:block; width:48px; height:48px; padding-right:10px; position:relative; text-decoration:none; } /* www.kimduccz.blogspot.com */



ul.kimduccz-social li a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7); -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);} /* www.kimduccz.blogspot.com */



ul.kimduccz-social li.kimduccz-facebook { background-image:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5R2GwErfbO6Vzkk8rVV3HmS3zblDFdMfx8m6Qv_L9Q6hd78513-IolyRaAWM2SOKIsB_9yEuE2cRC3IzsUuBVlQ-knOiQyng_X0ok_z-Fs3B6TVGHC2QkwFwkq3-T_M_H72oywQ5Qc38t/s1600/kimduccz-facebook.png&quot;); } /* www.kimduccz.blogspot.com */



ul.kimduccz-social li.kimduccz-twitter { background-image:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj6HwURn3aaM23wKBarOFLWdQAt-yYdJoBegITjjHdGWyfwDdsD5zDgtI8gJELtW_DBZmw2r9xxQs7ByKQwBD84FwKvfsZAGJ2s1TRqi0e53nKKe5gvuVGLC-lp2of1m1eWHcwL6jDZakN/s1600/kimduccz-twitter.png&quot;); }   /* www.kimduccz.blogspot.com */



ul.kimduccz-social li.kimduccz-googlebuzz { background-image:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl1TZVieIPEQTfi71ZpW2Bye3HK9CZEuFOVlQRkCPiFF95hQ0tY64f_aoTAuIcL853OahuiKgze2Lfq47-tJlCH-MWv4WRc1YYEsdvoA5-YndPMz21d-bxeRcvmizbNmGH4H4abPWfOR0T/s1600/kimduccz-googlebuzz.png&quot;); } /* www.kimduccz.blogspot.com */



ul.kimduccz-social li.kimduccz-stumbleupon { background-image:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhecTenq0p5u_xYKbQu1-g8ee8BM5EYNIljK7R6jgqjJS3pPEMrQDNzayZZjUl51rX6uUs0HImTR8XGergHoOgovCTaUReDkEkAUzlLprN7hrx63w-Uqaohk0NIVs4s8EbHZXTnphknTjSC/s1600/kimduccz-stumbleupon.png&quot;); } /* www.kimduccz.blogspot.com */



ul.kimduccz-social li.kimduccz-digg { background-image:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFDPDyQzEij1EgEWMwpKVPvW2Qo4doc90tursfv72eBZGGNqs94jzoyJj1tv6Un2JKSaOT4ieTAFtQeIpmt3tTxI7twO4dC1kswS2qAWvYO8VGzBcwboqCiDz5VE2cuBb11PSdQ_L6oqP4/s1600/kimduccz-digg.png&quot;); } /* www.kimduccz.blogspot.com */



ul.kimduccz-social li.kimduccz-delicious { background-image:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivx0wRt88PchwB6_R5HIGOeEMZQWb2fB51MkZCK6AIoXvZoRPg6-hJuMhVlLT1WLCxveO3hyJNiu9wV1ATrRUuqjokLzNaVsRUzOLeMca0ZpUCyXPk1NssHw-m51ZMAWp40Vt265LJE390/s1600/kimduccz-delicious.png&quot;); }  /* www.kimduccz.blogspot.com */



ul.kimduccz-social li.kimduccz-linkedin { background-image:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFXghCOXkqQFBz_UHwI3vPLwqm82BqoHkZ02PAQqqOj2x3AYxWujHgGNcOExzX4XhivrCtwIpvVDLJEEiD1P2YCu7IdIumSOTOlg03H068C9raTzyMP8Iz7wjc_n-mKMONCkt7V_I6O_hY/s1600/kimduccz-linkedin.png&quot;); }  /* www.kimduccz.blogspot.com */



ul.kimduccz-social li.kimduccz-reddit { background-image:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMfSoMs3Z-qUUqpafOh-v57H1TDKNbar5ciE7pohBelFCRenYNuEqgRNkvQlFPbYZlEOQXKnKlARuWGsunpbuAthLKm7I_F011mdqZ-Tu5NRkhR_WPNFZNW0M7SD5i4G1eL4oeO1UuOAsH/s1600/kimduccz-reddit.png&quot;); }  /* www.kimduccz.blogspot.com */



ul.kimduccz-social li.kimduccz-technorati { background-image:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnmdG2dQFRKNcZakv0eBhjEgDc9b0WdJMojYdJ8ofzN2fW8rVw5dwGU_tzMV3bucfPLama0fLhX-5zGsCImS56O0af7ZcyGmW4coTSccWuu41VYaY9FBwDYBLsFbq76xSAVPS84Tje1Io5/s1600/kimduccz-technorati.png&quot;); } /* www.kimduccz.blogspot.com */



#kimduccz-cssanime:hover li { opacity:0.2; } /* www.kimduccz.blogspot.com */



#kimduccz-cssanime li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;-moz-transition-property: opacity; -moz-transition-duration: 500ms; } /* www.kimduccz.blogspot.com */



#kimduccz-cssanime li a strong { opacity:0; -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms; -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; } /* www.kimduccz.blogspot.com */



#kimduccz-cssanime li:hover { opacity:1; } /* www.kimduccz.blogspot.com */



#kimduccz-cssanime li:hover a strong { opacity:1; top:-10px; } /* www.kimduccz.blogspot.com */



/* Beautiful Social Bookmarking Widget By Harish @ www.kimduccz.blogspot.com */



</style>

Tiếp theo bạn dán vào sau thẻ <data : post . body/> Code này :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <ul class='kimduccz-social' id='kimduccz-cssanime'>
  <li class='kimduccz-facebook'>
   <a expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' title='Share this on Facebook'><strong>Facebook</strong></a>
  </li>
  <li class='kimduccz-twitter'>
   <a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url ' rel='nofollow' title='Tweet This!'><strong>Twitter</strong></a>
  </li>
  <li class='kimduccz-googlebuzz'>
   <a expr:href='&quot;http://www.google.com/buzz/post?url=&quot; + data:post.url + &quot;&amp;imageurl=&quot;' rel='nofollow' title='Post on GoogleBuzz'><strong>Google Buzz</strong></a>
  </li>
  <li class='kimduccz-stumbleupon'>
   <a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'><strong>StumbleUpon</strong></a>
  </li>
  <li class='kimduccz-digg'>
   <a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Digg this!'><strong>Digg</strong></a>
  </li>
  <li class='kimduccz-delicious'>
   <a expr:href='&quot;http://delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on del.icio.us'><strong>Delicious</strong></a>
  </li>
  <li class='kimduccz-linkedin'>
   <a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;summary=&amp;source=&quot;' rel='nofollow' title='Share this on LinkedIn'><strong>LinkedIn</strong></a>
  </li>
  <li class='kimduccz-reddit'>
   <a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on Reddit'><strong>Reddit</strong></a>
  </li>
  <li class='kimduccz-technorati'>
   <a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url ' rel='nofollow' title='Share this on Technorati'><strong>Technorati</strong></a>
  </li>
 </ul>
</b:if>

Bây giờ bạn thay những chỗ màu đỏ bằng tên Blog của bạn, còn những chỗ màu vàng thay bằng đường Link Blog của bạn.
Chúc các bạn vui vẻ.

                   Theo : way2blogging

Posted in:

2 nhận xét:

Alababi nói...
lúc 17:03 20 tháng 9, 2011

ko can cai do, google "sidebar social network gadget blogger" la tim ra cach de co cai floating side bar nhu ben blog cua minh :D

kimduccz nói...
lúc 14:50 21 tháng 9, 2011

Ồ thế hả, mình không biết điều đó, cám ơn bạn.
Nhìn Web Blog của bạn rất Pro đấy

Đăng nhận xét

Chào các bạn ghé thăm Blog, bạn hãy để lại nhận xét nếu thấy bài viết có ích. Cám ơn các bạn

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by WordPress Themes | by Free - Premium Blogger Themes | Facebook Themes

*_* Bảng thông báo


Blog Kimduccz chào các bạn. Cám ơn các bạn đã đến thăm, rất mong nhận được những đóng góp xây dựng cho Blog ngày một tốt hơn, Blog Kimduccz chúc cộng đồng BlogSpot của chúng ta ngày một phát triển, chúc các bạn vui vẻ, thành công.

*_* Liên kết Blog

*_* Bài xem nhiều