السلام عليكم ورحمة الله وبركاته

كيفكم أعضاء و زوار شو أخباركم شو عاملين اليوم موضوع عن

إحفظ حقوق موقعك أو مدونتك بطريقة إحترافية على طريقة الكبار

كما تعلمون كثرة المدونات والمواقع ومنها المنقول ومنها الحصري لكن الذين يخسرون هم مواقع والمدنات الحصرية فيأيتهم من كل مكان أناس تأخذ تعبهم بكوبي وبيست
لكن اليوم سوف نعمل على شرح طريقة
لحفظ حقوق موقعك أو مدونتك بطريقة إحترافية
كما يقولون على طريقة الكبار

مثال : اتى شخص وأراد ان ينقل محتوى مدونتك أو موقعك تلقائيا عند لصقه للمقال سيلصق مع النص الرابط الاصلي للموضوع

وهذه الخدمة تعتبر كسد مانع امام كل سارق.

المهم نبدا الشرح

طبعا إضغط على الصور لتكبر

أولا
سجل في هذا الموقع الذي يعطينا السكريبت
https://id.tynt.com/account/sign_up

التسجل في الموقع



أدخل البيانات المطلوبة في الصورة ثم إضغط على Next





ثم تظهر هذه الصفحة إضغط على Customize Attribution كما في الصورة





الأن لإضغط على Advanced Setting للتعديل
سنعمل على تحديد ما يناسبنا في البيانات التالية
ثم نضغط على Save




ثم Next كما في الصورة




ثم تأتي هذه الصفحة الكود تأخذ الكود وتلصقه في المدونتك طبعا خذ نسخة إحتياطية
تحسبا من أي أخطاء
ثم ألصق الكود كما هو موضح في الصورة وهو قبل <head/>
ثم إحفظ القالب





والأن أخر خطوة التأكد من الكود وإضغط على Test My
ثم Next ثم Finish




ومبروك على الدرس
إن شاء الله إستفدتو

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

السلام عليكم ورحمة الله وبركاته


آيقونة " إلى رأس الصفحة " واحدة بتقنية الـ CSS والثانية بالــ Jquery


في حال كان الزائر قد كان بعداُ عن رأس الصفحة ويريد أن يرجع ، فهذه للرجوع بسرعة





الآيقونة بتقنية الـ CSS فهي تعود لأعلى بسرعة وبدون أن تختفي إذا كانت في الأعلى


الآيقونة بتقنية الـ Jquery فهي تعود تدريجياً لأعلى و تختفي إذا كانت في الأعلى


لترى مثال قم بزيارة هذه الصفخة .. وقم بالنزول إلى أسفل


ملاحظة : لم أضع رابط مدونتي إلا لأني لا أستطيع أن أضع مثال هنا لهذه التقنية


لإضافة تقنية الـ CSS :


إذهب لتصميم >> تحرير HTML >> قم بالبحث عن </body> وأضف هذا الكود قبله

كود:

<a title="Back to TOP" style="position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;" href="#"><img border="0" alt="Back to TOP" src="http://i.imgur.com/Ffb7p.png"></a>

لإضافة تقنية الـ Jquery :


إذهب لتصميم >> تحرير HTML >> قم بالبحث عن </body> وأضف هذا الكود قبله

كود:

<style type="text/css">
#w2b-StoTop {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; width:100px;background-color: #EEEEEE;background-color: rgba(238, 238, 238, 0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99EEEEEE',EndColorStr='#99EEEEEE');text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#444;text-decoration:none;border:1px solid #C9C9C9;}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type='text/javascript'>
    $(function() {
        $.fn.scrollToTop = function() {
            $(this).hide().removeAttr("href");
            if ($(window).scrollTop() != "0") {
                $(this).fadeIn("slow")
            }
            var scrollDiv = $(this);
            $(window).scroll(function() {
                if ($(window).scrollTop() == "0") {
                    $(scrollDiv).fadeOut("slow")
                } else {
                    $(scrollDiv).fadeIn("slow")
                }
            });
            $(this).click(function() {
                $("html, body").animate({
                    scrollTop: 0
                }, "slow")
            })
        }
    });
    $(function() {
        $("#w2b-StoTop").scrollToTop();
    });
