Tin Công nghệ, Mạng máy tính, Điện Thoại, iPhone, Thủ thuật Bloger: share

Showing posts with label share. Show all posts

4/2/14

Tiện ích share hình trái tim cho blogspot

10:12 AM Blogger, share, Thủ Thuật Blogger, Tips No comments

Demo ảnh

1. Tìm dòng </head> rồi Coppy và Paste đoạn mã dưới đây bên trên </head> vừa tìm được.

<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;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

2. Tìm dòng <body> và thêm bên trên nó đoạn mã dưới đây:

<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script>

3. Lưu template lại và kiểm tra kết quả.

Thêm nút Sexy Social Bookmark cho Blogger

6:47 PM share, Thủ Thuật Blogger No comments

1.Đăng nhập bảng điều khiển--> Bố cục - -> Chỉnh sửa HTML

2.Chọn "Mở rộng mẫu tiện ích"

3.Ấn tổ hợp phím Ctrl + F tìm thẻ </head> .

4.Dán đoạn mã bên dưới trước thẻ </head>.

<style type='text/css'>
div.sexy-bookmarks {
height:54px;
background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw0PxhbniHZBcxst1-velOqL5OrykZJxe2AR4mYEvYEKJf8w6kxytetWqf0dceHCTIhyphenhyphenISq7q_ZhIkUPofGuPS5akbg1Gff3ly4Cr2CkLE4IZFQgV-34Q7yuEsxtzVFmMJu-9Xo1vDcMxH/&#39;) no-repeat left bottom;
position:relative;
width:540px;
}

div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw0PxhbniHZBcxst1-velOqL5OrykZJxe2AR4mYEvYEKJf8w6kxytetWqf0dceHCTIhyphenhyphenISq7q_ZhIkUPofGuPS5akbg1Gff3ly4Cr2CkLE4IZFQgV-34Q7yuEsxtzVFmMJu-9Xo1vDcMxH/&#39;) no-repeat right bottom;
position:absolute;
right:-17px;
}

div.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

div.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}

div.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;

}

.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHWDytNc5kh15GSNhdAYgFeGb2oVRx8Y3HkPz1irTgO5RGv3SAk-YzSwZfhd1wEEQfAwhHJKBOg42ZtF0rL-FMcnxm7yeVorCmxsmBkGxVfBeQzJCY-duqC0vbLQlQAfZ91oVZnW-Tg52i/&#39;) no-repeat !important;
}

.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}

</style>

4. Tìm tiếp đoạn mã

<p><data:post.body/></p>

5.Dán đoạn mã bên dưới ngay sau dòng vừa tìm được

</ul>
<span class='sexy-rightside'/></div>

6.Clicklưu mẫu và xong

Kết quả:

Thêm nút share và bookmark cho blog

9:17 PM share, Thủ Thuật Blogger No comments

1.Đăng nhập vào blog--> Bố cục -> chỉnh sửa HTML

2.Chọn "Mở rộng Mẫu Tiện ích"

3.Ấn Ctrl + F tìm đoạn mã dưới:

<div class='post-header-line-1'/>

4.Copy đoạn mã bên dưới dán ngay sau đoạn mã vừa tìm được

( Nếu bạn không tìm thấy <div class='post-header-line-1'/> trong mẫu của bạn thì hãy dán đoạn mã của "AddThis" trước thẻ <data:post.body/> .)

Đoạn mã 1

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b55855363d6632d"></script></div>
<!-- AddThis Button END -->

</div>

kết quả:

Đoạn mã 2

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/v2/lg-bookmark-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b558593299fd997"></script></div>
<!-- AddThis Button END -->

</div>

kết quả:

Đoạn mã 3:

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/v2/lg-addthis-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b5585c80ff82aac"></script></div>
<!-- AddThis Button END -->

</div>

kết quả:

Đoạn mã 4:

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/sm-share-en.gif" width="83" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b5586845b60ff40"></script></div>
<!-- AddThis Button END -->

</div>

kết quả:

Đoạn mã 5:

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/sm-bookmark-en.gif" width="83" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b55875379b5c8f3"></script></div>
<!-- AddThis Button END -->

</div>

kết quả:

Đoạn mã6:

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a class='addthis_button_facebook'></a>
<a class='addthis_button_email'></a>
<a class='addthis_button_favorites'></a>
<a class='addthis_button_print'></a>
<span class='addthis_separator'>|</span>
<a href='http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4b5586c652f95395' class='addthis_button_expanded'>More</a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b5586c652f95395"></script>
<!-- AddThis Button END -->

</div>

kết quả:

