wordpress سېستىمىسىدا jquery ئۈنۈمىدىكى بلوگ لىفىتى ئىقتىدارىنىڭ يېڭى تەدبىرى

jquerspelempey

بۇنىڭدىن بىر قانچە ئاي بۇرۇن پرېستان ئاپتورلىقىدىكى يازمىمىز «WordPress دە بەت ئۈستى، ئاستى ۋە ئىنكاس رايونىغا قايتىش كونۇپكىسى قوشۇش» ناملىق يازمىمىز ئېلان قىلىنغاندىن كېيىن، نۇرغۇن بلوگداشلارنىڭ ئالقىشىغا ئېرىشكەن ئىدى. بۈگۈن مەن بۇ ئىقتىدارنى « بلوگ لىفىتى » دەپ ئاتاش بىلەن بىرگە، wordpress سېستىمىسىدا jquery ئۈنۈمىدىكى بلوگ لىفىتى ئىقتىدارىنىڭ يېڭى تەدبىرىنى تونۇشتۇرۇپ ئۆتىمەن، دىققىتىڭلار يازمىمىزدا بولسۇن…


تەدبىرنىڭ بايانى ۋە پايانى

بلوگىڭىزغا بلوگ لىفىتى ئىقتىدارىنى قوشۇپ قويسىڭىز زىيارەتچىلەرگە ئاز بولمىغان قولايلىقلارنى ئېلىپ كېلەلەيسىز. زىيارەتچىلەر بىرلا بېسىپ بلوگنىڭ ئەڭ ئاستىغا، يەنە بىرلا بېسىپ ئەڭ ئۈستىگە قايتالايدۇ، ئەڭ مۇھىم يازما بېتىدە بىر كونۇپكا بىلەن ئىنكاس رايونىغا بارالايدۇدە سىزنىڭ يازمىڭىزغا ئۈماق باھادىن بىرنى قالدۇرۇپ كېتىپ قالىدۇ، ئۈنىمىنى مەزكۇر بلوگنىڭ ئوڭ تەرىپىدىن كۆرۈۋېلىڭ، ئۇنداقتا بىز ئىشنى باشلايلى.

1. تۆۋەندىكى كودنى ئۇسلۇبىڭىزنىڭ footer.php ھۆججىتىنى ئېچىپ نىڭ ئۈستىگە چاپلاڭ:

<;div id="shangxia">

title="بەت بېشىغا چىقىمەن">;

<;?php if ( is_singular() ){ ?>

<;div

id="comt" title="ئىنكاس كۆرىمەن">;

<;script type="text/javascript"

src=""<?php bloginfo('template_directory');

?>

 1: /comments-ajax.js">;

<;?php } ?>

<;div

id="xia" title="بەت ئاستىغا قايتىمەن">

2. تۆۋەندىكى كودنى ئۇسلۇبىڭىزنىڭ header.php ھۆججىتىنى ئېچىپ نىڭ ئۈستىگە چاپلاڭ:

3. خاتىرە دەپتەرنى ئېچىپ تۆۋەندىكى كودنى چاپلاڭ ھەمدە jquery_updown.js  نامىدا ساقلاڭ(كېڭەيتىلگەن نامىنىڭ .js بولىشىغا دىققەت قىلىڭ) ئاندىن jquery_updown.js ھۆججىتىنى ئۇسلۇبىڭىزنىڭ js فولدىرىغا ئورۇنلاشتۇرۇڭ(ناۋادا ئۇسلۇبىڭىزدا js ناملىك فولدېر بولمىسا يېڭىدىن قۇرۇۋالسىڭىز بولىدۇ):

//updown

jQuery(document).ready(function($) {$body = (window.opera) ?

(document.compatMode == "CSS1Compat" ? $("html") : $("body")) :

$("html,body");$("#shang").mouseover(function() {up()}).mouseout(function()

{clearTimeout(fq)}).click(function() {$body.animate({scrollTop:

0},400)});$("#xia").mouseover(function() {dn()}).mouseout(function()

{clearTimeout(fq)}).click(function() {$body.animate({scrollTop:

$(document).height()},400)});$("#comt").click(function()

{$body.animate({scrollTop: $("#comments").offset().top},400)});});function up()

{$wd = $(window);$wd.scrollTop($wd.scrollTop() - 1);fq = setTimeout("up()",

50)};function dn() {$wd = $(window);$wd.scrollTop($wd.scrollTop() + 1);fq =

setTimeout("dn()", 50)};

4. تۆۋەندىكى كودنى ئۇسلۇبنىڭ پاسون ھۆججىتى style.css نىڭ ئەڭ ئاستىغا ئورۇنلاشتۇرۇڭ:

/*---updown---*/

#shangxia{position:fixed;top:45%;right:45%;display:block;margin-right:-515px; 

z-index:999;}

#shang,#comt,#xia{background:url(images/updown.png)

no-repeat;position:relative;cursor:pointer;height:25px;width:29px;margin:10px 0 

0;}

#comt{background-position:left

-30px;height:32px;}

#xia{background-position:left

-68px;}

#comt:hover{background-position:right

-30px;}

#shang:hover{background-position:right

0;}

#xia:hover{background-position:right -68px ;}

5. ئەمدى تۆۋەندىكى رەسىمنى كومپىيۇتېرىڭىزغا چۈشۈرۈپ ئۇسلۇبنىڭ images فولدېرىغا ئورۇنلاشتۇرۇڭ( ھۆججەت نامىنىڭ updown.png بولىشىغا دىققەت قىلىڭ):

updown

يۇقارقى باسقۇچلارنى تاماملاپ بولغان بولسىڭىز، مۇبارەك بولسۇن، يېڭىچە بىر بلوگ لىفىتىنى مۇۋاپپىقىيەتلىك ھالدا ئورۇنلاشتۇرۇۋالدىڭىز، ئەمىسە، قولىڭىزنى ئىنكاسقا چۈشۈرۈپ ئېلاندىن بىر قانچىنى چىكىۋېتەرسىز.



无觅相关文章插件,快速提升流量


5 باھا يېزىلىپ بوپتۇغۇ؟ سىزلا يازمىغان ئوخشايسىز ...
باھا يوللاش( قەلب سۆزلىرىڭىزدىن قالدۇرۇپ كىتىڭ)


icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif