مجموعة أكواد بلوجر مهمة ~ مدونة التربية والتعليم

مجموعة أكواد بلوجر مهمة

مرسلة بواسطة مدونة التربية والتعليم بالمغرب يوم السبت، 24 سبتمبر 2011 0 التعليقات

بسم الله، هذه مجموعة من الاكواد التي قد تفيدك أخي الزائر في موقعك أو مدونتك.

ملاحظة: هذه الأكواد مأخوذة من عدة مواقع.

هذه الأكواد صالحة في إظافة أداة HTML/JAVASCRIPT

MP 3كود القرآن

شريط أخبار العربية

<div width="200"><script src="http://www.alarabiya.net/ara_v_ticker.html"></script></div>

شريط متحرك

<marquee behavior="scroll" direction="left" width="90%" scrolldelay="100">

سبحان الله # والحمد لله # ولا إله إلا الله # والله أكبر # ولا حول ولا قوة إلا باله

</marquee>

تعليقات الزوار

آخر التعليقات

<script>

function rp(json) {

document.write('<ul>');

for (var i = 0; i < numposts; i++) {

document.write('<li>');

var entry = json.feed.entry[i];

var posttitle = entry.title.$t;

var posturl;

if (i == json.feed.entry.length) break;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

posturl = entry.link[k].href;

break;

}

posttitle = posttitle.link(posturl);

var readmorelink = "(lire la suite)";

readmorelink = readmorelink.link(posturl);

var postdate = entry.published.$t;

var cdyear = postdate.substring(0,5);

var cdmonth = postdate.substring(6,10);

var cdday = postdate.substring(11,14);

var monthnames = new Array();

monthnames[1] = "Jan";

monthnames[2] = "Feb";

monthnames[3] = "Mar";

monthnames[4] = "Apr";

monthnames[5] = "May";

monthnames[6] = "Jun";

monthnames[7] = "Jul";

monthnames[8] = "Aug";

monthnames[9] = "Sep";

monthnames[10] = "Oct";

monthnames[11] = "Nov";

monthnames[12] = "Dec";

if ("content" in entry) {

var postcontent = entry.content.$t;

} else if ("summary" in entry) {

var postcontent = entry.summary.$t;

} else

var postcontent = "";

var re = /<\S[^>]*>/g;

postcontent = postcontent.replace(re, "");

document.write(posttitle);

if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);

if (showpostsummary == true) {

if (postcontent.length < numchars) {

document.write(postcontent);

} else {

postcontent = postcontent.substring(0, numchars);

var quoteEnd = postcontent.lastIndexOf(" ");

postcontent = postcontent.substring(0,quoteEnd);

document.write(postcontent + '...' + readmorelink);}}

document.write('</li>');}document.write('</ul>');}</script>

<script>

var numposts = 5;

var showpostdate = false;

var showpostsummary = false;

var numchars = 300;

</script>

خلاصة المواضيع في المدونة

<style>

.showpageArea a {

text-decoration:underline;

}

.showpageNum a {

text-decoration:none;

border: 1px solid #ccc;

margin:0 3px;

padding:3px;

}

.showpageNum a:hover {

border: 1px solid #ccc;

background-color:#ccc;

}

.showpagePoint {

color:#333;

text-decoration:none;

border: 1px solid #ccc;

background: #ccc;

margin:0 3px;

padding:3px;

}

.showpageOf {

text-decoration:none;

padding:3px;

margin: 0 3px 0 0;

}

.showpage a {

text-decoration:none;

border: 1px solid #ccc;

padding:3px;

}

.showpage a:hover {

text-decoration:none;

}

.showpageNum a:link,.showpage a:link {

text-decoration:none;

color:#333;

}

</style>

<script type="text/javascript">

