اخر المواضيع

آخر الأخبار

الجمعة

برمجه هكركوز الازرار للاعلى والاسفل

نُضيف أزرار التمرير داخل index.html


<!-- أزرار أعلى/أسفل -->

<button onclick="scrollToTop()" class="scroll-btn top">🔝</button>

<button onclick="scrollToBottom()" class="scroll-btn bottom">🔻</button>


نُضيف تنسيق CSS خاص بها في style.css

.scroll-btn {

  position: fixed;

  right: 20px;

  background-color: #2c3e50;

  color: white;

  border: none;

  padding: 12px;

  border-radius: 50%;

  cursor: pointer;

  z-index: 100;

  font-size: 20px;

  box-shadow: 0 2px 8px rgba(0,0,0,0.3);

  transition: background 0.3s;

}


.scroll-btn:hover {

  background-color: #1abc9c;

}


.scroll-btn.top {

  bottom: 80px;

}


.scroll-btn.bottom {

  bottom: 20px;

}



نضيف دوال التمرير في script.js


function scrollToTop() {

  window.scrollTo({ top: 0, behavior: 'smooth' });

}


function scrollToBottom() {

  window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' });

}


وسلامتكم


اقرأ المزيد
author

الأحد

وضع كود مشاهده زوار المدونه اتبع Google Analytics

 لزم الدخول لـ  Google Analytics


الكود اللى لزم تضيفه بقالب مدونتك والبحث عن

<head>

او

</head>

فوقه


<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXXX-X"></script>

<script>

  window.dataLayer = window.dataLayer || [];

  function gtag(){dataLayer.push(arguments);}

  gtag('js', new Date());


  gtag('config', 'UA-XXXXXXXXX-X');

</script>


راح تضيف الكود الخاص بمدونتك لتعديل لـ 

XXXXXXXXX-X


بمجرد أن تكون قد أضفت Google Analytics وبعد أن تكون قد حصلت على بيانات الزوار في حساب Google Analytics الخاص بك، يمكنك استخدام الكود التالي لعرض عدد الزوار الحاليين بمدونتك


<script>

function displayVisitorsCount(json) {

    var visitors = json.totalsForAllResults['ga:pageviews'];

    document.getElementById('visitorsCount').innerHTML = 'عدد الزوار الحاليين: <b>' + visitors + '</b>';

}

</script>


<div id="visitorsCount" style="text-align: center; font-size: 18px; margin-top: 20px;"></div>


<script src="https://www.google-analytics.com/analytics.js"></script>

<script>

