Blog cawnnak in tuzaan lei cu kan van i peh ṭhan hna lai i, a tu ka van langhter duh mi cu a tuah bal mi kan um rih lo sual ah le, a duh a herhmi kan um sual ah tiah kan van i chiahpiak ṭhan hna.
Na Blogger chung ah, Select na tuahmi kha a cung te ah Twitter logo te a cuang lai i, mah Twitter logo te cu na Twitter timeline ah Share khawhnak logo a si.
Cucaah, tuah na duh ve ahcun, a tanglei ah HTML kan van i chiahpiak hna. a tuahning zong a fawi temi asi..
2. Theme ah kal law, Edit HTML kha hmeh(click)
3. Control Ctrl+f kha hmeh ti law, a searchnak ah khan, ]]></b:skin> kawl piak..
4. Na hmuh cun, a tanglei HTML kan chiahpiak mi hi, Copy law ]]></b:skin> cungah khan Paste piak.
.MBLSharetip {
display:none;
top:0;
background:#333;
color:#f16786;
width:40px;
height:32px;
position:absolute;
margin-left:-20px;
opacity:0;
filter:alpha(opacity=0);
z-index:99;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease;
transition:all .3s ease-in-out;
}
.MBLSharetip span {
position:absolute;
content:" ";
border:solid rgba(0,0,0,0);
height:0;
width:0;
top:100%;
border-top-color:#333;
left:50%;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease;
transition:all .3s ease-in-out;
border-width:7px;
margin:0 0 0 -7px;
}
.MBLSharetip a {
color:#f16786;
}
.MBLSharetip:hover {
background:#3D566E;
}
.MBLSharetip:hover span {
border-top-color:#3D566E;
}
.tooltipContainer {
position:relative;
display:block;
width:100%;
height:100%;
top:0;
left:0;
}
.tooltipContainer a {
width:100%;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_a4SyqB6Mt8AIgjjk033vQY9mJPxgWHXHdbhU_jYzbeRIwaeLSdhBptTuvYsZESC6DB0FZ6Qf4LNYOYtLcCmdqETFqOm3gjfBUeH4n45rpjMurwich3nWw4Oj3RXOgKfsCAstNbDPgEXC/s1600/sprites.png) 0 0 no-repeat;
left:0;
top:0;
height:100%;
text-decoration:none;
display:block;
padding:0;
}
.sharingLink {
display:block;
position:absolute;
text-indent:-9999px;
}
5. Cun, </head> kawl piak than law, a tanglei HTML hi copy than lawa cungah paste piak than..
<script type='text/javascript'>
/*<![CDATA[*/
$(document).ready(function() {
textToShare = '';
$(document).mousemove(function(m) {
generateTooltipPosition();
});
});
$(document).mouseup(function() {
$(document).mousemove(function(m) {
generateTooltipPosition()
});
var textToShare = getTextToShare();
var MBLSharetip = document.getElementById("MBLSharetip");
if (textToShare != '') showMeTooltip();
});
$(document).click(function() {
var textToShare = getTextToShare();
var tooltipTitle = null;
var newTooltipTitle = $("#MBLSharetip").attr("title");
if (newTooltipTitle == "") return;
if (newTooltipTitle !== tooltipTitle) $('#MBLSharetip').animate({
opacity: 0
}, 30);
if (textToShare != "") showMeTooltip();
});
$(window).resize(function() {
if ($('#MBLSharetip').show()) {
$('#MBLSharetip').animate({
opacity: 0
}, 30);
}
});
function showMeTooltip() {
var pageURL = window.location.toString();
var twitterLink = "https://twitter.com/intent/tweet?text=" + getTextToShare() + "&via=" + twitterAccount + "&url=" + pageURL;
$('#MBLSharetip').show();
$('#MBLSharetip').animate({
opacity: 1
}, 30);
$('#sendToTwitter').attr('href', twitterLink);
}
function getTextToShare() {
shareTxt = '';
if (window.getSelection) {
shareTxt = window.getSelection();
generateTooltipPosition();
} else if (document.getSelection) {
shareTxt = document.getSelection();
generateTooltipPosition();
}
return shareTxt;
}
function generateTooltipPosition() {
var selection = window.getSelection && window.getSelection();
if (selection && selection.rangeCount > 0) {
range = selection.getRangeAt(0);
pos = $(window).scrollTop();
selection_text = selection.toString(), rect = range.getBoundingClientRect();
$('#MBLSharetip').css({
top: (rect.top + pos - 20) - 32 + 'px',
left: rect.left + (rect.width / 2) + 'px',
});
}
}
/*]]>*/
</script>
6. Donghnak ah </body> kawl piak ṭhan law, a tanglei HTML kan chiahpiak mi hi Copy law, a cungah Paste piak than..
<script>var twitterAccount = "cawnnakes";</script>
<div class="MBLSharetip" id="MBLSharetip">
<div class="tooltipContainer"><a id="sendToTwitter" href="" class="sharingLink twitter"><span></span></a></div>
</div>
7. Na tuahmi tlam a tling cang ahcun, Save Theme kha hmeh (Click) cang.. A DIH>>
0 comments:
Post a Comment