0 comment
الخميس، 28 فبراير 2013
شرح مصور للاشتراك في خدمة Feedburner لنشر مواضيعك تلقائيا علي تويتر وكسب الاف الزوار بالاضافة الي كيفية عمل القائمة البريدية
تمكنك الخدمة من نشر مواضيعك الجديدة تلقائيا (أوتوماتيكيا) على تويتر Twitter ، و لن تضطر معها إلى النشر اليدوي الذي يأخذ بعض الوقت و الجهد. الخدمة هي FeedBurner المقدمة من جوجل، طبعا الكثير يستعملها لنشر الخلاصات RSS
ما هي هذه الخدمة؟ هي أقوي موقع لخدمة RSS بالعالم وهذا لانها تتبع شركة Google
ماذا ستستفيد في موقعنا من هذه الخدمة؟
- ارشفة فورية وقوية وثابتة بجوجل. - تجميع اكبر عدد من القوائم البريدية الشرعية من زوارك واعضائك. - توصيل اخر مواضيع منتداك او مدونتك او اي خدمة تستعمل RSS الي عملائك باسرع وقت. - تخفيف اللود علي سيرفر موقعك بحيث ان الرسائل توصل عن طريق سيرفر الجوجل. - الاستفادة بالقائمة البريدية في اي شئ جديد خلاف موقعك الحالي.
طريقة الاشتراك بالخدمة :
اولا يجب عليك ان يكون لك بريد بجوجل Gmail
نذهب الي الصفحة التالية ونسجل الدخول بحساب الجوجل
Google FeedBurner
وبعد تسجيل الدخول تأتي لك هذه الصفحة اتبع الشرح
اولا يجب عليك ان يكون لك بريد بجوجل Gmail
نذهب الي الصفحة التالية ونسجل الدخول بحساب الجوجل
Google FeedBurner
وبعد تسجيل الدخول تأتي لك هذه الصفحة اتبع الشرح
ادخل رابط موقعك أو مدونتك ثم اضغط next
بعد ذلك اضغط next كما في الصورة
بعد ذلك اضغط next مرة أخري كما في الصورة
بعد ذلك اضغط علي Skip directly to feed management
وبذلك تم الاشتراك في خدمة FeedBurner
-------------------
أولا : كيفية عمل القائمة البريدية
اضافة القائمة البريدية الى المدونة
تمكنك القائمة البريدية من المحافظة على زوارك الأوفياء و جعلهم يزورون مدونتك فور كتابة موضوع جديد فهذة القائمة تضعها بمدونتك و يقوم القراء بالاشتراك فيها عن طريق البريد الاليكترونى لكى يصلهم على بريددهم الاليكترونى الموضوعات الجديدة التى تكتبها ثم يدخلون الى مدونتك و يعلقون على على الموضوع و الفضل هنا يعود الى القائمة البريدية
-------------------
أولا : كيفية عمل القائمة البريدية
اضافة القائمة البريدية الى المدونة
تمكنك القائمة البريدية من المحافظة على زوارك الأوفياء و جعلهم يزورون مدونتك فور كتابة موضوع جديد فهذة القائمة تضعها بمدونتك و يقوم القراء بالاشتراك فيها عن طريق البريد الاليكترونى لكى يصلهم على بريددهم الاليكترونى الموضوعات الجديدة التى تكتبها ثم يدخلون الى مدونتك و يعلقون على على الموضوع و الفضل هنا يعود الى القائمة البريدية
من اعلي القائمة اضغط علي Publicize
اضغط علي الصورة للتكبير
ثم من القائمة اليسري نختار Email Subscriptions
ونفعل الخدمة بالضغط علي ايقونة Activate
سوف نلاحظ بعد الخطوة السابقة ان الخدمة فعلت وجنبها علامه صح
بعد ذلك قم بنسخ الكود الذي يظهر في الصفحة وضعه في مدونتك أوموقعك كما في الصورة التالية
- بالنسبة للمدونات يتم وضع الكود عن طريق الضغط علي تصميم ثم اضغط علي اضافة أداة ثم
- بالنسبة للمدونات يتم وضع الكود عن طريق الضغط علي تصميم ثم اضغط علي اضافة أداة ثم
HTML/JavaScript
بعد ذلك انسخ الكود وقم بالحفظ
--------------------------
الفائدة من ذلك الكود هو الاشتراك المباشر عن طريق كتابة الايميل مباشرة
ليصل المشتروكون جميع مواضيع المدونة علي الايميل الشخصي لهم 
--------------------------
ثانيا : كيفية نشر مواضيعك علي تويتر تلقائيا
بعد اختيارك لخلاصة موقعك على فيدبرنر، في الصفحة الجديدة اضغط على Publicize ثم من القائمة اليسرى اختر Socialize و اضغط الزر المستطيل لإضافة حسابك على تويتر.
بعد الضغط على الزر المستطيل سيطلب منك موقع تويتر اختيار السماح لهذا التطبيق أو عدمه، ستضغط الزر الأزرق للسماح (Allow) و سيوجه متصفحك تلقائيا إلى الصفحة التي كنت فيها و ستجد بإن حسابك على تويتر قد أصبح متاحا في صفحة فيدبرنر Socialize.
حينها عدل كما تشاء في إعدادات النشر و اضغط أخيرا زر تفعيل الخدمة. و منه فكلما نشرت موضوعا جديدا على موقعك أو مدونتك يقوم فيدبرنر تلقائيا بنشره عنوانه و رابطه على تويتر
0 comment
شرح التحميل من موقع ايجي مارك تم شراء مساحة خاصه بنا لرفع البرامج والافلام و جميع الملفات الخاصه بموقعنا وهذا شرح مبسط لطريقة تحميل الملفات من موقعنا نرجو ان تتفهمو الطريقه
0 comment
0 commentالأربعاء، 27 فبراير 2013
من طرف : Bakhoum Fares عضو في جروب محبى القديس ابانوب والبابا كيرلس
0 commentالثلاثاء، 26 فبراير 2013
العديد من المدونين يتساءلون عن طريقة تلقائية لعرض مقتطفات تدويناتهم بشكل
تلقائي على الصفحة الرئيسية و تحتها مباشرة رابط "تابع القراءة" أو "اقرأ
المزيد" لمتابعة التدوينة كاملة. و لهم نقدم هذه الإضافة المفيدة التي تحسن
مظهر المدونة و تجعلها صديقة لمحركات البحث . و تجدر الإشارة أن النسخة
المقدمة هنا (و هي نفسها المقدمة في بعض المواقع ك vietwebguide.com ) تمكنك من الحصول على محاذات ميامنة للمصغرات كما هو موضح في الصورة الموالية.
-» قبل تحرير القالب يجب حفظ نسخة احتياطية منه لاستعادتها عند الضرورة.
الخطوة الأولى: من باب " التخطيط" نختار "تحرير Html" و نوسع القالب عبر وضع علامة في المربع الصغير أعلا صندوق التحرير و نبحث عن
» شرح الألوان:
- الأحمر لتعديل طول مقتطف التدوينة التي لا تضم صورا.
- الأزرق لطول مقتطف التدوينات التي بها صور.
- الأخضر لتعديل أبعاد المصغرات ( الصور الصغيرة التي تبدو في الرئيسية ).
- البرتقالي هو رابط ملف الجافاسكريبت يمكن إعادة رفعه و تحرير رابطه.
الخطوة الثانية: نبحث ( Ctrl+F ) على:
نحدده و نعوضه بهذا الكود :
-» قبل تحرير القالب يجب حفظ نسخة احتياطية منه لاستعادتها عند الضرورة.
الخطوة الأولى: من باب " التخطيط" نختار "تحرير Html" و نوسع القالب عبر وضع علامة في المربع الصغير أعلا صندوق التحرير و نبحث عن
</head>و مباشرة قبلها أي فوقها نضع هذا الكود :
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 500;
summary_img = 450;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://sites.google.com/site/simoxisite/Home/read-moreotomatis.js' type='text/javascript'/>
- الأحمر لتعديل طول مقتطف التدوينة التي لا تضم صورا.
- الأزرق لطول مقتطف التدوينات التي بها صور.
- الأخضر لتعديل أبعاد المصغرات ( الصور الصغيرة التي تبدو في الرئيسية ).
- البرتقالي هو رابط ملف الجافاسكريبت يمكن إعادة رفعه و تحرير رابطه.
الخطوة الثانية: نبحث ( Ctrl+F ) على:
<data:post.body/>
نحدده و نعوضه بهذا الكود :
<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 في الكود أعلاه .
0 commentالاثنين، 25 فبراير 2013
مجموعة اكواد لاصحاب المواقع
كود تحديد اتجاه النص
كود التحكم فى حجم الخط ولونه ونوعه
أكواد الألوان موجودة هـــــــــنـــــاااااااااا
كود نص يتحرك لأعلى
كود نص يتمدد وينكمش
كود نص متأرجح يميناً ويسارا
كود إظهار نصوص بها روابط بالتناوب
كود نص متحرك
كود شريط متحرك مع روابط
كود نص يضئ بالتدريج
كود نص يضئ بألوان مختلفة
ثانياً : أكواد الصور
كود إضافة صورة
كود صورة مع رابط
كود تغيير الصور تلقائيا
كود صور متحركة
كود شريط الصور المتحرك مع روابط
يمكن التحكم فى طول وعرض الصور بتغيير قيمها يدويا وتغيير إتجاه الشريط بتغيير كلمة up بالكود إلى down أو right أو lift
ثالثاً : أكواد الروابط
كود إضافة رابط
فتح الرابط في نافذة جديدة
فتح الرابط في نفس النافذة
لون الرابط
كود وضع الفلاش
(يمكن التحكم فى الطول والعرض بتغيير قيم width,height)
سكربت طباعة الصفحة
سكريبت آلة حاسبة
هذه مجموعة هامة من أكواد الجافاسكريبت و html لمصممى المواقع والمدونات
ويمكن أيضا إضافتها لصفحات الفيس بوك
أولاً :أكواد النصوص
كود النص العريض<b>اكتب النص هنا </b>
كود تحديد اتجاه النص
<p dir="rtl" align="right">اكتب هنا النص الذي سيظهر من اليمين إلى اليسار</p>
كود التحكم فى حجم الخط ولونه ونوعه
<CENTER><FONT COLOR="#كود اللون المرغوب" FACE="اسم الخط المرغوب" SIZE="4">اكتب هنا ما تريد</FONT></CENTER>
أكواد الألوان موجودة هـــــــــنـــــاااااااااا
كود نص يتحرك لأعلى
<marquee behavior="scroll" direction="up" height="140" scrollamount="1" scrolldelay="60" onMouseOver="this.stop()" onMouseOut="this.start()"> <center><br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 1 <br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 2 <br>مدونة كن داعيا للخير 3 <br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 4 <br>......</center> </marquee>
كود نص يتمدد وينكمش
<table align="center" width="98%"><tr><td>
<HTML>
<HEAD>
<script language="JavaScript">
var sizes = new Array("0px", "1px", "2px", "3px", "4px");
sizes.pos = 0;
function elast() {
var el = document.all.elastic;
if (null == el.direction)
el.direction = 1;
else if ((sizes.pos > sizes.length - 4) || (0 == sizes.pos))
el.direction *= -1;
el.style.letterSpacing = sizes[sizes.pos += el.direction];
}
setInterval('elast()', 100)
</script>
</HEAD>
<BODY>
<h1 align="center" id="elastic"><font size="3">مدونة كن داعيا للخير</font></hi>
</BODY>
</HTML></td></tr></table>
كود نص متأرجح يميناً ويسارا
<marquee scrolldelay="60" scrollamount="3" width="400" direction="left" behavior="alternate" bgcolor="#FF0000">مدونة كن داعيا للخير</marquee>
كود إظهار نصوص بها روابط بالتناوب
<div style="position:relative;center:0px;top:0px">
<span id="highlighter" style="position:absolute;left:0;top:0;font-size:18px;font-family:Verdana;background-color:yellow;clip:rect(0px 0px auto 0px)"></span>
</div>
<script type="text/javascript">
var tickercontents=new Array()
tickercontents[0]='مدونة كن داعيا للخير <a href="http://conda3ianllkhir.blogspot.com/">text</a>'
tickercontents[1]='اكتب هنا نص عادي رقم 1 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>'
tickercontents[2]='اكتب هنا نص عادي رقم 2 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>'
tickercontents[3]='اكتب هنا نص عادي رقم 0 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>'
var tickdelay=3000 //delay btw messages
var highlightspeed=10 //10 pixels at a time.
////Do not edit pass this line////////////////
var currentmessage=0
var clipwidth=0
function changetickercontent(){
crosstick.style.clip="rect(0px 0px auto 0px)"
crosstick.innerHTML=tickercontents[currentmessage]
highlightmsg()
}
function highlightmsg(){
var msgwidth=crosstick.offsetWidth
if (clipwidth<msgwidth){
clipwidth+=highlightspeed
crosstick.style.clip="rect(0px "+clipwidth+"px auto 0px)"
beginclip=setTimeout("highlightmsg()",20)
}
else{
clipwidth=0
clearTimeout(beginclip)
if (currentmessage==tickercontents.length-1) currentmessage=0
else currentmessage++
setTimeout("changetickercontent()",tickdelay)
}
}
function start_ticking(){
crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter
crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement
if (parseInt(crosstick.offsetHeight)>0)
crosstickParent.style.height=crosstick.offsetHeight+'px'
else
setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake
changetickercontent()
}
if (document.all || document.getElementById)
window.onload=start_ticking
</script>
كود نص متحرك
<div align="center"> <table border="0" width="100%" style="border-collapse: collapse"> <tr><td class="alt1" colspan="3"><b> <font size="4" color="000000"> <marquee direction="right" width="100%" height="20"direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="0" scrollamount="5">مدونة كن داعيا للخير </marquee></font></b></td> </tr></table></div>
كود شريط متحرك مع روابط
<marquee direction="right" width="100%" height="20"direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="0" scrollamount="5"> <a href="اكتب هنا عنوان الموقع">اكتب هنا اسم الموقع</a> ------ </marquee>
كود نص يضئ بالتدريج
<h2>
<script language="JavaScript1.2">
var message="مدونة كن داعيا للخير"
var neonbasecolor="gray"
var neontextcolor="yellow"
var flashspeed=100 //in milliseconds
///No need to edit below this line/////
var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)
function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}
function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script>
</h2>
</font></p>
كود نص يضئ بألوان مختلفة
<b>
<font size="5">
<script>
// ********** عدل هنا
var text="مدونة كن داعيا للخير"
var speed=80 // سرعه تغير الالوان
// ********** لا تعدل شي هنا
if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>
</font></b>
</font></p>
ثانياً : أكواد الصور
كود إضافة صورة
<img src="رابط الصورة" >
كود صورة مع رابط
<CENTER><a href="الرابط"> <img src="رابط الصورة" width="30" height="80" border="2" align=" middle" /></a></CENTER>
كود تغيير الصور تلقائيا
<center><style type="text/css">
#pscroller1{
font-size: 14px;
font-family: Tahoma;
width: 250px;
height: 250px;
border: 0px solid black;
padding: 5px;
background-color: white;
}
</style>
<script type="text/javascript">
/*Example message arrays for the two demo scrollers*/
var pausecontent=new Array()
pausecontent[0]='<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe1AoYCKgiKnB52dsnzzpzxSZY_HABqiA6HwxPh9FoPQikt-XqiDZLg8ypoMvSM0j2GQf3YTuJEMBpGQJl8M4UucK5yCgIAhpWqZ2Q9NVSohF7QKjcBJ511nQo06m4QML4-5oXrkRQN-d6/s125/%2525D8%2525A8%2525D8%2525A7%2525D9%252586%2525D8%2525B1-%2525D8%2525AC%2525D8%2525AF%2525D9%25258A%2525D8%2525AF.gif">'
pausecontent[1]='<img border="0" src="رابط الصورة 2">'
pausecontent[2]='<img border="0" src="رابط الصورة 3">'
pausecontent[3]='<img border="0" src="رابط الصورة 1">'
</script>
<script type="text/javascript">
/***********************************************
* Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com)
***********************************************/
function pausescroller(content, divId, divClass, delay){
this.content=content //message array content
this.tickerid=divId //ID of ticker div to display information
this.delay=delay //Delay between msg change, in miliseconds.
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
this.hiddendivpointer=1 //index of message array for hidden div
document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>')
var scrollerinstance=this
if (window.addEventListener) //run onload in DOM2 browsers
window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
else if (window.attachEvent) //run onload in IE5.5+
window.attachEvent("onload", function(){scrollerinstance.initialize()})
else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec
setTimeout(function(){scrollerinstance.initialize()}, 500)
}
// -------------------------------------------------------------------
// initialize()- Initialize scroller method.
// -Get div objects, set initial positions, start up down animation
// -------------------------------------------------------------------
pausescroller.prototype.initialize=function(){
this.tickerdiv=document.getElementById(this.tickerid)
this.visiblediv=document.getElementById(this.tickerid+"1")
this.hiddendiv=document.getElementById(this.tickerid+"2")
this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
this.getinline(this.visiblediv, this.hiddendiv)
this.hiddendiv.style.visibility="visible"
var scrollerinstance=this
document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}
if (window.attachEvent) //Clean up loose references in IE
window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
setTimeout(function(){scrollerinstance.animateup()}, this.delay)
}
// -------------------------------------------------------------------
// animateup()- Move the two inner divs of the scroller up and in sync
// -------------------------------------------------------------------
pausescroller.prototype.animateup=function(){
var scrollerinstance=this
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
setTimeout(function(){scrollerinstance.animateup()}, 50)
}
else{
this.getinline(this.hiddendiv, this.visiblediv)
this.swapdivs()
setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
}
}
// -------------------------------------------------------------------
// swapdivs()- Swap between which is the visible and which is the hidden div
// -------------------------------------------------------------------
pausescroller.prototype.swapdivs=function(){
var tempcontainer=this.visiblediv
this.visiblediv=this.hiddendiv
this.hiddendiv=tempcontainer
}
pausescroller.prototype.getinline=function(div1, div2){
div1.style.top=this.visibledivtop+"px"
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
}
// -------------------------------------------------------------------
// setmessage()- Populate the hidden div with the next message before it's visible
// -------------------------------------------------------------------
pausescroller.prototype.setmessage=function(){
var scrollerinstance=this
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
setTimeout(function(){scrollerinstance.setmessage()}, 100)
else{
var i=this.hiddendivpointer
var ceiling=this.content.length
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
this.animateup()
}
}
pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
if (tickerobj.currentStyle)
return tickerobj.currentStyle["paddingTop"]
else if (window.getComputedStyle) //if DOM2
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
else
return 0
}
</script>
<script type="text/javascript">
//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)
new pausescroller(pausecontent, "pscroller1", "someclass", 3000)
document.write("<br />")
</script>
</center>
كود صور متحركة
<img
src="رابط الصورة المتحركة"
onload="NcodeImageResizer.createOn(this);" border="0"
originalWidth="250" originalHeight="270">
كود شريط الصور المتحرك مع روابط
يمكن التحكم فى طول وعرض الصور بتغيير قيمها يدويا وتغيير إتجاه الشريط بتغيير كلمة up بالكود إلى down أو right أو lift
<center/>
<div class="textwidget"><marquee direction="up" width="115" onmouseover="this.stop()" scrollamount="2" onmouseout="this.start()" height="125" align="left"><br /> <a href="http://conda3ianllkhir.blogspot.com/" rel="nofollow"><img border="0" alt="مدونة كن داعيا للخير" width="115" src="http://img12.imageshack.us/img12/914/75539242.png" height="115" /></a>
<br/>
<a href="http://conda3ianllkhir.blogspot.com/" rel="nofollow"><img border="0" alt="مدونة كن داعيا للخير" width="115" src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe1AoYCKgiKnB52dsnzzpzxSZY_HABqiA6HwxPh9FoPQikt-XqiDZLg8ypoMvSM0j2GQf3YTuJEMBpGQJl8M4UucK5yCgIAhpWqZ2Q9NVSohF7QKjcBJ511nQo06m4QML4-5oXrkRQN-d6/s125/%2525D8%2525A8%2525D8%2525A7%2525D9%252586%2525D8%2525B1-%2525D8%2525AC%2525D8%2525AF%2525D9%25258A%2525D8%2525AF.gif"height="115" /></a>
<br/>
<a href="ضع الرابط هنا" rel="nofollow"><img border="0" alt="اسم الصورة" width="115" src="رابط الصورة" height="115" /></a>
<br/>
<a href="
ضع الرابط هنا" rel="nofollow"><img border="0" alt="اسم الصورة" width="115" src="
رابط الصورة"height="115" /></a>
<br/>
<a href="ضع الرابط هنا" rel="nofollow"><img border="0" alt="اسم الصورةرابط الصورة" height="115" /></a>
<br/>
<a href="ضع الرابط هنا/search?updated-max=2011-07-26T10%3A47%3A00-07%3A00&max-results=7
" rel="nofollow"><img border="0" alt="اسم الصورة" width="115" src="رابط الصورة
"height="115" /></a>
" width="115" src="
<p/></p></marquee></div></center>
ثالثاً : أكواد الروابط
كود إضافة رابط
<a href="ضع الرابط هنا">Nom du site</a>
فتح الرابط في نافذة جديدة
<a href="ضع الرابط هنا" target="_blank">Nom du site</a>
فتح الرابط في نفس النافذة
<a href="ضع الرابط هنا" target="_self">Nom du site</a>
لون الرابط
<a style="color:اسم اللون باللغة الانجليزية;" href="رابط الموقع">Nom du site</a>
رابعا:أكواد إسلامية
كود القرآن الكريم ويمكن معاينة المصحف من هنــا
خامسا:أكواد إخبارية
سادسا:سكربتات متنوعة
كود القرآن الكريم ويمكن معاينة المصحف من هنــا
<center><iframe align="center" allowtransparency="1" frameborder="0" height="334" id="IW_frame_1438" scrolling="no" src="http://www.tvquran.com/add/index.htm" width="302"></iframe></center></div>
شريط الحديث والدعاء
<iframe align="center" src="http://www.wathakker.net/outdoor-strip-marquee.html" frameborder="0" allowtransparency="1" scrolling="no" width="474" height="41" vspace="0"></iframe>
خامسا:أكواد إخبارية
أخبار BBC
<iframe name="I1" marginwidth="1" marginheight="1" height="30" width="90%" scrolling="no" border="0" frameborder="0" src="http://news.bbc.co.uk/hi/arabic/news/ticker.stm"></iframe>
شريط قناة الجزيرة
شريط العربية نت
<iframe frameborder="0" height="50" marginheight="0" marginwidth="0" scrolling="no" src="http://www.faisal1.com/News_Grab/jazeera.php" width="100%"></iframe>
شريط العربية نت
<div width="600"><script src="http://www.alarabiya.net/ara_v_ticker.html"></script></div>
كود وضع الفلاش
(يمكن التحكم فى الطول والعرض بتغيير قيم width,height)
<object width="150" height="340"> <param value="MYFLASH.swf" name="movie"/> <embed width="150" src="URL OF MYFLASH.swf" height="340"> </embed> </object>
كود إضافة صفحة موقع داخل صفحة موقعك
<div dir="rtl" style="text-align: right;" trbidi="on"> <iframe height="500" src="رابط الموقع" width="600"></iframe></div> </div>
سكربت طباعة الصفحة
<a href="javascript:window.print()">اطبع هذه الصفحة</a>
سكريبت آلة حاسبة
<SCRIPT>
function compute(obj)
{obj.expr.value = eval(obj.expr.value)}
var one = '1'
var two = '2'
var three = '3'
var four = '4'
var five = '5'
var six = '6'
var seven = '7'
var eight = '8'
var nine = '9'
var zero = '0'
var plus = '+'
var minus = '-'
var multiply = '*'
var divide = '/'
var decimal = '.'
function enter(obj, string)
{obj.expr.value += string}
function clear(obj)
{obj.expr.value = ''}
</SCRIPT>
<FONT COLOR="#CC0000" face="Arial"><P><B>الألة الحاسبة
الإلكترونية</B></P></FONT>
<FORM name="calc">
<DIV align="center">
<TABLE border="1" bgcolor="#0033CC">
<TR>
<TD colSpan="4"><INPUT size=30
name=expr action="compute(this.form)"></TD></TR>
<TR>
<TD bgColor="#000033">
<P><INPUT onclick="enter(this.form, seven)" type=button value=" 7 "></P></TD>
<TD bgColor="#000033">
<P><INPUT onclick="enter(this.form, eight)" type=button value=" 8 "></P></TD>
<TD bgColor="#000033">
<P><INPUT onclick="enter(this.form, nine)" type=button value=" 9 "></P></TD>
<TD bgColor="#000033">
<P><INPUT onclick="enter(this.form, divide)" type=button value=" / "></P></TD></TR>
<TR>
<TD bgColor="#000033">
<P><INPUT onclick="enter(this.form, four)" type=button value=" 4 "></P></TD>
<TD bgColor="#000033">
<P><INPUT onclick="enter(this.form, five)" type=button value=" 5 "></P></TD>
<TD bgColor="#000033">
<P><INPUT onclick="enter(this.form, six)" type=button value=" 6 "></P></TD>
<TD bgColor="#000033">
<P><INPUT onclick="enter(this.form, multiply)" type=button value=" * "></P></TD></TR>
<TR>
<TD bgColor="#000033">
<P><INPUT onclick="enter(this.form, one)" type=button value=" 1 "></P></TD>
<TD bgColor="#000033">
<P><INPUT onclick="enter(this.form, two)" type=button value=" 2 "></P></TD>
<TD bgColor="#000033">
<P><INPUT onclick="enter(this.form, three)" type=button value=" 3 "></P></TD>
<TD bgColor="#000033">
<P><INPUT onclick="enter(this.form, minus)" type=button value=" - "></P></TD></TR>
<TR>
<TD bgColor="#000033" colSpan=2>
<P><INPUT onclick="enter(this.form, zero)" type=button value=" 0 "></P></TD>
<TD bgColor="#000033">
<P><INPUT onclick="enter(this.form, decimal)" type=button value=" . "></P></TD>
<TD bgColor="#000033">
<P><INPUT onclick="enter(this.form, plus)" type=button value=" + "></P></TD></TR>
<TR>
<TD bgColor="#000033" colSpan=2>
<P><INPUT onclick=compute(this.form) type=button value=" = "></P></TD>
<TD bgColor="#000033" colSpan=2>
<P><INPUT onclick=clear(this.form) type=reset value=AC>
</P></TD></TR></TABLE></DIV></FORM>
<P align="center">
<FONT face="Courier , New tahoma , erdana, arial, helveticav" size="2"
color="#0000FF"><B><A target="_blank"
0 comment
0 comment
0 comment
0 comment
0 commentالأحد، 24 فبراير 2013
العديد من المدونين يتساءلون عن طريقة تلقائية لعرض مقتطفات تدويناتهم بشكل
تلقائي على الصفحة الرئيسية و تحتها مباشرة رابط "تابع القراءة" أو "اقرأ
المزيد" لمتابعة التدوينة كاملة. و لهم نقدم هذه الإضافة المفيدة التي تحسن
مظهر المدونة و تجعلها صديقة لمحركات البحث . و تجدر الإشارة أن النسخة
المقدمة هنا (و هي نفسها المقدمة في بعض المواقع ك vietwebguide.com ) تمكنك من الحصول على محاذات ميامنة للمصغرات كما هو موضح في الصورة الموالية.
-» قبل تحرير القالب يجب حفظ نسخة احتياطية منه لاستعادتها عند الضرورة.
الخطوة الأولى: من باب " التخطيط" نختار "تحرير Html" و نوسع القالب عبر وضع علامة في المربع الصغير أعلا صندوق التحرير و نبحث عن
» شرح الألوان:
- الأحمر لتعديل طول مقتطف التدوينة التي لا تضم صورا.
- الأزرق لطول مقتطف التدوينات التي بها صور.
- الأخضر لتعديل أبعاد المصغرات ( الصور الصغيرة التي تبدو في الرئيسية ).
- البرتقالي هو رابط ملف الجافاسكريبت يمكن إعادة رفعه و تحرير رابطه.
الخطوة الثانية: نبحث ( Ctrl+F ) على:
نحدده و نعوضه بهذا الكود :
-» قبل تحرير القالب يجب حفظ نسخة احتياطية منه لاستعادتها عند الضرورة.
الخطوة الأولى: من باب " التخطيط" نختار "تحرير Html" و نوسع القالب عبر وضع علامة في المربع الصغير أعلا صندوق التحرير و نبحث عن
</head>و مباشرة قبلها أي فوقها نضع هذا الكود :
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 500;
summary_img = 450;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://sites.google.com/site/simoxisite/Home/read-moreotomatis.js' type='text/javascript'/>
- الأحمر لتعديل طول مقتطف التدوينة التي لا تضم صورا.
- الأزرق لطول مقتطف التدوينات التي بها صور.
- الأخضر لتعديل أبعاد المصغرات ( الصور الصغيرة التي تبدو في الرئيسية ).
- البرتقالي هو رابط ملف الجافاسكريبت يمكن إعادة رفعه و تحرير رابطه.
الخطوة الثانية: نبحث ( Ctrl+F ) على:
<data:post.body/>
نحدده و نعوضه بهذا الكود :
<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 في الكود أعلاه .
0 comment
كلمات الترنيمه
قولوا للصديق خير
|
ربك في ايديه السلطان
|
|
مهما إن كان الأمر خطير
|
تحت جناح الرب أمان
|
|
قرار :
|
||
باعت حالا تلغراف
|
بيقولك ليه يا ابني تخاف
|
|
دا إنت رعية في وسط خراف
|
هي قطيعي اللى أنا باحميه
|
|
قولو للصديق رنم
|
وإرفع راسك كده فرحان
|
|
تحت صليبك لو متألم
|
فجر قيامتك بكره يبان
|
|
قولوا للصديق عود
|
وإتذكر ماضي الإحسان
|
|
هل من مرة إتمنع الجود
|
أو بيّت في يوم جوعان
|
|
قولوا للصديق خير
|
وإنت في مرضك أو تعبان
|
|
ظرفك لو كان صعب مرير
|
شوف الخير جواه بإيمان
|
+قولوا
للصديق خير ربك ف أيديه السلطان
مهما كان الأمر خطير تحت جناح الرب أمان
ق: باعت حالا ًتلغراف بيقولك ليه يا أبني تخاف
ده أنت راعية ف وسط خراف هية قطيعي اللي أنا بأحميه
+ قولوا للصديق رنم وارفع راسك كدة فرحان
تحت صليبك لو متألم فجر قيامتك بكرة يبان
+ قولوا للصديق خير وأنت ف مرضك أو تعبان
ظرفك لو كان صعب مرير شوف الخير جواه بإيمان
+ قولوا للصديق عود و أتذكر ماضي الإحسان
هل من مرة أتمنع الجود أو بيت في يوم جعان
مهما كان الأمر خطير تحت جناح الرب أمان
ق: باعت حالا ًتلغراف بيقولك ليه يا أبني تخاف
ده أنت راعية ف وسط خراف هية قطيعي اللي أنا بأحميه
+ قولوا للصديق رنم وارفع راسك كدة فرحان
تحت صليبك لو متألم فجر قيامتك بكرة يبان
+ قولوا للصديق خير وأنت ف مرضك أو تعبان
ظرفك لو كان صعب مرير شوف الخير جواه بإيمان
+ قولوا للصديق عود و أتذكر ماضي الإحسان
هل من مرة أتمنع الجود أو بيت في يوم جعان
1-(قولوا
للصديق خير ربك في إيديه السلطان
مهما إن كان الأمر خطير تحت جناح الرب أمان)2
مهما إن كان الأمر خطير تحت جناح الرب أمان)2
القرار-
باعت حالًا تلغراف بيقولك ليه يا إبني تخاف
دا انت رعية في وسط خراف هي قطيعي اللي أنا باحميه
دا انت رعية في وسط خراف هي قطيعي اللي أنا باحميه
2-(قولوا
للصديق رنم وإرفع رأسك كده فرحان
تحت صليبك لو متألم فجر قيامتك بكره يبان)2
تحت صليبك لو متألم فجر قيامتك بكره يبان)2
3-(قولوا
للصديق عود واتذكر ماضي الإحسان
هل من مرة اتمنع الجود أو بيت في يوم جوعان)2
هل من مرة اتمنع الجود أو بيت في يوم جوعان)2
4-(قولوا
للصديق خير وانت ف مرضك أو تعبان
ظرفك لو كان صعب مرير شوف الخير جوة الإيمان)2
ظرفك لو كان صعب مرير شوف الخير جوة الإيمان)2
1-(قولوا
للصديق خير ربك في إيديه السلطان مهما إن كان الأمر خطير تحت جناح الرب أمان)2
القرار- باعت حالًا تلغراف بيقولك ليه يا إبني تخاف دا انت رعية في وسط خراف هي
قطيعي اللي أنا باحميه 2-(قولوا للصديق رنم وإرفع رأسك كده فرحان تحت صليبك لو
متألم فجر قيامتك بكره يبان)2 3-(قولوا للصديق عود واتذكر ماضي الإحسان هل من مرة
اتمنع الجود أو بيت في يوم جوعان)2 4-(قولوا للصديق خير وانت ف مرضك أو تعبان ظرفك
لو كان صعب مرير شوف الخير جوة الإيمان)2
1-(قولوا
للصديق خير ربك في إيديه السلطان مهما إن كان الأمر خطير تحت جناح الرب أمان)2
القرار-
باعت حالًا تلغراف بيقولك ليه يا إبني تخاف دا انت رعية في وسط خراف هي قطيعي اللي
أنا باحميه
2-(قولوا
للصديق رنم وإرفع رأسك كده فرحان تحت صليبك لو متألم فجر قيامتك بكره يبان)2
3-(قولوا
للصديق عود واتذكر ماضي الإحسان هل من مرة اتمنع الجود أو بيت في يوم جوعان)2
4-(قولوا
للصديق خير وانت ف مرضك أو تعبان ظرفك لو كان صعب مرير شوف الخير جوة الإيمان)2
1-(قولوا
للصديق خير ربك في إيديه السلطان مهما إن كان الأمر خطير تحت جناح الرب أمان)2
القرار- باعت حالًا تلغراف بيقولك ليه يا إبني تخاف
دا انت رعية في وسط خراف هي قطيعي اللي أنا باحميه
2-(قولوا للصديق رنم وإرفع رأسك كده فرحان تحت صليبك لو متألم فجر قيامتك بكره يبان)2
3-(قولوا للصديق عود واتذكر ماضي الإحسان هل من مرة اتمنع الجود أو بيت في يوم جوعان)2
4-(قولوا للصديق خير وانت ف مرضك أو تعبان ظرفك لو كان صعب مرير شوف الخير جوة الإيمان)2
القرار- باعت حالًا تلغراف بيقولك ليه يا إبني تخاف
دا انت رعية في وسط خراف هي قطيعي اللي أنا باحميه
2-(قولوا للصديق رنم وإرفع رأسك كده فرحان تحت صليبك لو متألم فجر قيامتك بكره يبان)2
3-(قولوا للصديق عود واتذكر ماضي الإحسان هل من مرة اتمنع الجود أو بيت في يوم جوعان)2
4-(قولوا للصديق خير وانت ف مرضك أو تعبان ظرفك لو كان صعب مرير شوف الخير جوة الإيمان)2
____________________
* كلمات: ماهر فايز، 1993
* من مرنمي الترتيلة: المرنم ماهر فايز، من شريط ألبوم "قولوا للصديق خير"
* من مرنمي الترتيلة: المرنم بولس ملاك، من شريط ألبوم "نحو الصليب"
* كلمات: ماهر فايز، 1993
* من مرنمي الترتيلة: المرنم ماهر فايز، من شريط ألبوم "قولوا للصديق خير"
* من مرنمي الترتيلة: المرنم بولس ملاك، من شريط ألبوم "نحو الصليب"