gapi.analytics.ready(function() {

    gapi.analytics.auth.authorize({

        'serverAuth': {

            'access_token': 'YOUR_ACCESS_TOKEN' // يجب استبدال YOUR_ACCESS_TOKEN بالرمز الذي يتم استخدامه


وكود اخر 


<script>

function displayVisitorsCount(json) {

    var visitors = json.totalsForAllResults['ga:pageviews'];

    document.getElementById('visitorsCount').innerHTML = 'عدد الزوار الحاليين: <b>' + visitors + '</b>';

}

</script>


<div id="visitorsCount" style="text-align: center; font-size: 18px; margin-top: 20px;"></div>


<script src="https://www.google-analytics.com/analytics.js"></script>

<script>

gapi.analytics.ready(function() {

    var viewId = 'YOUR_VIEW_ID'; // استبدل YOUR_VIEW_ID بمعرف عرض Google Analytics لموقعك


    var data = new gapi.analytics.report.Data({

        query: {

            ids: 'ga:' + viewId,

            metrics: 'ga:pageviews',

            'start-date': '30daysAgo', // يمكنك تعديل تاريخ البداية حسب احتياجاتك

            'end-date': 'today' // يمكنك تعديل تاريخ النهاية حسب احتياجاتك

        }

    });


    data.on('success', function(response) {

        displayVisitorsCount(response);

    });


    data.execute();

});

</script>



كيفية تعديل الكود:

معرف العرض (viewId):


قم بتعديل YOUR_VIEW_ID إلى معرف عرض Google Analytics الخاص بموقعك. يمكنك العثور على هذا المعرف في واجهة Google Analytics في قسم "إعدادات العرض" تحت "معلومات العرض".

تاريخ البداية والنهاية:


يمكنك تعديل تواريخ البداية والنهاية (start-date و end-date) في الطلب الخاص بك حسب ما تريد. في المثال، تم تعيين start-date إلى "30daysAgo" و end-date إلى "today"، ولكن يمكنك تعديل هذه القيم بحسب احتياجاتك.

باستخدام هذا الكود، سيتم استعلام Google Analytics للحصول على عدد الزيارات خلال الفترة المحددة، ومن ثم عرض هذا العدد في العنصر المحدد بـ <div id="visitorsCount">. تأكد من أنك قمت بتضمين النص باللغة العربية كما تريد، ويمكنك ضبط التنسيق والأسلوب حسب تصميم مدونتك


والتطبيق الاخير :


<body>

<div id="postsCount"></div>

<div id="commentsCount"></div>

<div id="visitorsCount"></div>


<script type="text/javascript">

function numberOfPosts(json) {

    document.getElementById('postsCount').innerHTML = 'عدد المواضيع: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>';

}


function numberOfComments(json) {

    document.getElementById('commentsCount').innerHTML = 'عدد التعليقات: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>';

}


function displayVisitorsCount(json) {

    document.getElementById('visitorsCount').innerHTML = 'عدد الزوار الحاليين: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>';

}

</script>


<font color="blue">

<script src="/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>

<script src="/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>

<script src="/feeds/visitor-count/default?alt=json-in-script&callback=displayVisitorsCount"></script>



بعد التعرف على

XXXXXXXXX-X

واضافه بالقالب


اقرأ المزيد
author

السبت

ماذا تعرف عن ps.w.org هذا

 الرسمي

https://wordpress.org/

الاضافات

https://ps.w.org/

كيفية استخدام ps.w.org في سياق WordPress:


البحث عن إضافة: افترض أنك ترغب في إضافة معينة لموقعك الذي يعمل بنظام WordPress، مثل إضافة لإدارة النشر على وسائل التواصل الاجتماعي. يمكنك زيارة ps.w.org واستخدام صندوق البحث للبحث عن "social media publishing"


اختيار الإضافة المناسبة: بعد البحث، ستظهر لك نتائج تتعلق بالإضافات المتاحة. اختر الإضافة التي ترغب في استخدامها على أساس التقييمات والوصف والميزات المتاحة


تحميل وتثبيت الإضافة: بعد اختيار الإضافة، انقر على زر التثبيت أو تنزيل لتحميل الإضافة إلى موقعك. سيتم تثبيت الإضافة بشكل طبيعي من خلال لوحة التحكم في WordPress


استخدام الإضافة: بمجرد تثبيتها، يمكنك تكوين الإضافة واستخدامها وفقًا لاحتياجات موقعك. على سبيل المثال، إذا كانت الإضافة تدير نشر المحتوى على وسائل التواصل الاجتماعي، يمكنك ضبط الإعدادات والجداول الزمنية لنشر المقالات تلقائيًا


باختصار، ps.w.org يوفر لك واجهة لاستعراض وتنزيل الإضافات المتاحة لنظام WordPress، ويمكنك استخدامها لتعزيز موقعك بميزات إضافية وتخصيصه بما يناسب احتياجاتك الفردية أو الأعمال


اقرأ المزيد
author

السبت

اكواد تعديل او اضافه مثل الكاتب والساعه والقسم في القائمه لمقاله

 اذا حاب تعدل او تزيد كما هذا

 <font style='background:transparent url(صوره الكاتب) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.author/></font>

 | <font style='background:transparent url(صور الساعه) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.timestamp/></font>

 | <font style='background:transparent url(صور القسم) no-repeat scroll top left;padding-left:25px;font-size:11px;'><b:if cond='data:post.labels'>


الاصلي

<font style='background:transparent url(صوره الكاتب) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url(صور الساعه) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.timestamp/></font> | <font style='background:transparent url(صور القسم) no-repeat scroll top left;padding-left:25px;font-size:11px;'><b:if cond='data:post.labels'>


 البحث عن احدهم

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

 وإذا لم تجده إبحث عن الكود التالي

 <div class='post-header'>

 ثم أنسخ الكود التالي قبل الكود الذي وجدته

اقرأ المزيد
author

تطبيق لسيو Seo امرين تعديل للبلوجر Description and Keywords (end)

 البحث عن

<head>

تحته

<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/>

                ERROR 404 - <data:blog.title/> 

            </b:if>

        </b:if>

    </title>

    <!-- Description and Keywords (start) -->

    <b:if cond='data:blog.pageType == &quot;index&quot;'>

    <meta content='YOUR DESCRIPTION HERE' name='description'/>

    </b:if>

    <meta content='YOUR KEYWORDS HERE' name='keywords'/>

    <!-- Description and Keywords (end) -->

    <b:if cond='data:blog.pageType == &quot;item&quot;'>

        <meta expr:content='data:blog.pageName' property='og:title'/>

        <meta expr:content='data:blog.canonicalUrl' property='og:url'/>

        <meta content='article' property='og:type'/>

    </b:if>

    <b:if cond='data:blog.postImageUrl'>

        <meta expr:content='data:blog.postImageUrl' property='og:image'/>

    <b:else/>

    <b:if cond='data:blog.postImageThumbnailUrl'>

        <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>

    </b:if></b:if>

    <b:if cond='data:blog.metaDescription != &quot;&quot;'>

        <meta expr:content='data:blog.metaDescription' name='og:description'/>

    </b:if>

    <meta expr:content='data:blog.title' property='og:site_name'/>

    <meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>

    <meta expr:content='data:blog.pageName' name='twitter:title'/>

    <b:if cond='data:blog.postImageUrl'>

      <meta content='summary_large_image' name='twitter:card'/>

      <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>

    <b:else/>

      <meta content='summary' name='twitter:card'/>

      <b:if cond='data:blog.postImageThumbnailUrl'>

        <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/> 

      </b:if>

    </b:if>

    <meta expr:content='data:blog.pageName' name='twitter:title'/>

    <b:if cond='data:blog.metaDescription'>

      <meta expr:content='data:blog.metaDescription' name='twitter:description'/>

    </b:if> 

<b:if cond='data:view.isHomepage'>

 <script type='application/ld+json'>{&quot;@context&quot;:&quot;http://schema.org&quot;,&quot;@type&quot;:&quot;WebSite&quot;,&quot;name&quot;:&quot;<data:view.title.escaped/>&quot;,&quot;url&quot;:&quot;<data:view.url.canonical/>&quot;,&quot;potentialAction&quot;:{&quot;@type&quot;:&quot;SearchAction&quot;,&quot;target&quot;:&quot;<data:view.url.canonical/>search?q={search_term_string}&quot;,&quot;query-input&quot;:&quot;required name=search_term_string&quot;}}</script>

    </b:if>

وصف محتوي مدونتك

YOUR DESCRIPTION HER

كلمات حط اللى تبيه

YOUR KEYWORDS HERE

اقرأ المزيد
author

تصغير شامل لصور

 البحث عن

]]></b:skin>

فوقه

.post-outer {

    padding: 0 20px;

}

.post-outer:hover {

transform: none;

}

.post-outer img {

    max-width: 100%;

    width: 100%;

    max-height: 600px;

    height: 100%;

    margin-left: auto !important;

    margin-right: auto !important;

    display: block;

}

h3.post-title.entry-title{

  width: 100%;

    float: none;

  }

ونتابع

اقرأ المزيد
author

التعرف على محتوي لقالب القائمه لـ Main

 التعرف على محتوي لقالب القائمه لـ Main

رسائل المدونة الإلكترونية

هو قلب البلوجر لرفع المقالات غير الاضافات

الكود الرسمي

<b:widget-setting name='commentLabel'>هنا المحتوي</b:widget-setting>

كمثال

<b:widget-setting name='commentLabel'>التعليقات :</b:widget-setting>

هنا نوضح كيف نزين المحتوي باي اضافه لصوره او اي محتوي والتعرف على المسميات لها ليسهل عليك الامر

1- التعليقات commentLabel

2- الكاتب authorLabel

3- التوقيت timestampLabel

4- الدوله postLocationLabel

5- القسم postLabelsLabel


ونتابع

اقرأ المزيد
author

ارقام بالارجواني

 البحث عن

</body>

فوقه

<!-- PAGE NAVIGATION STAR-->

<script type='text/javascript'>

var home_page=&quot;/&quot;;

var urlactivepage=location.href;

var postperpage=7;

var numshowpage=4;

var upPageWord =&#39;&#9668;&#39;;

var downPageWord =&#39;&#9658;&#39;;


</script>

<script type='text/javascript'>

//<![CDATA[

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('5 G;5 i;5 b;5 n;1f();x 1g(15){5 6=\'\';H=I(K/2);3(H==K-H){K=H*2+1}J=b-H;3(J<1)J=1;o=I(15/j)+1;3(o-1==15/j)o=o-1;L=J+K-1;3(L>o)L=o;6+="<4 e=\'1y\'>1z "+b+\' 1A \'+o+"</4>";5 16=I(b)-1;3(b>1){3(b==2){3(i=="w"){6+=\'<4 e="1B"><a f="\'+y+\'">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-l=\'+j+\'">\'+M+\'</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+16+\');A B">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+16+\');A B">\'+M+\'</a></4>\'}}}1h(5 g=J;g<=L;g++){3(b==g){6+=\'<4 e="1C">\'+g+\'</4>\'}c 3(g==1){3(i=="w"){6+=\'<4 e="k"><a f="\'+y+\'">1</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-l=\'+j+\'">1</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+g+\');A B">\'+g+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+g+\');A B">\'+g+\'</a></4>\'}}}5 17=I(b)+1;3(b<o){3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+17+\');A B">\'+1i+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+17+\');A B">\'+1i+\'</a></4>\'}}5 C=u.1D("C");5 18=u.1E("1F-1G");1h(5 p=0;p<C.P;p++){C[p].1j=6}3(C&&C.P>0){6=\'\'}3(18){18.1j=6}}x 1a(Q){5 R=Q.R;5 1k=I(R.1H$1I.$t,10);1g(1k)}x 1f(){5 d=m;3(d.9("/r/s/")!=-1){3(d.9("?S-7")!=-1){n=d.D(d.9("/r/s/")+14,d.9("?S-7"))}c{n=d.D(d.9("/r/s/")+14,d.9("?&7"))}}3(d.9("?q=")==-1&&d.9(".6")==-1){3(d.9("/r/s/")==-1){i="w";3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l("<h T=\\""+y+"U/V/W?7-l=1&X=Y-Z-h&11=1a\\"><\\/h>")}c{i="s";3(d.9("&7-l=")==-1){j=1J}3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l(\'<h T="\'+y+\'U/V/W/-/\'+n+\'?X=Y-Z-h&11=1a&7-l=1" ><\\/h>\')}}}x N(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W?1t-1u="+12+"&7-l=1&X=Y-Z-h&11=1b");13.1v(v)}x O(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W/-/"+n+"?1t-1u="+12+"&7-l=1&X=Y-Z-h&11=1b");13.1v(v)}x 1b(Q){1c=Q.R.1K[0];5 1w=1c.1x.$t.D(0,19)+1c.1x.$t.D(1L,1M);5 1d=1N(1w);3(i=="w"){5 1e="/r?S-7="+1d+"&7-l="+j+"#E="+G}c{5 1e="/r/s/"+n+"?S-7="+1d+"&7-l="+j+"#E="+G}1O.f=1e}',62,113,'|||if|span|var|html|max||indexOf||nomerhal|else|thisUrl|class|href|jj|script|jenis|postperpage|showpageNum|results|urlactivepage|lblname1|maksimal|||search|label||document|newInclude|page|function|home_page|onclick|return|false|pageArea|substring|PageNo|numberpage|nopage|nomerkiri|parseInt|mulai|numshowpage|akhir|upPageWord|redirectpage|redirectlabel|length|root|feed|updated|src|feeds|posts|summary|alt|json|in||callback|jsonstart|nBody||banyakdata|prevnomer|nextnomer|blogPager||hitungtotaldata|finddatepost|post|timestamp|alamat|halamanblogger|loophalaman|for|downPageWord|innerHTML|totaldata|write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|start|index|appendChild|timestamp1|published|showpageOf|Page|of|showpage|showpagePoint|getElementsByName|getElementById|blog|pager|openSearch|totalResults|20|entry|23|29|encodeURIComponent|location'.split('|'),0,{}))

//]]>

</script>

<!-- PAGE NAVIGATION STOP-->

البحث عن

]]></b:skin>

فوقه اختر احدهم

باللون الارجواني :

 /* -- NUMBER PAGE NAVIGATION -- */

.showpageNum a {

  padding: 3px 8px;

  margin:0 4px;

  text-decoration: none;

  border:1px solid #999;

  -webkit-border-radius:3px;-moz-border-radius:3px;

  background: #8B2F73;

  color:#fff;

  }


.showpageOf {

margin:0 8px 0 0;

}

.showpageNum a:hover {

  border:1px solid #888;

  background: #ccc;

  }


.showpagePoint {

  color:#fff;

  text-shadow:0 1px 2px #333;

  padding: 3px 8px;

  margin: 2px;

  font-weight: 700;

  -webkit-border-radius:3px;-moz-border-radius:3px;

  border:1px solid #999;

  background: #F1BA24;

  text-decoration: none;

  }

ونتابع

اقرأ المزيد
author

ارقام بالاخضر

 البحث عن

</body>

فوقه

<!-- PAGE NAVIGATION STAR-->

<script type='text/javascript'>

var home_page=&quot;/&quot;;

var urlactivepage=location.href;

var postperpage=7;

var numshowpage=4;

var upPageWord =&#39;&#9668;&#39;;

var downPageWord =&#39;&#9658;&#39;;


</script>

<script type='text/javascript'>

//<![CDATA[

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('5 G;5 i;5 b;5 n;1f();x 1g(15){5 6=\'\';H=I(K/2);3(H==K-H){K=H*2+1}J=b-H;3(J<1)J=1;o=I(15/j)+1;3(o-1==15/j)o=o-1;L=J+K-1;3(L>o)L=o;6+="<4 e=\'1y\'>1z "+b+\' 1A \'+o+"</4>";5 16=I(b)-1;3(b>1){3(b==2){3(i=="w"){6+=\'<4 e="1B"><a f="\'+y+\'">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-l=\'+j+\'">\'+M+\'</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+16+\');A B">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+16+\');A B">\'+M+\'</a></4>\'}}}1h(5 g=J;g<=L;g++){3(b==g){6+=\'<4 e="1C">\'+g+\'</4>\'}c 3(g==1){3(i=="w"){6+=\'<4 e="k"><a f="\'+y+\'">1</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-l=\'+j+\'">1</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+g+\');A B">\'+g+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+g+\');A B">\'+g+\'</a></4>\'}}}5 17=I(b)+1;3(b<o){3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+17+\');A B">\'+1i+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+17+\');A B">\'+1i+\'</a></4>\'}}5 C=u.1D("C");5 18=u.1E("1F-1G");1h(5 p=0;p<C.P;p++){C[p].1j=6}3(C&&C.P>0){6=\'\'}3(18){18.1j=6}}x 1a(Q){5 R=Q.R;5 1k=I(R.1H$1I.$t,10);1g(1k)}x 1f(){5 d=m;3(d.9("/r/s/")!=-1){3(d.9("?S-7")!=-1){n=d.D(d.9("/r/s/")+14,d.9("?S-7"))}c{n=d.D(d.9("/r/s/")+14,d.9("?&7"))}}3(d.9("?q=")==-1&&d.9(".6")==-1){3(d.9("/r/s/")==-1){i="w";3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l("<h T=\\""+y+"U/V/W?7-l=1&X=Y-Z-h&11=1a\\"><\\/h>")}c{i="s";3(d.9("&7-l=")==-1){j=1J}3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l(\'<h T="\'+y+\'U/V/W/-/\'+n+\'?X=Y-Z-h&11=1a&7-l=1" ><\\/h>\')}}}x N(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W?1t-1u="+12+"&7-l=1&X=Y-Z-h&11=1b");13.1v(v)}x O(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W/-/"+n+"?1t-1u="+12+"&7-l=1&X=Y-Z-h&11=1b");13.1v(v)}x 1b(Q){1c=Q.R.1K[0];5 1w=1c.1x.$t.D(0,19)+1c.1x.$t.D(1L,1M);5 1d=1N(1w);3(i=="w"){5 1e="/r?S-7="+1d+"&7-l="+j+"#E="+G}c{5 1e="/r/s/"+n+"?S-7="+1d+"&7-l="+j+"#E="+G}1O.f=1e}',62,113,'|||if|span|var|html|max||indexOf||nomerhal|else|thisUrl|class|href|jj|script|jenis|postperpage|showpageNum|results|urlactivepage|lblname1|maksimal|||search|label||document|newInclude|page|function|home_page|onclick|return|false|pageArea|substring|PageNo|numberpage|nopage|nomerkiri|parseInt|mulai|numshowpage|akhir|upPageWord|redirectpage|redirectlabel|length|root|feed|updated|src|feeds|posts|summary|alt|json|in||callback|jsonstart|nBody||banyakdata|prevnomer|nextnomer|blogPager||hitungtotaldata|finddatepost|post|timestamp|alamat|halamanblogger|loophalaman|for|downPageWord|innerHTML|totaldata|write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|start|index|appendChild|timestamp1|published|showpageOf|Page|of|showpage|showpagePoint|getElementsByName|getElementById|blog|pager|openSearch|totalResults|20|entry|23|29|encodeURIComponent|location'.split('|'),0,{}))

//]]>

</script>

<!-- PAGE NAVIGATION STOP-->

البحث عن

]]></b:skin>

فوقه اختر احدهم

باللون الاخضر :

/* -- NUMBER PAGE NAVIGATION -- */

.showpageNum a {

  padding: 3px 8px;

  margin:0 4px;

  text-decoration: none;

  border:1px solid #999;

  -webkit-border-radius:3px;-moz-border-radius:3px;

  background: #3F8657;

  color:#fff;

  }


.showpageOf {

margin:0 8px 0 0;

}

.showpageNum a:hover {

  border:1px solid #888;

  background: #ccc;

  }


.showpagePoint {

  color:#fff;

  text-shadow:0 1px 2px #333;

  padding: 3px 8px;

  margin: 2px;

  font-weight: 700;

  -webkit-border-radius:3px;-moz-border-radius:3px;

  border:1px solid #999;

  background: #F1BA24;

  text-decoration: none;

  }

ونتابع

اقرأ المزيد
author

ارقام بالبرتقالي

 البحث عن

</body>

فوقه

<!-- PAGE NAVIGATION STAR-->

<script type='text/javascript'>

var home_page=&quot;/&quot;;

var urlactivepage=location.href;

var postperpage=7;

var numshowpage=4;

var upPageWord =&#39;&#9668;&#39;;

var downPageWord =&#39;&#9658;&#39;;


</script>

<script type='text/javascript'>

//<![CDATA[

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('5 G;5 i;5 b;5 n;1f();x 1g(15){5 6=\'\';H=I(K/2);3(H==K-H){K=H*2+1}J=b-H;3(J<1)J=1;o=I(15/j)+1;3(o-1==15/j)o=o-1;L=J+K-1;3(L>o)L=o;6+="<4 e=\'1y\'>1z "+b+\' 1A \'+o+"</4>";5 16=I(b)-1;3(b>1){3(b==2){3(i=="w"){6+=\'<4 e="1B"><a f="\'+y+\'">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-l=\'+j+\'">\'+M+\'</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+16+\');A B">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+16+\');A B">\'+M+\'</a></4>\'}}}1h(5 g=J;g<=L;g++){3(b==g){6+=\'<4 e="1C">\'+g+\'</4>\'}c 3(g==1){3(i=="w"){6+=\'<4 e="k"><a f="\'+y+\'">1</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-l=\'+j+\'">1</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+g+\');A B">\'+g+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+g+\');A B">\'+g+\'</a></4>\'}}}5 17=I(b)+1;3(b<o){3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+17+\');A B">\'+1i+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+17+\');A B">\'+1i+\'</a></4>\'}}5 C=u.1D("C");5 18=u.1E("1F-1G");1h(5 p=0;p<C.P;p++){C[p].1j=6}3(C&&C.P>0){6=\'\'}3(18){18.1j=6}}x 1a(Q){5 R=Q.R;5 1k=I(R.1H$1I.$t,10);1g(1k)}x 1f(){5 d=m;3(d.9("/r/s/")!=-1){3(d.9("?S-7")!=-1){n=d.D(d.9("/r/s/")+14,d.9("?S-7"))}c{n=d.D(d.9("/r/s/")+14,d.9("?&7"))}}3(d.9("?q=")==-1&&d.9(".6")==-1){3(d.9("/r/s/")==-1){i="w";3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l("<h T=\\""+y+"U/V/W?7-l=1&X=Y-Z-h&11=1a\\"><\\/h>")}c{i="s";3(d.9("&7-l=")==-1){j=1J}3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l(\'<h T="\'+y+\'U/V/W/-/\'+n+\'?X=Y-Z-h&11=1a&7-l=1" ><\\/h>\')}}}x N(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W?1t-1u="+12+"&7-l=1&X=Y-Z-h&11=1b");13.1v(v)}x O(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W/-/"+n+"?1t-1u="+12+"&7-l=1&X=Y-Z-h&11=1b");13.1v(v)}x 1b(Q){1c=Q.R.1K[0];5 1w=1c.1x.$t.D(0,19)+1c.1x.$t.D(1L,1M);5 1d=1N(1w);3(i=="w"){5 1e="/r?S-7="+1d+"&7-l="+j+"#E="+G}c{5 1e="/r/s/"+n+"?S-7="+1d+"&7-l="+j+"#E="+G}1O.f=1e}',62,113,'|||if|span|var|html|max||indexOf||nomerhal|else|thisUrl|class|href|jj|script|jenis|postperpage|showpageNum|results|urlactivepage|lblname1|maksimal|||search|label||document|newInclude|page|function|home_page|onclick|return|false|pageArea|substring|PageNo|numberpage|nopage|nomerkiri|parseInt|mulai|numshowpage|akhir|upPageWord|redirectpage|redirectlabel|length|root|feed|updated|src|feeds|posts|summary|alt|json|in||callback|jsonstart|nBody||banyakdata|prevnomer|nextnomer|blogPager||hitungtotaldata|finddatepost|post|timestamp|alamat|halamanblogger|loophalaman|for|downPageWord|innerHTML|totaldata|write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|start|index|appendChild|timestamp1|published|showpageOf|Page|of|showpage|showpagePoint|getElementsByName|getElementById|blog|pager|openSearch|totalResults|20|entry|23|29|encodeURIComponent|location'.split('|'),0,{}))

//]]>

</script>

<!-- PAGE NAVIGATION STOP-->

البحث عن

]]></b:skin>

فوقه اختر احدهم

 باللون البرتقالي :

/* -- NUMBER PAGE NAVIGATION -- */

.showpageNum a {

  padding: 3px 8px;

  margin:0 4px;

  text-decoration: none;

  border:1px solid #999;

  -webkit-border-radius:3px;-moz-border-radius:3px;

  background: #7B3A11;

  color:#fff;

  }


.showpageOf {

margin:0 8px 0 0;

}

.showpageNum a:hover {

  border:1px solid #888;

  background: #ccc;

  }


.showpagePoint {

  color:#fff;

  text-shadow:0 1px 2px #333;

  padding: 3px 8px;

  margin: 2px;

  font-weight: 700;

  -webkit-border-radius:3px;-moz-border-radius:3px;

  border:1px solid #999;

  background: #F1BA24;

  text-decoration: none;

  }

ونتابع

اقرأ المزيد
author

ارقام الرصاصي

 البحث عن

</body>

فوقه

<!-- PAGE NAVIGATION STAR-->

<script type='text/javascript'>

var home_page=&quot;/&quot;;

var urlactivepage=location.href;

var postperpage=7;

var numshowpage=4;

var upPageWord =&#39;&#9668;&#39;;

var downPageWord =&#39;&#9658;&#39;;


</script>

<script type='text/javascript'>

//<![CDATA[

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('5 G;5 i;5 b;5 n;1f();x 1g(15){5 6=\'\';H=I(K/2);3(H==K-H){K=H*2+1}J=b-H;3(J<1)J=1;o=I(15/j)+1;3(o-1==15/j)o=o-1;L=J+K-1;3(L>o)L=o;6+="<4 e=\'1y\'>1z "+b+\' 1A \'+o+"</4>";5 16=I(b)-1;3(b>1){3(b==2){3(i=="w"){6+=\'<4 e="1B"><a f="\'+y+\'">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-l=\'+j+\'">\'+M+\'</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+16+\');A B">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+16+\');A B">\'+M+\'</a></4>\'}}}1h(5 g=J;g<=L;g++){3(b==g){6+=\'<4 e="1C">\'+g+\'</4>\'}c 3(g==1){3(i=="w"){6+=\'<4 e="k"><a f="\'+y+\'">1</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-l=\'+j+\'">1</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+g+\');A B">\'+g+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+g+\');A B">\'+g+\'</a></4>\'}}}5 17=I(b)+1;3(b<o){3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+17+\');A B">\'+1i+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+17+\');A B">\'+1i+\'</a></4>\'}}5 C=u.1D("C");5 18=u.1E("1F-1G");1h(5 p=0;p<C.P;p++){C[p].1j=6}3(C&&C.P>0){6=\'\'}3(18){18.1j=6}}x 1a(Q){5 R=Q.R;5 1k=I(R.1H$1I.$t,10);1g(1k)}x 1f(){5 d=m;3(d.9("/r/s/")!=-1){3(d.9("?S-7")!=-1){n=d.D(d.9("/r/s/")+14,d.9("?S-7"))}c{n=d.D(d.9("/r/s/")+14,d.9("?&7"))}}3(d.9("?q=")==-1&&d.9(".6")==-1){3(d.9("/r/s/")==-1){i="w";3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l("<h T=\\""+y+"U/V/W?7-l=1&X=Y-Z-h&11=1a\\"><\\/h>")}c{i="s";3(d.9("&7-l=")==-1){j=1J}3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l(\'<h T="\'+y+\'U/V/W/-/\'+n+\'?X=Y-Z-h&11=1a&7-l=1" ><\\/h>\')}}}x N(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W?1t-1u="+12+"&7-l=1&X=Y-Z-h&11=1b");13.1v(v)}x O(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W/-/"+n+"?1t-1u="+12+"&7-l=1&X=Y-Z-h&11=1b");13.1v(v)}x 1b(Q){1c=Q.R.1K[0];5 1w=1c.1x.$t.D(0,19)+1c.1x.$t.D(1L,1M);5 1d=1N(1w);3(i=="w"){5 1e="/r?S-7="+1d+"&7-l="+j+"#E="+G}c{5 1e="/r/s/"+n+"?S-7="+1d+"&7-l="+j+"#E="+G}1O.f=1e}',62,113,'|||if|span|var|html|max||indexOf||nomerhal|else|thisUrl|class|href|jj|script|jenis|postperpage|showpageNum|results|urlactivepage|lblname1|maksimal|||search|label||document|newInclude|page|function|home_page|onclick|return|false|pageArea|substring|PageNo|numberpage|nopage|nomerkiri|parseInt|mulai|numshowpage|akhir|upPageWord|redirectpage|redirectlabel|length|root|feed|updated|src|feeds|posts|summary|alt|json|in||callback|jsonstart|nBody||banyakdata|prevnomer|nextnomer|blogPager||hitungtotaldata|finddatepost|post|timestamp|alamat|halamanblogger|loophalaman|for|downPageWord|innerHTML|totaldata|write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|start|index|appendChild|timestamp1|published|showpageOf|Page|of|showpage|showpagePoint|getElementsByName|getElementById|blog|pager|openSearch|totalResults|20|entry|23|29|encodeURIComponent|location'.split('|'),0,{}))

//]]>

</script>

<!-- PAGE NAVIGATION STOP-->

البحث عن

]]></b:skin>

فوقه اختر احدهم

باللون الرصاصي :

/* -- NUMBER PAGE NAVIGATION -- */

.showpageNum a {

  padding: 3px 8px;

  margin:0 4px;

  text-decoration: none;

  border:1px solid #999;

  -webkit-border-radius:3px;-moz-border-radius:3px;

  background: #52575C;

  color:#fff;

  }


.showpageOf {

margin:0 8px 0 0;

}

.showpageNum a:hover {

  border:1px solid #888;

  background: #ccc;

  }


.showpagePoint {

  color:#fff;

  text-shadow:0 1px 2px #333;

  padding: 3px 8px;

  margin: 2px;

  font-weight: 700;

  -webkit-border-radius:3px;-moz-border-radius:3px;

  border:1px solid #999;

  background: #F1BA24;

  text-decoration: none;

  }

ونتابع

اقرأ المزيد
author

ارقام بالازرق

البحث عن

</body>

فوقه

<!-- PAGE NAVIGATION STAR-->

<script type='text/javascript'>

var home_page=&quot;/&quot;;

var urlactivepage=location.href;

var postperpage=7;

var numshowpage=4;

var upPageWord =&#39;&#9668;&#39;;

var downPageWord =&#39;&#9658;&#39;;


</script>

<script type='text/javascript'>

//<![CDATA[

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('5 G;5 i;5 b;5 n;1f();x 1g(15){5 6=\'\';H=I(K/2);3(H==K-H){K=H*2+1}J=b-H;3(J<1)J=1;o=I(15/j)+1;3(o-1==15/j)o=o-1;L=J+K-1;3(L>o)L=o;6+="<4 e=\'1y\'>1z "+b+\' 1A \'+o+"</4>";5 16=I(b)-1;3(b>1){3(b==2){3(i=="w"){6+=\'<4 e="1B"><a f="\'+y+\'">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-l=\'+j+\'">\'+M+\'</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+16+\');A B">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+16+\');A B">\'+M+\'</a></4>\'}}}1h(5 g=J;g<=L;g++){3(b==g){6+=\'<4 e="1C">\'+g+\'</4>\'}c 3(g==1){3(i=="w"){6+=\'<4 e="k"><a f="\'+y+\'">1</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-l=\'+j+\'">1</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+g+\');A B">\'+g+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+g+\');A B">\'+g+\'</a></4>\'}}}5 17=I(b)+1;3(b<o){3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+17+\');A B">\'+1i+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+17+\');A B">\'+1i+\'</a></4>\'}}5 C=u.1D("C");5 18=u.1E("1F-1G");1h(5 p=0;p<C.P;p++){C[p].1j=6}3(C&&C.P>0){6=\'\'}3(18){18.1j=6}}x 1a(Q){5 R=Q.R;5 1k=I(R.1H$1I.$t,10);1g(1k)}x 1f(){5 d=m;3(d.9("/r/s/")!=-1){3(d.9("?S-7")!=-1){n=d.D(d.9("/r/s/")+14,d.9("?S-7"))}c{n=d.D(d.9("/r/s/")+14,d.9("?&7"))}}3(d.9("?q=")==-1&&d.9(".6")==-1){3(d.9("/r/s/")==-1){i="w";3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l("<h T=\\""+y+"U/V/W?7-l=1&X=Y-Z-h&11=1a\\"><\\/h>")}c{i="s";3(d.9("&7-l=")==-1){j=1J}3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l(\'<h T="\'+y+\'U/V/W/-/\'+n+\'?X=Y-Z-h&11=1a&7-l=1" ><\\/h>\')}}}x N(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W?1t-1u="+12+"&7-l=1&X=Y-Z-h&11=1b");13.1v(v)}x O(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W/-/"+n+"?1t-1u="+12+"&7-l=1&X=Y-Z-h&11=1b");13.1v(v)}x 1b(Q){1c=Q.R.1K[0];5 1w=1c.1x.$t.D(0,19)+1c.1x.$t.D(1L,1M);5 1d=1N(1w);3(i=="w"){5 1e="/r?S-7="+1d+"&7-l="+j+"#E="+G}c{5 1e="/r/s/"+n+"?S-7="+1d+"&7-l="+j+"#E="+G}1O.f=1e}',62,113,'|||if|span|var|html|max||indexOf||nomerhal|else|thisUrl|class|href|jj|script|jenis|postperpage|showpageNum|results|urlactivepage|lblname1|maksimal|||search|label||document|newInclude|page|function|home_page|onclick|return|false|pageArea|substring|PageNo|numberpage|nopage|nomerkiri|parseInt|mulai|numshowpage|akhir|upPageWord|redirectpage|redirectlabel|length|root|feed|updated|src|feeds|posts|summary|alt|json|in||callback|jsonstart|nBody||banyakdata|prevnomer|nextnomer|blogPager||hitungtotaldata|finddatepost|post|timestamp|alamat|halamanblogger|loophalaman|for|downPageWord|innerHTML|totaldata|write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|start|index|appendChild|timestamp1|published|showpageOf|Page|of|showpage|showpagePoint|getElementsByName|getElementById|blog|pager|openSearch|totalResults|20|entry|23|29|encodeURIComponent|location'.split('|'),0,{}))

//]]>

</script>

<!-- PAGE NAVIGATION STOP-->

البحث عن

]]></b:skin>

فوقه اختر احدهم

باللون الازرق :

/* -- NUMBER PAGE NAVIGATION -- */

.showpageNum a {

  padding: 3px 8px;

  margin:0 4px;

  text-decoration: none;

  border:1px solid #999;

  -webkit-border-radius:3px;-moz-border-radius:3px;

  background: #3B5998;

  color:#fff;

  }


.showpageOf {

margin:0 8px 0 0;

}

.showpageNum a:hover {

  border:1px solid #888;

  background: #ccc;

  }


.showpagePoint {

  color:#fff;

  text-shadow:0 1px 2px #333;

  padding: 3px 8px;

  margin: 2px;

  font-weight: 700;

  -webkit-border-radius:3px;-moz-border-radius:3px;

  border:1px solid #999;

  background: #F1BA24;

  text-decoration: none;

  }

ونتابع

اقرأ المزيد
author

ماذا تعرف عن css -js-HTML وكيفيت اضافه اكوادها بالبلوجر

 نبذه سريعه واتبع شروحاتنا ليسهل عليك الاضافات بالبوجر باسرع وقت

1- هذا الامر لـ CSS

]]></b:skin>

2- هذا الامر لـ Javascript -Js

</body>

3- هذا الامر لـ HTML

</header>

نتابع

اقرأ المزيد
author

شريط اخبارمحترف

 البحث عن

]]></b:skin>

فوقه

@font-face{font-family:"ticfont";src:url('https://cdn.jsdelivr.net/gh/hamianemohssine/7amian@master/font-icons/Five-News-Ticker.woff2')}

:root{--tic5-color:#e76c00}.tic5 *{box-sizing:border-box;transition:unset}.tic5{display:block;width:100%;height:60px;box-shadow:0 0 3px #aaa;border-radius:5px;border:solid 2px var(--tic5-color);box-sizing:border-box;direction:rtl;margin:10px 0}.tic5-rail,.tic5-trailer,.tic5-train{width:100%;height:100%;display:flex}.tic5-rail{flex-direction:row;align-items:center;justify-content:space-between;gap:5px}.tic5-train{flex-direction:row;align-items:center;position:relative;overflow:hidden}.tic5-trailer{position:absolute;top:0;right:5px;flex-direction:row;align-items:center;visibility:hidden;opacity:0;transition:.5s;text-decoration:none;color:inherit;gap:5px}.tic5-trailer.actv{opacity:1;visibility:visible}.tic5-photo{width:60px;height:50px;background-color:#aaaaaa50;background-size:cover;background-repeat:round;flex-shrink:0}.tic5-info,.tic5-meta,.tic5-ptitle{width:100%;overflow:hidden}.tic5-info{display:flex;flex-direction:column;gap:6px}.tic5-ptitle{display:inline-block;white-space:nowrap;text-overflow:ellipsis;padding:2px 0}.tic5-meta{display:flex;flex-direction:row;gap:5px;font-size:13px;color:var(--tic5-color);flex-shrink:0}.tic5-category,.tic5-date{display:flex;flex-shrink:0}.tic5-category:before{content:"\f02b";font-family:ticfont;margin-left:4px}.tic5-date:before{content:"\f017";font-family:ticfont;margin-left:4px}.tic5-btns{display:flex;flex-direction:row;gap:5px;flex-shrink:0;margin-left:10px}.tic5-next,.tic5-prev{display:flex;align-items:center;justify-content:center;width:30px;height:30px;box-shadow:0 0 2px #aaa;border:solid 1px var(--tic5-color);text-decoration:none;color:#fff;font-size:20px;border-radius:5px;color:var(--tic5-color)}.tic5-next:after,.tic5-prev:after{content:"\f105";font-family:ticfont}.tic5-prev:after{content:"\f104"}.tic5-loader{width:25px;height:25px;border:solid 2px var(--tic5-color);border-radius:100%;border-right-color:transparent;border-bottom-color:transparent;margin-right:20px;animation:.5s linear infinite tic5an}@keyframes tic5an{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ticftop{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes ticttop{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes ticfbottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes tictbottom{from{transform:translateY(0)}to{transform:translateY(100%)}}.c5ftop{animation:.5s forwards ticftop}.c5ttop{animation:.5s forwards ticttop}.c5fbottom{animation:.5s forwards ticfbottom}.c5tbottom{animation:.5s forwards tictbottom}

البحث عن

</body>

فوقه

<script type='text/javascript'>

//<![CDATA[

document.querySelectorAll(".tic5").forEach(t=>{var e=["يناير","فبراير","مارس","أبريل","ماي","يونيو","يوليوز","غشت","شتنبر","أكتوبر","نونبر","دجنبر"],a=t.dataset.label,s=t.dataset.results,c=1e3*t.dataset.wait,r="/feeds/posts/summary?alt=json&max-results="+s;function i(t){var e=document.querySelector(".tic5-trailer.actv"),a=document.querySelectorAll(".tic5-trailer");if(a.forEach(t=>{t.classList.remove("c5ttop","c5ftop","c5tbottom","c5fbottom")}),t){var s=e.nextElementSibling;s?s.classList.add("c5fbottom","actv"):a[0].classList.add("c5fbottom","actv"),e.classList.remove("actv"),e.classList.add("c5ttop")}else{var c=e.previousElementSibling;c?c.classList.add("c5ftop","actv"):a[a.length-1].classList.add("c5ftop","actv"),e.classList.remove("actv"),e.classList.add("c5tbottom")}}function l(){t.querySelector(".tic5-next").onclick=()=>{i(1)},t.querySelector(".tic5-prev").onclick=()=>{i(0)}}"recent"!==a&&(r=r.replace("summary?","summary/-/"+a+"?")),fetch(r).then(t=>t.json()).then(a=>{var s=a.feed.entry,c=s.length,r="";for(let i=0;i<c;i++){var n=s[i].link,d="موضوع",m="",v=[],p="";for(let f=0;f<n.length;f++)if("alternate"===n[f].rel){v.push(n[f].title),v.push(n[f].href);break}s[i].hasOwnProperty("media$thumbnail")&&(p=(p=s[i].media$thumbnail.url).replace(/...(?<=\/[swh]72).*(?=\/)|...(?<=\=[swh]72).*$/g,"s200-pa-rw")),s[i].hasOwnProperty("category")&&(d=s[i].category[0].term);var h=s[i].published.$t.substring(0,10).split("-");m=h[2]+" "+e[parseInt(h[1])-1]+" "+h[0],r+="<a class='tic5-trailer"+(0===i?" actv":"")+"' href='"+v[1]+"' title='"+v[0]+"'><span class='tic5-photo' style=\"background-image:url('"+p+"')\"></span><div class='tic5-info'><span class='tic5-ptitle'>"+v[0]+"</span><div class='tic5-meta'><span class='tic5-category'>"+d+"</span><span class='tic5-date'>"+m+"</span></div></div></a>"}t.querySelector(".tic5-train").innerHTML=r,l(),o(),u()});var n=0;function o(){0===n&&(n=setInterval(function(){i(1)},c))}function d(){0!==n&&(clearInterval(n),n=0)}function u(){t.onmouseenter=()=>{d()},t.onmouseleave=()=>{o()},window.addEventListener("blur",()=>d()),window.addEventListener("focus",()=>o()),document.body.addEventListener("mouseenter",()=>o())}});

//]]>

</script>

الان الجافا سكربت تثبيت بالمكان المناسب

<div class="tic5" data-label='recent' data-results='10' data-wait='5'>

<div class="tic5-rail">

<div class="tic5-train">

<div class="tic5-loader"></div>

</div>

<div class="tic5-btns">

<a class='tic5-next' href="javascript:;"></a>

<a class='tic5-prev' href="javascript:;"></a>

</div>

</div>

</div>

ونتابع

اقرأ المزيد
author

اضافة شريط متحرك يضم اخر اخبار المدونه بطريقة احترافيه

تتميز هذه الاضافة بجماليتها وبخفتها وهي متوفرة بعدة الوان لكي تتناسب مع اكثر القوالب شيوعا و أكثرها أناقة، وايضا لارضاء جميع اذواق متابعي و زوار مدونتك

ابحث عن الكود التالي :

</head>

وقم بلصق أحد الأكواد التالية قبله مباشرة :

هذا الكود لجعل الشريط يظهر باللون الأزرق

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<style type='text/css'>#beakingnews{width:980px;margin:0 auto;line-height:37px;;overflow:hidden; margin-bottom: 20px; max-height: 37px; overflow: hidden;

background: #fff;

-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;

-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;

box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;

background-clip: padding-box;

border-left: none;

max-height: 37px;}

#beakingnews .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#CC1B1B;

-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;

-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;

box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;

color: #FFF;font-family:GE SS Two Medium,droidkufi-bold;

font-size: 14px;line-height: 37px;padding-right: 10px;padding-left: 10px;font-weight: normal;text-transform: uppercase;}

#recentpostbreaking{float:right;padding-right: 15px;}

#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}

#recentpostbreaking li a{color:#333; font-family:GE SS Two Medium,droidkufi-bold;font-size:14px;}

</style></b:if></b:if>

 وهذا الكود لجعل الشريط يظهر باللون لأحمر

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<style type='text/css'>#beakingnews{width:980px;margin:0 auto;line-height:37px;;overflow:hidden; margin-bottom: 20px; max-height: 37px; overflow: hidden;

background: #fff;

-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;

-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;

box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;

background-clip: padding-box;

border-left: none;

max-height: 37px;}

#beakingnews .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#CC1B1B;

-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;

-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;

box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;

color: #FFF;font-family:GE SS Two Medium,droidkufi-bold;

font-size: 14px;line-height: 37px;padding-right: 10px;padding-left: 10px;font-weight: normal;text-transform: uppercase;}

#recentpostbreaking{float:right;padding-right: 15px;}

#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}

#recentpostbreaking li a{color:#333; font-family:GE SS Two Medium,droidkufi-bold;font-size:14px;}

</style></b:if></b:if>

وأخيرا هذا الكود لجعل الشريط يظهر باللون الأخضر

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<style type='text/css'>#beakingnews{width:980px;margin:0 auto;

line-height:37px;;overflow:hidden; margin-bottom: 20px;

max-height: 37px; overflow: hidden;

background: #fff;

-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;

-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;

box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;

background-clip: padding-box;

border-left: none;

max-height: 37px;}

#beakingnews .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#29BD9E;

-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;

-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;

box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;

color: #FFF;font-family:GE SS Two Medium,droidkufi-bold;font-size: 14px;

line-height: 37px;padding-right: 10px;padding-left: 10px;font-weight: normal;

text-transform: uppercase;}