</script>
<a href='#' id='w2b-StoTop' style='display:none;'>إلى أعلى الصفحة </a>

إن أردت إستبدال كلمة " إلى أعلى الصفحة " فاسبتدل مالون بالأزرق

مع ملاحظة أنه يمكنك وضع صورة ( بشرط وضع كود الصورة )

كود:

<img src='رابط الصورة  '/>

لا تنسوتى خالص دعائكم

والسلام عليكم ورحمة الله وبركاته

اليوم لدينا شرح عن أداة جديدة من قوقل وهي




فهاهي قوقل تطور وتطور أما الآن فتطويرها هو إضافة أداة تواصل تربطك مع زوار موقعك بطريقة جميلة ورائعة
تجربتنا ستكون على هذه المدونة

مثال

أما ما توفره هذه الأداة وهي كالتالي:




أما الأدوات فمنها على سبيل المثال وليس الحصر التالي:




ويوجد العديد منها..

للحصول على الخدمة من هنا

---

السلام وعليكم

هناك أشخاص كثر وخاصة الذين يريدون عمل مدونات ألعاب فلاش لا يعرفون كيف ومن أين يأتون بالعاب أو كيف يبحثون على رابط اللعبة في ملف ال Source في الصفحة

فحبيت أن أعمل شرح حصري لمدونة كل شي عن طريقة وضع لعبة فلاش في مدونات بلوغر

المهم

نبدأ الشرح على بركة الله

أولا ندخل أي موقع يختص في ألعاب الفلاش مثلا ندخل موقع www.g9g.com

ونختار أي لعبة كما في الصورة



بعد الدخول إلى اللعبة نضغط كليك يمين في مكان فارغ في الصفحة التي توجد بها اللعبة
ونختار من القائمة View Source كما في الصورة



ثم تظهر لنا صفحة تحتوي على أكواد خاصة بالصفحة
كما في الصورة ثم تابعو الشرح في الصورة



بعد هذه الخطوة نذهب إلى المدونة لإنشاء موضوع جديد نكتب الموضوع
وكل شي ثم أخر خطوة نختار
HTML
كما في الصورة




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




تم الشرح

طريقة التركيب

إذهب في المكان الذي تريد أن تضع فيه " التبادل الإعلاني "

والأفرض جدلاً أنك تريد أن تضعه في القائمة الجانبية

من لوحة التحكم اذهب إلى

تصميم >> عناصر الصفحة >> اضافة اداة >> HTML/JavaScript

أضف الكود التالي

بداية الكود ------------------------------------------------------------------

<style type="text/css">

ul.social { list-style:none; margin:5px auto;display:inline-block; }
ul.social li { display:inline; float:right; background-repeat:no-repeat; }
ul.social li a { display:block; width:70px; height:94px; padding-right:24px; position:relative; text-decoration:none; }
ul.social li a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7); -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}

ul.social li.ams1 { background-image:url("http://i45.servimg.com/u/f45/14/45/57/61/ams9012.png"); }
ul.social li.ams2 { background-image:url("http://i45.servimg.com/u/f45/14/45/57/61/ams9012.png"); }
ul.social li.ams3 { background-image:url("http://i45.servimg.com/u/f45/14/45/57/61/ams9012.png"); }
ul.social li.ams4 { background-image:url("http://i45.servimg.com/u/f45/14/45/57/61/ams9012.png"); }
ul.social li.ams5 { background-image:url("http://i45.servimg.com/u/f45/14/45/57/61/ams9012.png"); }
ul.social li.ams6 { background-image:url("http://i45.servimg.com/u/f45/14/45/57/61/ams9012.png"); }

#cssanime:hover li { opacity:0.2; }
#cssanime li a strong { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;-moz-transition-property: opacity; -moz-transition-duration: 500ms; }
#cssanime li a strong { opacity:0; -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms; -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; }
#cssanime li { opacity:0.5; -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms; -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; }
#cssanime li:hover { opacity:1; }
#cssanime li:hover a strong { opacity:1; top:-10px; }

</style>

<ul class='social' id='cssanime'>

<li class='ams1'>
<a href="http://www.ams90.com/"><strong>Ams</strong></a>
</li>

<li class='ams2'>
<a href="http://www.ams90.com/"><strong>Ams</strong></a>
</li>

<li class='ams3'>
<a href="http://www.ams90.com/"><strong>Ams</strong></a>
</li>

<li class='ams4'>
<a href="http://www.ams90.com/"><strong>Ams</strong></a>
</li>

<li class='ams5'>
<a href="http://www.ams90.com/"><strong>Ams</strong></a>
</li>

<li class='ams6'>
<a href="http://www.ams90.com/"><strong>Ams</strong></a>
</li>

</ul>

---------------------------------------------------------------------------------- نهاية الكود

شرح الكود

مابلون الأزرق | رابط الصور


مابلون الأحمر | رابط الموقع


مابلون الأخضر | الاسم الذي سيظهر


بالطبع كل صورة مرتبطة مع الاسم والرابط الخاص بها

ams1 >> ams1
ams2 >> ams2
:
:

ams6 >> ams6



ملاحظات

1)ـ بإمكانك حذف أو إضافة صورة عن طريق حذف الاسم الخاص به من الصور والراوبط

مثلاً حذف الصورة السادسة :

كود بلغة HTML:

ul.social li.ams6 { background-image:url("http://i45.servimg.com/u/f45/14/45/57/61/ams9012.png"); }
 -------------------------------------
  <li class='ams6'>
   <a href="http://www.ams90.com/"><strong>Ams</strong></a>
  </li>

2)ـ لتغيير الحجم والعرض والقرب مابين الصور استبدل الأرقام التي في

" ul.social li a "


3)ـ لتغير نسبة الشفافية والوضوح استبدل الأرقام التي في

" #cssanime "

صور مساعدة

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

سلام من الله عليكم ورحمته وبركاته


لتغير كلمة " أقرأ المزيد " أو " تابع القراءة " أو " Read More "




إلى صورة أو كلمة أخرى .. ما عليك إلى اتباع إحدى الطرق الثلاثة :



الطريقة الأولى :
"]------------------------------------------------------------------------------------------[/

اذهب لتصميم >> عناصر الصفحة >> من " رسائل المدونة الالكترونية " - انقرعلى " تحرير "



ثم من " نص رابط صفحة التدوينات " >> استبدل إلى الكلمة المراد وضعها




الطريقة الثانية :
"]------------------------------------------------------------------------------------------[/

اذهب لتصميم >> تحرير HTML >>

حفظ نسخة قبل التعديل على القالب ( احتياطاً ) + " توسيع قوالب عناصر واجهة المستخدم "




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

مثلاً " أقرأ المزيد " أو " Read More "

واستبدلها بما تريد

ويمكن وضع مكانها كود الصورة

كود:

<img src='رابط الصورة '/>

الطريقة الثالثة :
------------------------------------------------------------------------------------------

اذهب لتصميم >> تحرير HTML >> حفظ نسخة قبل التعديل على القالب + " توسيع قوالب عناصر واجهة المستخدم "



ثم ابحث عن أي جزء من هذا الكود

كود:

b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>

ثم استبدل ماهو موجود باللون الأزرق بما تريد

ويمكنك وضع كود صورة

مثلأ

كود:

<img src='http://pic.myegy.com/pic_big/862740600.png '/>

لا تنسوتى خالص دعائكم

والسلام عليكم ورحمة الله وبركاته

اخر مواضيعنا بالصور

الكود سهل
افتح تصميم
اضافة كود جديد
واضف الكود التالي
مثال حي

كود PHP:

<a href="http://alfrs.blogspot.com">برعاية الفـــارس</a>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

<script language='javascript'>

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[5] = "http://i43.tinypic.com/orpg0m.jpg";

showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 100;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "تعليقات";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://www.alfrs.blogspot.com/";

limitspy=5
intervalspy=4000

</script>

<div id="spylist">
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
</div> 

واحفظ
وضع الاداه الجديدة وين بتحب في مدونتك

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

الطريقة سهلة جدا

1-اضغط على Submit your site
2- ادخل رابط موقعك او منتداك او مدونتك
3- اضغط زر go اوSubmit
4- ستفتح لك صفحة تلقائية وستجد موقعك يضاف تلقائيا فى اشهر الادلة
وستجد ايضا عدا اسفل الصفحة الاولى يعد لك المواقع التى تم اضافة موقعك اليها
يجب ان تترك الصفحة الاولى حتى يظهر رسالة تخبرك بنجاح العملية اما الصفحة الثانية فيمكنك اغلاقها مع اننى انصح بتركها حتى تعرف الادلة التى تضيف موقعك اليها
ملحوظة : الموضوع سهل وبدون تسجيل ويستاهل التجربة
الموقع مرة اخرى Webmaster

تم تحديث عرض الصور على بلوجر من منتصف الشهر السابق الى طريقة Lightbox بحيث عند الضغط على اى صورة فى تدوينة ما يتم عرض جميع صور التدوينة كألبوم صور وليس كل صورة مفردة فى صفحة مستقلة كما بالصورة التالية.

[اضغط على الصور لعرضها بحجمها الطبيعى !]

ولكن اغلب المدونون فضلوا ان تكون هذه الميزة اختيارية وليست اجبارية فى تحديثات بلوجر وعبروا بذلك عن طريق ارسال ملاحظاتهم لبلوجر. وبالفعل استجابت بلوجر وقامت بجعل الأمر اختيارى ويمكن للمستخدم تفعيله من عدمه.
طريقة التفعيل:
Settings › Posts and comments › Open images in Lightbox › yes or No
إعدادات › مشاركات وتعليقات › فتح الصور في العرض المبسط › نعم او لا

صورة توضيحية للتفعيل [اضغط عليها لرؤيتها بحجمها الطبيعى]

.

إعدادا "القائمة" و"السماح لمحركات البحث بالعثور على مدونتك"

يحدد الإعداد أتريد إضافة مدونتك إلى قوائمنا؟ ما إذا كان سيتم إنشاء رابط إلى مدونتك في Blogger.com — وبشكل أكثر تحديدًا في صفحة Blogger الرئيسية، والمدونة التالية. إذا حددت "لا"، فلن تظهر مدونتك في هذه الأماكن، ولكنها ستظل متاحة على الإنترنت. ستظل هذه المدونة معروضة في ملفك الشخصي إلا إذا أخفيتها من خلال إلغاء تحديد مربع الاختيار الملائم في صفحة تعيين المدونة المعروضة.

يحدد الإعداد أتريد السماح لمحركات البحث بالعثور على مدونتك؟ ما إذا كان سيتم تضمين مدونتك في بحث مدونات Google وإذا كانت سترسل إشارة إلى خدمة Weblogs.com، وهي خدمة تعرض باستمرار المدونات التي تم تحديثها مؤخرًا، للإعلام بأنك أضفت مشاركة جديدة. إذا حددت "لا"، فسيظل بإمكان الجميع مشاهدة مدونتك، ولكن سيتم توجيه محركات البحث وغيرها من خدمات تجميع المحتوى إلى عدم تضمينها في قوائمها.

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

هام جدا: ادخل على قائمة اعدادت لتمكين

"السماح لمحركات البحث بالعثور على مدونتك"

من قائمة اعدادات مدونتك "