جافا سكربت
<center>
<script>
var times=history.length;
document.write(' عدد تصفحك '+times+' الان');
</script>
</center>
حطه في اي مكان
الجمعة
يحسب عدد تصفحك وتنقلك
برمجه هكركوز الازرار للاعلى والاسفل
نُضيف أزرار التمرير داخل 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' });
}
وسلامتكم
الأحد
وضع كود مشاهده زوار المدونه اتبع 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
واضافه بالقالب
السبت
ماذا تعرف عن 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، ويمكنك استخدامها لتعزيز موقعك بميزات إضافية وتخصيصه بما يناسب احتياجاتك الفردية أو الأعمال
الجمعة
من قوقل فحص رابط موقعك Check your website link
مجموعه روابط
قوقل رسمي
https://transparencyreport.google.com/safe-browsing/search?url=
والباقي مختاره
https://www.site24x7.com/tools/link-checker.html
https://ahrefs.com/broken-link-checker
https://www.deadlinkchecker.com/
https://www.a2hosting.com/kb/getting-started-guide/internet-and-networking/checking-your-website-for-broken-links/
https://www.drlinkcheck.com/
https://moz.com/link-explorer
https://dnschecker.org/website-broken-link-checker.php
https://validator.w3.org/checklink
https://nordvpn.com/ar/link-checker/
https://sitecheck.sucuri.net/
https://tools.pingdom.com/
وسلامتكم
السبت
اكواد تعديل او اضافه مثل الكاتب والساعه والقسم في القائمه لمقاله
اذا حاب تعدل او تزيد كما هذا
<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'>
ثم أنسخ الكود التالي قبل الكود الذي وجدته
تطبيق لسيو Seo امرين تعديل للبلوجر Description and Keywords (end)
البحث عن
<head>
تحته
<title>
<b:if cond='data:blog.pageType == "index"'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<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 == "index"'>
<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 == "item"'>
<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 != ""'>
<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'>{"@context":"http://schema.org","@type":"WebSite","name":"<data:view.title.escaped/>","url":"<data:view.url.canonical/>","potentialAction":{"@type":"SearchAction","target":"<data:view.url.canonical/>search?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
</b:if>
وصف محتوي مدونتك
YOUR DESCRIPTION HER
كلمات حط اللى تبيه
YOUR KEYWORDS HERE
تصغير شامل لصور
البحث عن
]]></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;
}
ونتابع
التعرف على محتوي لقالب القائمه لـ 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
ونتابع
ارقام بالارجواني
البحث عن
</body>
فوقه
<!-- PAGE NAVIGATION STAR-->
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='◄';
var downPageWord ='►';
</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;
}
ونتابع
ارقام بالاخضر
البحث عن
</body>
فوقه
<!-- PAGE NAVIGATION STAR-->
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='◄';
var downPageWord ='►';
</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;
}
ونتابع
ارقام بالبرتقالي
البحث عن
</body>
فوقه
<!-- PAGE NAVIGATION STAR-->
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='◄';
var downPageWord ='►';
</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;
}
ونتابع
ارقام الرصاصي
البحث عن
</body>
فوقه
<!-- PAGE NAVIGATION STAR-->
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='◄';
var downPageWord ='►';
</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;
}
ونتابع
ارقام بالازرق
البحث عن
</body>
فوقه
<!-- PAGE NAVIGATION STAR-->
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='◄';
var downPageWord ='►';
</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;
}
ونتابع
ماذا تعرف عن css -js-HTML وكيفيت اضافه اكوادها بالبلوجر
نبذه سريعه واتبع شروحاتنا ليسهل عليك الاضافات بالبوجر باسرع وقت
1- هذا الامر لـ CSS
]]></b:skin>
2- هذا الامر لـ Javascript -Js
</body>
3- هذا الامر لـ HTML
</header>
نتابع
شريط اخبارمحترف
البحث عن
]]></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>
ونتابع
اضافة شريط متحرك يضم اخر اخبار المدونه بطريقة احترافيه
تتميز هذه الاضافة بجماليتها وبخفتها وهي متوفرة بعدة الوان لكي تتناسب مع اكثر القوالب شيوعا و أكثرها أناقة، وايضا لارضاء جميع اذواق متابعي و زوار مدونتك
ابحث عن الكود التالي :
</head>
وقم بلصق أحد الأكواد التالية قبله مباشرة :
هذا الكود لجعل الشريط يظهر باللون الأزرق
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<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 != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<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 != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<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 != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<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>
قم بتغيير الرابط الى رابط مدونتك
برمجه جافا صور متنقله زينه وتصميمها شبه صعب
ضعها بالمكان المناسب
الاضافه لـ إعداد اللغة 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;
}
ونتابع
الاشتراك في:
التعليقات (Atom)
اشتراك في
المشاركات
جميع التعليقات
|