#recentpostbreaking{float:right;padding-right: 15px;}

#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}

#recentpostbreaking li a{color:#333; font-family:GE SS Two Medium,droidkufi-bold;font-size:14px;}

</style></b:if></b:if>

بعد اختيارك لأحد الأكواد السابقة قم بوضعه فوق الوسم الذي قمنا بالبحث عنه

قم بالبحث عن الكود التالي :

<div class='main-outer'>

ثم قم بلصق الكود التالي فوقه مباشرة :

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div id='beakingnews'><span class='tulisbreaking'>أحدث الأخبار</span><!-- tag pembuka tempat Breaking News-->

<div id='recentpostbreaking'>تحميل...</div><!-- tag tempat daftar Breaking News ditampilkan-->

</div><!-- tag penutup tempat Breaking News-->

<script type='text/javascript'>

//<![CDATA[

$(document).ready(function () {

var url_blog = 'رابط مدونتك/', // alamat blogmu contoh http://mkr-site.blogspot.com

numpostx     = 10; // Jumlah artikel yang di tampilkan

$.ajax({

url: '' + url_blog + '/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '',    type: 'get',    dataType: "jsonp", success: function(data) {        var posturl, posttitle, skeleton = '', entry = data.feed.entry; if (entry !== undefined) {skeleton = "<ul>";for (var i = 0; i < entry.length; i++) { for (var j=0; j < entry[i].link.length; j++)  { if (entry[i].link[j].rel == "alternate"){ posturl = entry[i].link[j].href;  break;  }              }             

posttitle = entry[i].title.$t;

skeleton += '<li><a href="' + posturl + '" target="_blank">' + posttitle + '</a></li>';

        }

skeleton += '</ul>';

$('#recentpostbreaking').html(skeleton);

// kode untuk efek pada breaking news

function tick(){

$('#recentpostbreaking li:first').slideUp( function () { $(this).appendTo($('#recentpostbreaking ul')).slideDown(); }); }

setInterval(function(){ tick () }, 5000); } else {

$('#recentpostbreaking').html('<span>لا نتيجة!</span>');

        }  }, error: function() {

$('#recentpostbreaking').html('<strong>حدث خطأ أثناء تحميل الخلاصة!</strong>');

       } }); });

//]]>

</script>

</b:if></b:if>

قم بتغيير الرابط الى رابط مدونتك

اقرأ المزيد
author

برمجه جافا صور متنقله زينه وتصميمها شبه صعب

 ضعها بالمكان المناسب

الاضافه لـ إعداد اللغة HTML/JavaScript


<script type="text/javascript" src="http://makingdifferent.github.io/blogger-widgets/flying_android_man.js"\></script>

<script type="text/javascript">

var twitterAccount = "اسم المستخدم";

var tweetThisText = "محتوي التويتر";

tripleflapInit();

</script><noscript><span style="font-size:11px;">اكتب الوصف<a href="وضع الرابط\">حياكم/</a></span></noscript>


انتبه للاكواد

مقاس الصوره

355

444


http://makingdifferent.github.io/blogger-widgets/flying_android_man.js

كود البرمجه وهنا تعدل الصوره اذا حبيت

 */


if (typeof(twitterAccount) != "string") var twitterAccount = "";

if (typeof(tweetThisText) != "string" || tweetThisText == "") var tweetThisText = document.title + " " + document.URL;

if (typeof(showTweet) != "boolean") var showTweet = false;

var tweetthislink = null;

if (typeof(otherPageOrFeed) != "string" || otherPageOrFeed == "") var otherPageOrFeed = false;

var birdSprite = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQFNcKkWVWHKiW7IwmWRJU1HLsTYZfMyXpP-30OCfFky8bnhP2-fZWoW8A-H91VGs-JsfFFsbM6HCSAQBsllb5SCxZpOihW9japJhQNJYSPyXSeiwIry0NBikIBCmZEqmEKbU9jqXQNNI/s1600/flying-androidman%5Bwww.makingdifferent.com%5D.png";

var twitterfeedreader = ""; 

var hyperlinkStyle = "color:#27b;text-decoration:none;";

var birdSpeed = 12;

var birdSpaceVertical = 12;

var birdSetUp = 2;

var spriteWidth = 88;

var spriteHeight = 87;

var spriteAniSpeed = 72;

var spriteAniSpeedSlow = Math.round(spriteAniSpeed * 1.75);

var targetElems = new Array("img", "hr", "input", "textarea", "button", "select", "table", "td", "div", "ul", "ol", "li", "h1", "h2", "h3", "h4", "p", "code", "object", "a", "b", "strong", "span");

var neededElems4random = 10;

var minElemWidth = Math.round(spriteWidth / 2);

var scareTheBirdMouseOverTimes = 4;

var scareTheBirdTime = 1000;

var showOnMobile = false;

var birdIsFlying = false;

var scrollPos = 0;

var windowHeight = getWindowHeight();

var windowWidth = getWindowWidth();

if (windowHeight <= spriteHeight + 2 * birdSpaceVertical) windowHeight = spriteHeight + 2 * birdSpaceVertical + 1;

if (windowWidth <= spriteWidth) windowWidth = spriteWidth + 1;

var birdPosX = Math.round(Math.random() * (windowWidth - spriteWidth + 200) - 200);

var birdPosY = -2 * spriteHeight;

var timeoutAnimation = false;

var timeoutFlight = false;

var showButtonsTimeout = null;

var hideButtonsTimeout = null;

var scareTheBirdLastTime = 0;

var scareTheBirdCount = 0;


function tripleflapInit(reallystart) {

if (typeof(reallystart) == "undefined") {

window.setTimeout("tripleflapInit(1)", 250);

return;

}

if (!showOnMobile && typeof(navigator.userAgent) == "string" && is_mobile(navigator.userAgent)) {

return;

}

if (!is_utf8(tweetThisText)) tweetThisText = utf8_encode(tweetThisText);

var tweetthislink = "http://twitter.com/home?status=" + escape(tweetThisText);

if (twitterAccount == "") showTweet = false;

var accountURL = (twitterAccount != "") ? "http://twitter.com/" + twitterAccount : ((otherPageOrFeed != false) ? otherPageOrFeed : "http://twitter.com/");

var tBird = document.createElement("a");

tBird.setAttribute("id", "tBird");

tBird.setAttribute("href", accountURL);

tBird.setAttribute("target", "_blank");

tBird.style.display = "block";

tBird.style.position = "absolute";

tBird.style.left = birdPosX + "px";

tBird.style.top = birdPosY + "px";

tBird.style.width = spriteWidth + "px";

tBird.style.height = spriteHeight + "px";

tBird.style.background = "url('" + birdSprite + "') no-repeat transparent";

tBird.style.backgroundPosition = "-0px -0px";

tBird.style.zIndex = "947";

tBird.onmouseover = function () {

scareTheBird();

showButtonsTimeout = window.setTimeout("showButtons(0," + windowWidth + "," + windowHeight + ")", 400);

window.clearTimeout(hideButtonsTimeout);

};

tBird.onmouseout = function () {

hideButtonsTimeout = window.setTimeout("hideButtons()", 50);

};

document.body.appendChild(tBird);

var tBirdLtweet = document.createElement("a");

tBirdLtweet.setAttribute("id", "tBirdLtweet");

tBirdLtweet.setAttribute("href", tweetthislink);

tBirdLtweet.setAttribute("target", "_blank");

tBirdLtweet.setAttribute("title", "tweet this");

tBirdLtweet.style.display = "none";

tBirdLtweet.style.position = "absolute";

tBirdLtweet.style.left = "0px";

tBirdLtweet.style.top = "-100px";

tBirdLtweet.style.background = "url('" + birdSprite + "') no-repeat transparent";

tBirdLtweet.style.opacity = "0";

tBirdLtweet.style.filter = "alpha(opacity=0)";

tBirdLtweet.style.backgroundPosition = "-80px -0px";

tBirdLtweet.style.width = "80px";

tBirdLtweet.style.height = "50px";

tBirdLtweet.style.zIndex = "951";

tBirdLtweet.onmouseover = function () {

window.clearTimeout(hideButtonsTimeout);

};

tBirdLtweet.onmouseout = function () {

hideButtonsTimeout = window.setTimeout("hideButtons()", 50);

};

document.body.appendChild(tBirdLtweet);

var tBirdLfollow = tBirdLtweet.cloneNode(false);

tBirdLfollow.setAttribute("id", "tBirdLfollow");

tBirdLfollow.setAttribute("href", accountURL);

tBirdLfollow.setAttribute("title", "follow " + (twitterAccount ? "@" + twitterAccount : "me"));

tBirdLfollow.style.backgroundPosition = "-85px -52px";

tBirdLfollow.style.width = "60px";

tBirdLfollow.style.height = "30px";

tBirdLfollow.style.zIndex = "952";

tBirdLfollow.onmouseover = function () {

window.clearTimeout(hideButtonsTimeout);

};

tBirdLfollow.onmouseout = function () {

hideButtonsTimeout = window.setTimeout("hideButtons()", 50);

};

document.body.appendChild(tBirdLfollow);

if (showTweet == true) {

var tBirdStatxLow = document.createElement("div");

tBirdStatxLow.setAttribute("id", "tBirdStatxLow");

tBirdStatxLow.style.display = "none";

tBirdStatxLow.style.position = "absolute";

tBirdStatxLow.style.left = "0px";

tBirdStatxLow.style.top = "-100px";

tBirdStatxLow.style.background = "transparent";

tBirdStatxLow.style.opacity = "0";

tBirdStatxLow.style.filter = "alpha(opacity=0)";

tBirdStatxLow.style.width = "192px";

tBirdStatxLow.style.zIndex = "955";

tBirdStatxLow.onmouseover = function () {

window.clearTimeout(hideButtonsTimeout);

};

tBirdStatxLow.onmouseout = function () {

hideButtonsTimeout = window.setTimeout("hideButtons()", 50);

};

var tBirdStatxUpr = tBirdStatxLow.cloneNode(false);

tBirdStatxUpr.setAttribute("id", "tBirdStatxUpr");

tBirdStatxUpr.onmouseover = function () {

window.clearTimeout(hideButtonsTimeout);

};

tBirdStatxUpr.onmouseout = function () {

hideButtonsTimeout = window.setTimeout("hideButtons()", 50);

};

var tBirdStatxArrLow = document.createElement("div");

tBirdStatxArrLow.setAttribute("id", "tBirdStatxArrLow");

tBirdStatxArrLow.style.background = "url('" + birdSprite + "') no-repeat transparent";

tBirdStatxArrLow.style.backgroundPosition = "-64px -50px";

tBirdStatxArrLow.style.width = "32px";

tBirdStatxArrLow.style.height = "9px";

tBirdStatxArrLow.style.margin = "0 0 -1px 56px";

tBirdStatxArrLow.style.position = "relative";

tBirdStatxArrLow.style.zIndex = "957";

var tBirdStatxArrUpr = tBirdStatxArrLow.cloneNode(false);

tBirdStatxArrUpr.setAttribute("id", "tBirdStatxArrUpr");

tBirdStatxArrUpr.style.backgroundPosition = "-96px -50px";

tBirdStatxArrUpr.style.margin = "-1px 0 0 60px";

var tBirdStatxInLow = document.createElement("div");

tBirdStatxInLow.setAttribute("id", "tBirdStatxInLow");

tBirdStatxInLow.style.background = "#fbfcfc";

tBirdStatxInLow.style.border = "1px solid #555";

tBirdStatxInLow.style.MozBorderRadius = "6px";

tBirdStatxInLow.style.borderRadius = "6px";

tBirdStatxInLow.style.padding = "3px 5px";

tBirdStatxInLow.style.fontSize = "11px";

tBirdStatxInLow.style.fontFamily = "Arial";

tBirdStatxInLow.style.textAlign = "left";

tBirdStatxInLow.style.position = "relative";

tBirdStatxInLow.style.zIndex = "956";

tBirdStatxInLow.innerHTML = "loading...";

var tBirdStatxInUpr = tBirdStatxInLow.cloneNode(false);

tBirdStatxInUpr.setAttribute("id", "tBirdStatxInUpr");

tBirdStatxInUpr.innerHTML = "loading...";

tBirdStatxLow.appendChild(tBirdStatxArrLow);

tBirdStatxLow.appendChild(tBirdStatxInLow);

tBirdStatxUpr.appendChild(tBirdStatxInUpr);

tBirdStatxUpr.appendChild(tBirdStatxArrUpr);

document.body.appendChild(tBirdStatxLow);

document.body.appendChild(tBirdStatxUpr);

}

var timeoutAnimation = window.setTimeout("animateSprite(0,0,0,0,null,true)", spriteAniSpeed);

window.onscroll = recheckposition;

if (showTweet == true) loadStatusText();

recheckposition();

}