function showpageCount(json) {

var thisUrl = location.href;

var htmlMap = new Array();

var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";

var isLablePage = thisUrl.indexOf("/search/label/")!=-1;

var isPage = thisUrl.indexOf("/search?updated")!=-1;

var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";

thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;

var thisNum = 1;

var postNum=1;

var itemCount = 0;

var fFlag = 0;

var eFlag = 0;

var html= '';

var upPageHtml ='';

var downPageHtml ='';

var pageCount=5;

var displayPageNum=3;

var firstPageWord = 'First';

var endPageWord = 'التالي';

var upPageWord ='Previous';

var downPageWord ='الأخيرة';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {

var timestamp = post.published.$t.substr(0,10);

var title = post.title.$t;

if(isLablePage){

if(title!=''){

if(post.category){

for(var c=0, post_category; post_category = post.category[c]; c++) {

if(encodeURIComponent(post_category.term)==thisLable){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}

postNum++;

htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;

}

}//end if(post.category){

itemCount++;

}

}else{

if(title!=''){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}

if(title!='') postNum++;

htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;

}

itemCount++;

}

for(var p =0;p< htmlMap.length;p++){

if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){

if(fFlag ==0 && p == thisNum-2){

if(thisNum==2){

if(isLablePage){

upPageHtml = labelHtml + upPageWord +'</a></span>';

}else{

upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';

}

}else{

upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';

}

fFlag++;

}

if(p==(thisNum-1)){

html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';

}else{

if(p==0){

if(isLablePage){

html = labelHtml+'1</a></span>';

}else{

html += '<span class="showpageNum"><a href="/">1</a></span>';

}

}else{

html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';

}

if(eFlag ==0 && p == thisNum){

downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';

eFlag++;

}

}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){

}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){

if(!isLablePage){

html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';

}else{

html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';

}

html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){

html += downPageHtml;

html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';

}

if(postNum==1) postNum++;

html += '</div>';

if(isPage || isFirstPage || isLablePage){

var pageArea = document.getElementsByName("pageArea");

var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){

html ='';

}

for(var p =0;p< pageArea.length;p++){

pageArea[p].innerHTML = html;

}

if(pageArea&&pageArea.length>0){

html ='';

}

if(blogPager){

blogPager.innerHTML = html;

}

</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>

<div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://www.techieblogger.com/2008/07/page-navigation-hack-for-blogger.htm">Grab this Widget ~ Blogger Accessories</a></div>

شريط مواضيع المدونة

<p>

<marquee direction="right" scrollamount="3" scrolldelay="0" width="95%"><script type="text/javascript">

var randarray = new Array();var l=0;var flag;

var numofpost=20;function randomposts(json){

var total = parseInt(json.feed.openSearch$totalResults.$t,10);

for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}

if(flag==0&&l!=0){randarray[i++]=l;}}document.write('');

for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];

for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = " " + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "";

document.write(item);}}

}document.write('');}document.write('<a style="font-size: 8px;color: #cccccc; text-decoration:none;" target="_blank" href=""> </a>');

</script><script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script></marquee></p>

كود إظهار عناوين المواضيع فقط في الرئيسية

شرح إظهار عناوين المواضيع فقط في الصفحة الرئيسية لمدونات بلوجر . هاك بسيط يعمل على إظهار العناوين فقط وليس العنوان والموضوع معا .. حيث يظهر العنوان في الصفحة الرئيسية للمدونة فقط وعد الضغط عليه يحولك الى الموضوع الرئيسي . ولكي تستطيع تركيب هذا الهاك في مدونتك اتبع الآتي

1. ادخل الى لوحة التحكم ثم التصميم ثم تحرير ال html وقم بتوسيع القالب .

2. لا تنسى بأخذ نسخة احتياطية من القالب الخاص بك .

3. ابحث عن هذا الكود </head>

ثم أضف قبله " فوقه " مباشرة هذا الكود

كود:

<style type='text/css'>

<b:if cond='data:blog.url == data:blog.homepageurl'>