Đoạn mã 7:

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a href='http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4b5587e277ca916d' class='addthis_button_compact'>Share</a>
<span class='addthis_separator'>|</span>
<a class='addthis_button_facebook'></a>
<a class='addthis_button_myspace'></a>
<a class='addthis_button_google'></a>
<a class='addthis_button_twitter'></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b5587e277ca916d"></script>
<!-- AddThis Button END -->

</div>

kết quả/l

Đoạn mã 8:

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a href='http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4b55883524f285e8' class='addthis_button_compact'>Share</a>
<span class='addthis_separator'>|</span>
<a class='addthis_button_facebook'></a>
<a class='addthis_button_email'></a>
<a class='addthis_button_favorites'></a>
<a class='addthis_button_print'></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b55883524f285e8"></script>
<!-- AddThis Button END -->

</div>

kết quả:

Đoạn mã 9:

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a href='http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4b5588770c1bff63' class='addthis_button_compact'>Share</a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b5588770c1bff63"></script>
<!-- AddThis Button END -->

</div>

kết quả:

Đoạn mã 10 :

<div style='float:right;margin-right:10px;margin-top:20px;'>

<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a href='http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4b5588b76e958c62' class='addthis_button_compact'></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b5588b76e958c62"></script>
<!-- AddThis Button END -->

</div>

kết quả:

Tao box share đẹp cho blogger

9:14 PM Box, share, Thủ Thuật Blogger No comments

1.Đăng nhập vào bảng điều khiển --> Thiết kế- -> Edit HTML

2.Click chọn "Expand Widget Templates"

3.Ấn Ctlr + F tìm đoạn mã dưới

<div class='post-header-line-1'/>

4.Copy đoạn mã bên dưới vào ngay sau đoạn mã vừa tìm được

<b:if cond='data:blog.pageType == "item"'>

<style type='text/css'>
.multisharebox {
 background: none repeat scroll 0 0 #EFEFEF;
 float: right;
 margin: 5px 0px 3px 10px;
 padding: 0 5px 0;
 text-shadow: 0 1px 0 #FFFFFF;
 width: 260px;
 border:4px solid #d8dfea;
}
.fb-like-boxtop {
 background: none repeat scroll 0 0 #EDEFF4;
 border: 1px solid #D8DFEA;
 color: #000000;
 float: right;
 font-size: 11px;
 margin: 0 0;
 padding: 5px 10px;
 text-align: left;
 width: 230px;
}
.fb-like-boxtop a {
 color: #000000;
 text-decoration:none;
}
.fb-like-boxtop a:hover {
 color: #000000;
 text-decoration:underline;
}
.fb-like-box {
 background: none repeat scroll 0 0 #EDEFF4;
 border: 1px solid #D8DFEA;
 color: #000000;
 float: right;
 font-size: 11px;
 height: 60px;
 margin: 5px 0;
 overflow: hidden;
 padding: 5px 10px;
 text-align: left;
 width: 230px;
}
</style>

<!-- Perfect Share Box : Created by www.bloggertipandtrick.net  -->
<div class='multisharebox'>
<table><tr>
<td><table><tr>
<td><a class='twitter-share-button' data-count='vertical' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'/>
<b:if cond='data:post.isFirstPost'>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>
</b:if></td>
<td><script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=5&amp;r=&quot; + data:post.url'/></td>
<td><a class='google-buzz-button' data-button-style='normal-count' data-locale='en_IN' expr:data-url='data:post.url' href='http://www.google.com/buzz/post' rel='nofollow' title='Post on Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></td>
<td><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></td>
</tr></table></td>
</tr><tr>
<td><div class='fb-like-boxtop'><a expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>BlogThis!</a> | <a expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>Email This!</a> | <a href='javascript:window.print();'>Print This!</a> | <b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>No comments</b:if><b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments &gt;= 2'><data:post.numComments/> comments</b:if></a></b:if></div></td

Lưu ý : nếu muốn boxshare hiện thị trên tất cả các bài viết thì xóa dòng code màu xanh

5. Click lưu mẫu .Xong!

4/2/14

Tiện ích share hình trái tim cho blogspot

3/11/14

Khung Chia sẻ Đẹp Cho Blogger

1/18/13

Thêm nút Sexy Social Bookmark cho Blogger

1/14/13

Thêm nút share và bookmark cho blog

1/12/13

Tao box share đẹp cho blogger

Labels

Blog Archive

Contact

Text link

Total Pageviews

4/2/14

Tiện ích share hình trái tim cho blogspot

3/11/14

Khung Chia sẻ Đẹp Cho Blogger

1/18/13

Thêm nút Sexy Social Bookmark cho Blogger

1/14/13

Thêm nút share và bookmark cho blog

1/12/13

Tao box share đẹp cho blogger

Social Profiles

Labels

Blog Archive

Contact

Text link

Total Pageviews