function animateSprite(row, posStart, posEnd, count, speed, onlySet) {

if (typeof(count) != "number" || count > posEnd - posStart) count = 0;

document.getElementById("tBird").style.backgroundPosition = "-" + Math.round((posStart + count) * spriteWidth) + "px -" + (spriteHeight * row) + "px";

if (onlySet == true) return;

if (typeof(speed) != "number") speed = spriteAniSpeed;

timeoutAnimation = window.setTimeout("animateSprite(" + row + "," + posStart + "," + posEnd + "," + (count + 1) + "," + speed + ")", speed);

}


function animateSpriteAbort() {

window.clearTimeout(timeoutAnimation);

}


function recheckposition(force) {

if (force != true) force = false;

if (birdIsFlying) return false;

windowHeight = getWindowHeight();

windowWidth = getWindowWidth();

if (windowHeight <= spriteHeight + 2 * birdSpaceVertical) windowHeight = spriteHeight + 2 * birdSpaceVertical + 1;

if (windowWidth <= spriteWidth) windowWidth = spriteWidth + 1;

if (typeof(window.pageYOffset) == "number") scrollPos = window.pageYOffset;

else if (document.body && document.body.scrollTop) scrollPos = document.body.scrollTop;

else if (document.documentElement && document.documentElement.scrollTop) scrollPos = document.documentElement.scrollTop;

birdPosY = parseInt(document.getElementById("tBird").style.top);

birdPosX = parseInt(document.getElementById("tBird").style.left);

if (scrollPos + birdSpaceVertical >= birdPosY || scrollPos + windowHeight - spriteHeight < birdPosY || force) {

hideButtons();

elemPosis = chooseNewTarget();

if (elemPosis.length < 1) {

elemType = null;

elemNr = null;

elemTop = scrollPos + Math.round(Math.random() * (windowHeight - spriteHeight));

elemLeft = Math.round(Math.random() * (windowWidth - spriteWidth));

elemWidth = 0;

} else {

newTarget = elemPosis[Math.round(Math.random() * (elemPosis.length - 1))];

elemType = newTarget[0];

elemNr = newTarget[1];

elemTop = newTarget[2];

elemLeft = newTarget[3];

elemWidth = newTarget[4];

}

targetTop = elemTop - spriteHeight;

targetLeft = Math.round(elemLeft - spriteWidth / 2 + Math.random() * elemWidth);

if (targetLeft > windowWidth - spriteWidth - 24) targetLeft = windowWidth - spriteWidth - 24;

else if (targetLeft < 0) targetLeft = 0;

birdIsFlying = true;

flyFromTo(birdPosX, birdPosY, targetLeft, targetTop, 0);

}

}


function chooseNewTarget() {

var elemPosis = new Array();

var obergrenze = scrollPos + spriteHeight + birdSpaceVertical;

var untergrenze = scrollPos + windowHeight - birdSpaceVertical;

for (var ce = 0; ce < targetElems.length; ce++) {

var elemType = targetElems[ce];

var sumElem = document.getElementsByTagName(elemType).length;

for (var cu = 0; cu < sumElem; cu++) {

var top = document.getElementsByTagName(elemType)[cu].offsetTop;

var left = document.getElementsByTagName(elemType)[cu].offsetLeft;

var width = document.getElementsByTagName(elemType)[cu].offsetWidth;

if (top <= obergrenze || top >= untergrenze || width < minElemWidth || left < 0) {

continue;

}

elemPosis[elemPosis.length] = new Array(elemType, cu, top, left, width);

if (elemPosis.length >= neededElems4random) return elemPosis;

}

}

return elemPosis;

}


function flyFromTo(startX, startY, targetX, targetY, solved, direction) {

justStarted = (solved == 0);

solved += (solved > birdSpeed / 2) ? birdSpeed : Math.round((solved == 0) ? birdSpeed / 4 : birdSpeed / 2);

solvedFuture = solved + ((solved > birdSpeed / 2) ? birdSpeed : Math.round(birdSpeed / 2));

distanceX = targetX - startX;

distanceY = targetY - startY;

distance = Math.sqrt(distanceX * distanceX + distanceY * distanceY);

solvPerc = Math.abs(1 / distance * solved);

solvDistX = Math.round(distanceX * solvPerc);

solvDistY = Math.round(distanceY * solvPerc);

solvPercFuture = Math.abs(1 / distance * solvedFuture);

solvDistXFuture = Math.round(distanceX * solvPercFuture);

solvDistYFuture = Math.round(distanceY * solvPercFuture);

if (typeof(direction) != "string") {

direction = null;

angle = ((distanceX != 0) ? Math.atan((-distanceY) / distanceX) / Math.PI * 180 : 90) + ((distanceX < 0) ? 180 : 0);

if (angle < 0) angle += 360;

if (angle < 45) direction = 'o';

else if (angle < 135) direction = 'n';

else if (angle < 202.5) direction = 'w';

else if (angle < 247.5) direction = 'sw';

else if (angle < 292.5) direction = 's';

else if (angle < 337.5) direction = 'so';

else direction = 'o';

}

if (Math.abs(solvDistXFuture) >= Math.abs(distanceX) && Math.abs(solvDistYFuture) >= Math.abs(distanceY)) {

animateSpriteAbort();

switch (direction) {

case 'so':

animateSprite(1, 0, 0, 0, null, true);

break;

case 'sw':

animateSprite(1, 2, 2, 0, null, true);

break;

case 's':

animateSprite(0, 2, 2, 0, null, true);

break;

case 'n':

animateSprite(4, 0, 0, 0, null, true);

break;

case 'o':

animateSprite(1, 0, 0, 0, null, true);

break;

case 'w':

animateSprite(1, 2, 2, 0, null, true);

break;

default:

animateSprite(0, 0, 0, 0, null, true);

}

timeoutAnimation = window.setTimeout("animateSprite(0,0,0,0,null,true)", spriteAniSpeed);

}

if (Math.abs(solvDistX) >= Math.abs(distanceX) && Math.abs(solvDistY) >= Math.abs(distanceY)) {

solvDistX = distanceX;

solvDistY = distanceY;

birdIsFlying = false;

window.setTimeout("recheckposition()", 500);

} else {

if (justStarted) {

animateSpriteAbort();

switch (direction) {

case 'so':

animateSprite(1, 0, 0, 0, null, true);

timeoutAnimation = window.setTimeout("animateSprite(1,1,1,0,null,true)", spriteAniSpeed);

break;

case 'sw':

animateSprite(1, 2, 2, 0, null, true);

timeoutAnimation = window.setTimeout("animateSprite(1,3,3,0,null,true)", spriteAniSpeed);

break;

case 's':

animateSprite(0, 2, 2, 0, null, true);

timeoutAnimation = window.setTimeout("animateSprite(0,3,3,0,null,true)", spriteAniSpeed);

break;

case 'n':

timeoutAnimation = window.setTimeout("animateSprite(4,0,3,0," + spriteAniSpeedSlow + ")", 1);

break;

case 'o':

animateSprite(1, 0, 0, 0, null, true);

timeoutAnimation = window.setTimeout("animateSprite(2,0,3,0," + spriteAniSpeedSlow + ")", spriteAniSpeed);

break;

case 'w':

animateSprite(1, 2, 2, 0, null, true);

timeoutAnimation = window.setTimeout("animateSprite(3,0,3,0," + spriteAniSpeedSlow + ")", spriteAniSpeed);

break;

default:

animateSprite(0, 0, 0, 0, null, true);

}

}

timeoutFlight = window.setTimeout("flyFromTo(" + startX + "," + startY + "," + targetX + "," + targetY + "," + solved + ",'" + direction + "')", 50);

}

hideButtons();

document.getElementById("tBird").style.left = (startX + solvDistX) + "px";

document.getElementById("tBird").style.top = (startY + solvDistY + birdSetUp) + "px";

}