.post {

margin:.5em 0 1.5em;

border-bottom:0px dotted $bordercolor;

padding-bottom:1.0em;

height:50px;

}

.post h3 {

margin:.25em 0 0;

padding:0 0 4px;

font-size:20px;

font-family:tahoma,georgia,century gothic,arial,sans-serif;

font-weight:normal;

line-height:1.4em;

color:#cc6600;

}

.post h3 a, .post h3 a:visited, .post h3 strong {

display:block;

text-decoration:none;

color:#cc6600;

font-weight:normal;

}

.post h3 strong, .post h3 a:hover {color:#333333;}

.post-body {display:none;}

.post-footer {display:none;}

.comment-link {display:none;}

.post img {display:none;}

.post blockquote {display:none;}

.post blockquote p {display:none;}

h2.date-header {display:none;}

.post-labels {display:none;}

.post-rating {display:none;}

</b:if>

</style>

والآن قم بحفظ القالب ..

تم بحمد الله .. أخوكم : باسم

نرجو منكم دعوة صالحة بظهر الغيب

كود لإضافة قائمة المتواجدون الآن

<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('o92kz5igcc0q', 'right-upper')</script>

أربع رسائل تظهر بالترتيب في أعلى الصفحة و يمكن زيادة العدد

<script language="JavaScript">

<!-- Begin

// Original: Charles Foster (wcms_sf@msn.com)

// Web Site: http://kylo.ml.org/flash

// Visit http://www.star28.com/ for more code

// Translated By http://www.star28.com/

var speed = 100;

var cycledelay = 2000;

var maxsize = 28;

var x = 0;

var y = 0;

var themessage, size;

var esize = "</font>";

function initArray() {

this.length = initArray.arguments.length;

for (var i = 0; i < this.length; i++) {

this[i] = initArray.arguments[i];

}

var themessage2 = new initArray(

"سبحان الله",

"الحمد لله",

"لا إله إلا الله",

"الله أكبر" //لا حول ولا قوة إلا بالله

);

if(navigator.appName == "Netscape")

document.write('<layer id="wds"></layer><br>');

if (navigator.appVersion.indexOf("MSIE") != -1)

document.write('<span id="wds"></span><br>');

function upwords(){

themessage = themessage2[y];

if (x < maxsize) {

x++;

setTimeout("upwords()",speed);

}

else setTimeout("downwords()",cycledelay);

if(navigator.appName == "Netscape") {

size = "<font point-size='"+x+"pt'>";

document.wds.document.write(size+"<center>"+themessage+"</center>"+esize);

document.wds.document.close();

}

if (navigator.appVersion.indexOf("MSIE") != -1){

wds.innerHTML = "<center>"+themessage+"</center>";

wds.style.fontSize=x+'px';

}

function downwords(){

if (x > 1) {

x--;

setTimeout("downwords()",speed);

}

else {

setTimeout("upwords()",cycledelay);

y++;

if (y > themessage2.length - 1) y = 0;

}

if(navigator.appName == "Netscape") {

size = "<font point-size='"+x+"pt'>";

document.wds.document.write(size+"<center>"+themessage+"</center>"+esize);

document.wds.document.close();

}

if (navigator.appVersion.indexOf("MSIE") != -1){

wds.innerHTML = "<center>"+themessage+"</center>";

wds.style.fontSize=x+'px';

}

setTimeout("upwords()",speed);

// End -->

</script>

بسم الله الرحمن الرحيم

اضافة جعل الروابط بلون قوس قزح عند مرور الماوس

هذا الكود خاص بـ مدونة الاحلام

ملحوظه الاضافة تعمل على اسكريبت واى موقع

شرح اضافة الكود

1. افتح لوحة التحكم

2. اختر تصميم

3. ثم تحرير HTML

4. علم صح على توسيع قوالب عناصر واجهة المستخدم

5. ابحث عن

كود PHP:

<head>

اضف بها مباشر الكود التالى

كود PHP:

<script type="text/javascript" src="http://blog-al7lam.googlecode.com/files/rainbow.js"></script>

ثم اضغط حفظ القالب

ومبروك

شرح إظهار عناوين المواضيع فقط في الصفحة الرئيسية لمدونات بلوجر

. هاك بسيط يعمل على إظهار العناوين فقط وليس العنوان والموضوع معا .. حيث يظهر العنوان في الصفحة الرئيسية للمدونة فقط وعد الضغط عليه يحولك الى الموضوع الرئيسي . ولكي تستطيع تركيب هذا الهاك في مدونتك اتبع الآتي

1. ادخل الى لوحة التحكم ثم التصميم ثم تحرير ال HTML وقم بتوسيع القالب .

2. لا تنسى بأخذ نسخة احتياطية من القالب الخاص بك .

3. ابحث عن هذا الكود </head>

ثم أضف قبله " فوقه " مباشرة هذا الكود

<style type='text/css'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

.post {

margin:.5em 0 1.5em;

border-bottom:0px dotted $bordercolor;

padding-bottom:1.0em;

height:50px;

}

.post h3 {

margin:.25em 0 0;

padding:0 0 4px;

font-size:20px;

font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;

font-weight:normal;

line-height:1.4em;

color:#cc6600;

}

.post h3 a, .post h3 a:visited, .post h3 strong {

display:block;

text-decoration:none;

color:#cc6600;

font-weight:normal;

}

.post h3 strong, .post h3 a:hover {color:#333333;}

.post-body {display:none;}

.post-footer {display:none;}

.comment-link {display:none;}

.post img {display:none;}

.post blockquote {display:none;}

.post blockquote p {display:none;}

h2.date-header {display:none;}

.post-labels {display:none;}

.post-rating {display:none;}

</b:if>

</style>

كود عرض المصغرات واقرأ المزيد

بسم الله و الحمد لله و الصلاة و السلالم على رسول الله.

العديد من المدونين يتساءلون عن طريقة تلقائية لعرض مقتطفات تدويناتهم بشكل تلقائي على الصفحة الرئيسية و تحتها مباشرة رابط "تابع القراءة" أو "اقرأ المزيد" لمتابعة التدوينة كاملة. و لهم نقدم هذه الإضافة المفيدة التي تحسن مظهر المدونة و تجعلها صديقة لمحركات البحث . و تجدر الإشارة أن النسخة المقدمة هنا (و هي نفسها المقدمة في بعض المواقع ك vietwebguide.com ) تمكنك من الحصول على محاذات ميامنة للمصغرات كما هو موضح في الصورة الموالية--» قبل تحرير القالب يجب حفظ نسخة احتياطية منه لاستعادتها عند الضرورة.

الخطوة الأولى: من باب " التخطيط" نختار "تحرير Html" و نوسع القالب عبر وضع علامة في المربع الصغير أعلا صندوق التحرير و نبحث عن

و مباشرة قبلها أي فوقها نضع هذا الكود :

» شرح الألوان:

- الأحمر لتعديل طول مقتطف التدوينة التي لا تضم صورا.

- الأزرق لطول مقتطف التدوينات التي بها صور.

- الأخضر لتعديل أبعاد المصغرات ( الصور الصغيرة التي تبدو في الرئيسية ).

- البرتقالي هو رابط ملف الجافاسكريبت يمكن إعادة رفعه و تحرير رابطه.

الخطوة الثانية: نبحث ( Ctrl+F ) على

نحدده و نعوضه بهذا الكود :

<p><b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> ...تابع القراءة</a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></p>

لجعل الصورة إلى جهة اليسار استبدل right ب left في الكود أعلاه .

و أخيرا احفظ القالب و مبروك عليك!

اك الانتقال لأعلى الصفحة باستعمال مكتبة jQuery

[السبت, أغسطس 22, 2009 | 15 تعليقات ] نبضات

أغلب مدونات ووردبريس Wordpress تستعمل إضافة Wp To Top لوضع رابط الانتقال إلى أعلى الصفحة بطريقة سلسة. و صاحب هذه الإضافة اعتمد على هذه الطريقة jQuery topLink Plugin لإنشاء هذه الإضافة الممتازة. و اعتماداعلى نفس الموضوع سندرج هذه الإضافة في مدونات بلوجر و يمكن كذلك استعمال الطريقة ذاتها لإدراجها في أي موقع أو صفحة ويب. بسم الله نبدأ.

يمكن تجريب الإضافة من خلال هذه المدونة التجريبية. حاول النزول لأسفل الصفحة و سيظهر الزر تلقائيا.

طريقة الإضافة في مدونات بلوجر

أولا من لوحة التحكم نتوجه إلى صفحة تحرير Html ثم نبحث عن

]]></b:skin>

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

<script src='http://sites.google.com/site/simoxooorg/up-to-top/jquery-1.3.js' type='text/javascript'/>

<script src='http://sites.google.com/site/simoxooorg/up-to-top/jquery.scrollTo-1.4.js' type='text/javascript'/>

<script type='text/javascript'>

jQuery.fn.topLink = function(settings) {

settings = jQuery.extend({

min: 1,

fadeSpeed: 200,

ieOffset: 50

}, settings);

return this.each(function() {

//listen for scroll

var el = $(this);

el.css('display','none'); //in case the user forgot

$(window).scroll(function() {

if(!jQuery.support.hrefNormalized) {

el.css({

'position': 'absolute',

'top': $(window).scrollTop() + $(window).height() - settings.ieOffset

});

}

if($(window).scrollTop() >= settings.min)

{

el.fadeIn(settings.fadeSpeed);

}

else

{

el.fadeOut(settings.fadeSpeed);

}

});

};

$(document).ready(function() {

$('#top-link').topLink({

min: 400,

fadeSpeed: 500

});

//smoothscroll

$('#top-link').click(function(e) {

e.preventDefault();

$.scrollTo(0,300);

});

</script>

* الرابطين المشار إليهما باللون الأزرق هما لمكتبة ال jQuery و سكريبت الانتقال لأعلى الصفحة ، إن أردت رفعهما على استضافتك الخاصة يمكنك تحميلهما من هنا . تحميل الملفين

ثم فوق هذا الكود مباشرة

]]></b:skin>

نضيف كود ال css هذا، و من خلاله يمكن تعديل شكل زر الصعود لأعلى الصفحة حيث يمثل اللون الأحمر إطار الزر بينما الأخضر للون خلفيته.

#top-link {

display:none;

position:fixed;

right:5px;

bottom:5px;

color:green;

font-weight:bold;

text-decoration:none;

border:1px solid green;

background:Lightgreen;

padding:10px;

}

بعد ذلك نضع كود ال XHTML الموالي بين وسمي body ، مثلا مباشرة فوق </body> و نحفظ القالب.

<a href='#top' id='top-link'>إلى الأعلى</a>

اداة منع نسخ المواضيع

<script language=javascript>



var message = "المرجو من الزائر الكريم إذا أردت نسخ الموضوع أن تضع عنوان الموضوع وعنوانك الإلكتروني في صندوق التعليقات وسأرسله إليك في أقرب وقت";

function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){ alert(message); return false; }

if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) { alert(message); return false; } }

document.onmousedown = rtclickcheck;

</script>

ملاحظة: هذه الأكواد مأخوذة من عدة مواقع

Pages

Pages

القران الكريم

Recent Comments

مجموعة أكواد بلوجر مهمة

مواضيع قد تفيدك أيضاَ :

0 التعليقات:

إرسال تعليق

ابحث عن موضوع في المدونة

المواضيع الاكثر مشاهدة

الاقسام

صفحتنا على الفيس بوك

add this

عداد الزوار

النسخ