function scareTheBird(nul) {

newTS = new Date().getTime();

if (scareTheBirdLastTime < newTS - scareTheBirdTime) {

scareTheBirdCount = 1;

scareTheBirdLastTime = newTS;

} else {

scareTheBirdCount++;

if (scareTheBirdCount >= scareTheBirdMouseOverTimes) {

scareTheBirdCount = 0;

scareTheBirdLastTime = 0;

recheckposition(true);

}

}

}


function showButtons(step, winWidth, winHeight) {

birdPosY = parseInt(document.getElementById("tBird").style.top);

birdPosX = parseInt(document.getElementById("tBird").style.left);

if (step == 0 && document.getElementById("tBirdLtweet").style.display == "block") step = 100;

if (birdIsFlying) step = 0;

opacity = Math.round(step * 15);

if (opacity < 0) opacity = 0;

if (opacity > 100) opacity = 100;

if (birdPosX < winWidth - 300 || birdPosX < winWidth / 2) {

buttonPosX1 = birdPosX + spriteWidth - 15;

buttonPosX2 = birdPosX + spriteWidth - 10;

} else {

buttonPosX1 = birdPosX + 16 - parseInt(document.getElementById("tBirdLtweet").style.width);

buttonPosX2 = birdPosX + 11 - parseInt(document.getElementById("tBirdLfollow").style.width);

}

buttonPosY1 = birdPosY - 0;

buttonPosY2 = birdPosY - 0 + parseInt(document.getElementById("tBirdLtweet").style.height);

document.getElementById("tBirdLtweet").style.left = buttonPosX1 + "px";

document.getElementById("tBirdLtweet").style.top = buttonPosY1 + "px";

document.getElementById("tBirdLtweet").style.display = "block";

document.getElementById("tBirdLtweet").style.opacity = opacity / 100;

document.getElementById("tBirdLtweet").style.filter = "alpha(opacity=" + opacity + ")";

document.getElementById("tBirdLfollow").style.left = buttonPosX2 + "px";

document.getElementById("tBirdLfollow").style.top = buttonPosY2 + "px";

document.getElementById("tBirdLfollow").style.display = "block";

document.getElementById("tBirdLfollow").style.opacity = opacity / 100;

document.getElementById("tBirdLfollow").style.filter = "alpha(opacity=" + opacity + ")";

if (showTweet == true) {

if (typeof(window.pageYOffset) == "number") scrollPos = window.pageYOffset;

else if (document.body && document.body.scrollTop) scrollPos = document.body.scrollTop;

else if (document.documentElement && document.documentElement.scrollTop) scrollPos = document.documentElement.scrollTop;

if (birdPosX < 64) boxMoveX = 64 - birdPosX;

else if (birdPosX > winWidth - 64) boxMoveX = winWidth - birdPosX - 64;

else boxMoveX = 0;

txtBoxPosX = Math.round(birdPosX + spriteWidth / 2 - parseInt(document.getElementById("tBirdStatxLow").style.width) / 2 + boxMoveX);

if (birdPosY < winHeight / 2 + scrollPos) {

txtBoxPosY = birdPosY + spriteHeight;

document.getElementById("tBirdStatxLow").style.left = txtBoxPosX + "px";

document.getElementById("tBirdStatxLow").style.top = txtBoxPosY + "px";

document.getElementById("tBirdStatxLow").style.display = "block";

document.getElementById("tBirdStatxLow").style.opacity = opacity / 100;

document.getElementById("tBirdStatxLow").style.filter = "alpha(opacity=" + opacity + ")";

} else {

txtBoxPosY = birdPosY - document.getElementById("tBirdStatxUpr").offsetHeight;

document.getElementById("tBirdStatxUpr").style.left = txtBoxPosX + "px";

document.getElementById("tBirdStatxUpr").style.top = txtBoxPosY + "px";

document.getElementById("tBirdStatxUpr").style.display = "block";

document.getElementById("tBirdStatxUpr").style.opacity = opacity / 100;

document.getElementById("tBirdStatxUpr").style.filter = "alpha(opacity=" + opacity + ")";

}

}

if (opacity >= 100) return;

step++;

showButtonsTimeout = window.setTimeout("showButtons(" + step + "," + winWidth + "," + winHeight + ")", 60);

}


function hideButtons() {

window.clearTimeout(showButtonsTimeout);

document.getElementById("tBirdLtweet").style.display = "none";

document.getElementById("tBirdLtweet").style.opacity = "0";

document.getElementById("tBirdLtweet").style.filter = "alpha(opacity=0)";

document.getElementById("tBirdLfollow").style.display = "none";

document.getElementById("tBirdLfollow").style.opacity = "0";

document.getElementById("tBirdLfollow").style.filter = "alpha(opacity=0)";

if (showTweet == true) {

document.getElementById("tBirdStatxLow").style.display = "none";

document.getElementById("tBirdStatxLow").style.opacity = "0";

document.getElementById("tBirdStatxLow").style.filter = "alpha(opacity=0)";

document.getElementById("tBirdStatxUpr").style.display = "none";

document.getElementById("tBirdStatxUpr").style.opacity = "0";

document.getElementById("tBirdStatxUpr").style.filter = "alpha(opacity=0)";

}

}


function loadStatusText() {

param = "tuac=" + twitterAccount;

var req = (window.XMLHttpRequest) ? new XMLHttpRequest() : ((window.ActiveXObject) ? new ActiveXObject("Microsoft.XMLHTTP") : false);

if (!req) {

document.getElementById("tBirdStatxInLow").innerHTML = "Error: could not create Ajax-request";

}

req.open("POST", twitterfeedreader, true);

req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

req.setRequestHeader("Content-Length", param.length);

req.setRequestHeader("Connection", "close");

req.onreadystatechange = function () {

if (req.readyState == 4) {

resp = (req.status == 200) ? req.responseText : "Error: Ajax-request failed,HTTP-Code " + req.status;

resp = resp.replace(/<a /g, '<a style="' + hyperlinkStyle + '" ');

document.getElementById("tBirdStatxInLow").innerHTML = resp;

document.getElementById("tBirdStatxInUpr").innerHTML = resp;

}

}

req.send(param);

}


function getWindowWidth() {

if (typeof(window.innerWidth) == "number") ww = window.innerWidth;

else if (document.documentElement && document.documentElement.clientWidth) ww = document.documentElement.clientWidth;

else if (document.body && document.body.clientWidth) ww = document.body.clientWidth;

else ww = 800;

return ww;

}


function getWindowHeight() {

if (typeof(window.innerHeight) == "number") wh = window.innerHeight;

else if (document.documentElement && document.documentElement.clientHeight) wh = document.documentElement.clientHeight;

else if (document.body && document.body.clientHeight) wh = document.body.clientHeight;

else wh = 450;

return wh;

}


function is_mobile(is_mobile_ua) {

return (is_mobile_ua.toLowerCase().search(/(iphone|ipod|opera mini|windows ce|windows phone|palm|blackberry|android|symbian|series60|samsung|nokia|playstation portable|htc[\-_]|up\.browser|profile\/midp|[1-4][0-9]{2}x[1-4][0-9]{2})/) > -1)

}


function utf8_encode(str) {

str = str.replace(/\r\n/g, "\n");

utf8str = "";

for (n = 0; n < str.length; n++) {

c = str.charCodeAt(n);

if (c < 128) {

utf8str += String.fromCharCode(c);

} else if (c > 127 && c < 2048) {

utf8str += String.fromCharCode((c >> 6) | 192);

utf8str += String.fromCharCode((c & 63) | 128);

} else {

utf8str += String.fromCharCode((c >> 12) | 224);

utf8str += String.fromCharCode(((c >> 6) & 63) | 128);

utf8str += String.fromCharCode((c & 63) | 128);

}

}

return utf8str;

}


function is_utf8(str) {

strlen = str.length;

for (i = 0; i < strlen; i++) {

ord = str.charCodeAt(i);

if (ord < 0x80) continue;

else if ((ord & 0xE0) === 0xC0 && ord > 0xC1) n = 1;

else if ((ord & 0xF0) === 0xE0) n = 2;

else if ((ord & 0xF8) === 0xF0 && ord < 0xF5) n = 3;

else

return false;

for (c = 0; c < n; c++)

if (++i === strlen || (str.charCodeAt(i) & 0xC0) !== 0x80) return false;

}

return true;

}


ونتابع

اقرأ المزيد
author

آلتآريخ هجري وميلآدي

المتابعون