فيلم لك. يتم التشغيل بواسطة Blogger.

اشترك في قناتي علي يوتيوب

التسميات

‏إظهار الرسائل ذات التسميات اضافات بلوجر. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات اضافات بلوجر. إظهار كافة الرسائل

طريقة جديدة لرفع سعر النقرة في الادسنس

طريقة جديدة لرفع سعر النقرة في الادسنس

البسملة
إخواني الكرام كيف حالكم اتمنى ان تكونوا في تمام الصحة والعافية
اليوم بإذن الله سأشرح لكم طريقة مميزة قرأت عنها في إحدى المواقع والتي من خلالها سترفع سعر النقرة في الادسنس
اولا ساشرح لكم لما سعر النقرة ضعيف في العالم العربي لان اغلب المعلنين العرب لا يدفعون الكثير للناشرين العرب بحيث يكون سعر النقرة بين 0,03 وفي افضل الاحوال يصل ل 0,07 هذا من إحصائيات مدونتي :(
لكن لا انفي انه هناك إعلانات جيدة تصل ل 0,15 او اكثر على حسب مصدر النقرة او نوع الاعلان الذي ضغط عليه الزائر

طريقة جديدة لرفع سعر النقرة في الادسنس
المهم كي لا اطيل عليكم الطريقة تعتمد على فلترة الإعلانات التي تسمح لها بالضهور في موقعك
ونحن بطبيعة الحال سنقوم بمنع المواقع التي لا تدفع جيدا والنقرة فيها ضعيف جدا يعني لن يفيدنا حتى لو حصلنا على عشر نقرات قد لا تتجاوز 0,15 وعندما تمنع المواقع التي لا تدفع جيدا ستضهر المواقع التي تدفع جيدا وبالتالي سترى فرق كبير قد يصبح سعر النقرة 0,10 او اكثر المهم نتخلص من المواقع التي تتقشف علينا بسعر النقرة الذي لا يفيد ولا يجدي نفعا البتة

لكن قد يتبادر لدهنك هذا السؤال المهم
كيف ساعرف المواقع التي لا تدفع جيدا؟ وهذا اهم سؤال وإليكم الطريقة
الطريقة تعتمد على موقعين الاول يعطيك المواقع التي تضهر إعلاناتها على موقعك عن طريق الادسنس
والموقع التاني يعطيك معلومات عن الموقع هل يدفع جيدا ولا لا لكي تتخلص من التي لا تدفع جيدا


أولا بالنسبة للموقع الاول إفعل كما في الصور التالية

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

طريقة جديدة لرفع سعر النقرة في الادسنس

بعدها ستقوم بنسخ رابط كل موقع على حدى وتدخل للموقع التاني واللي هو هذا

وتضع الرابط الذي قمت بنسخه واتبع الشرح في الصور التالية

طريقة جديدة لرفع سعر النقرة في الادسنس
بعد وضعط للرابط وضغطك على Search ستضهر لك هذه المعلومات الخاصة بإعلانات الموقع وكم يدفع عن كل نقرة في اغلب الاوقات
طريقة جديدة لرفع سعر النقرة في الادسنس
كما ترون في الصورة ركز اكثر على Average Cost/Click يعني سعر النقرة المقدر للموقع في أغلب الاوقات
هذا المثال مثلا جيد فسعر النقرة المقدر 0.39 وهو جيد يعني موقع لن تقوم بالتخلص منه ^_^ بل العكس
لكن في حالة وجدت موقع نقرته ضعيفة او في بعض المرات لا تضهر فالقرار راجع لك إحدفه او اتركه
ولا تنسى أيضا الإعتماد على Daily Ad Budget فهو يوضح ارتفاع او انخفاض سعر النقرة في كل شهر حتى تعرف هل الموقع في تقدم ام بدأ يتراجع

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

طريقة جديدة لرفع سعر النقرة في الادسنس

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

تغيير شكل تعليقات بلوجر الى شكل اكثر جمالاً

تغيير شكل تعليقات بلوجر الى شكل اكثر جمالاً


مرحباً بكم اصدقائي وزوار مدونتي على بلوجر


الكثير منكم يعاني من مشكلة ان التعليقات ليست جميلة ولا تجذب الزوار ..

نعم فللتعليقات مكانة في جذب الزوار الى المدونة 

ولهذا قررنا ان نضع بين يديكم شرح لتغيير التعليقات لشكل جميل جداً 
تغيير شكل تعليقات بلوجر الى شكل اكثر جمالاً

الصورة


تغيير شكل تعليقات بلوجر الى شكل اكثر جمالاً




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

اذهب الى لوحة التحكم ثم قالب ثم تحرير HTML
ابحث عن 
]]></b:skin>


وضع الكود التالي فوقة 


.comments{clear:both;margin-top:10px;margin-bottom:0;font-family:Arial;line-height:18px;font-size:13px}
.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:right}
.comments .comment .comment-actions a,.comments .comment .continue a{display:inline-block;margin:0 0 10px 10px;padding:0 15px;color:#424242 !important;text-align:center;text-decoration:none;background:#fede72;border:1px solid #fec648;border-radius:2px;height:26px;line-height:28px;font-weight:normal;cursor:pointer}
.comments .comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:none}
.comments .comments-content .inline-thread{padding:0}
.comments .comments-content .comment-thread{margin:8px 0}
.comments .comments-content .comment-thread:empty{display:none}
.comment-replies{margin-top:1em;margin-right:40px;background:#fff}
.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}
.comments .comments-content .comment:first-child{padding-top:16px}
.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}
.comments .comments-content .comment-body{position:relative}
.comments .comments-content .user{font-style:normal;font-weight:normal}
.comments .comments-content .user a{color:#0E6284;font-weight:normal;text-decoration:none}
.comments .comments-content .icon.blog-author{width:18px;height:18px;display:inline-block;margin:0 0 -4px 6px}
.comments .comments-content .datetime a{color:#0E6284;font-size:12px;float:left;text-decoration:none}
.comment-content{margin:0 0 8px;padding:0 5px}
.comment-header{font-size:18px;background-color:#f1f1f1;border-bottom:1px solid #e3e3e3;padding:5px}
.comments .comments-content .owner-actions{position:absolute;left:0;top:0}
.comments .comments-replybox{border:none;height:230px;width:100%}
.comments .comment-replybox-thread{margin-top:0}
.comments .comment-replybox-single{margin-top:5px;margin-right:48px}
.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}
.comments .thread-toggle{cursor:pointer;display:inline-block}
.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0}
.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .thread-chrome.thread-collapsed{display:none}
.comments .thread-toggle{display:inline-block}
.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;width:7px;overflow:visible;margin:0.3em;padding-left:4px}
.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}
.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent}
.avatar-image-container{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEb_CuzKASFulph2iRzOrUFGMQLVTIVsAN4JBSWoKTyZdhcc2ANBjrdYQWtc0E2-LsULpjzYdUg4yW-0wgd9jSCd06E6lGLVmb6wRCdLywZ9ty7SCJTJURdQAhndm7EzsxBV3pebZ8JjU/s51/arrow.png) top left no-repeat;float:right;vertical-align:middle;overflow:hidden;width:65px !important;height:51px !important;max-width:65px !important;max-height:51px !important}
.comments .avatar-image-container img{padding:2px;border:1px solid #ccc;width:45px !important;height:45px !important;max-width:45px !important;max-height:45px !important}
.comments .comment-block{margin-right:65px;position:relative;border:5px solid #e3e3e3;border-radius:8px}
@media screen and (max-device-width:480px){.comments .comments-content .comment-replies{margin-right:0}}


اضغط حفظ 

ومبرووووك 






ساهم بنشر المدونة اكثر واكثر 



دمتم بود




إقرأ المزيد ليست هناك تعليقات:

[درس] كيفية إنشاء زر الدعم الفني لمدونة بلوجر

[درس] كيفية إنشاء زر الدعم الفني لمدونة بلوجر

[درس] كيفية إنشاء زر الدعم الفني لمدونة بلوجر

السلام عليكم ورحمة الله أحبائي في درس أخر من دروس مدونتكم برو ايوب اليوم سأشرح لكم خطوة بخطوة وبالتفصيل الممل بالصور كيفية إضافة زر الدعم الفني لمدونة بلوجر عن طريق موقع zopim .
إذن تابعوا معي الشرح بالصورة خطوة بخطوة :
1- أدخل للموقع من خلال الرابط التالي http://www.zopim.com بعد ذلك اختر INSCRIVEZ-VOUS DES AUJOUR'DUI كما في الصورة 
2- اكتب اسمك وإيميلك واضغط ...INSCRIVEZ-VOUS POUR ولا تنسى وضع علامة صح الدالة على أنك موافق على شروط وخصوصيات الموقع
3- الأن ستظهر لك نافدة تخبرك أنه تم ارسال رسالة إلى إيملك من أجل تفعيل حسابك إضغط OK

4- بعد أن تذهب لإيميلك وتقرأ الرسالة إضغط على Verify Your Email من أجل تفعيل إيميلك

5- بعد تفعيل الإيميل ستظهر لك صفحة لعمل الباسورد الخاص بحسابك
ملحوظة : في société اكتب اسم مدونتك أو اي اسم أخر شبيه باسم شركة في Number of employees يطلبون منك عدد العاملين في شركتك طبعا نحن لدينا مدونات فقط ^_^ لذلك من الأفضل اختيار أصغر رقم وهو من 1-9 ثم إضغط على ...SAUVEGARDER ET ALLER 

6- بعد ذلك ستظهر لك نافذة إضغط Next 

7- ثم ستظهر نافدة أخرى إكتب اسمك الثاني أو لقبك ضروري ثم إضغط Next

8- ستحصل على كود جافا اذهب إلى : لوحة تحكم بلوجر ثم ---> القالب ثم ---> تحرير HTML ثم ---> ابحث عن
</head>
ثم أضف كود الجافا فوقه مباشرة ثم احفظ القالب

9- الأن من أجل التعديل على الزر نذهب إلى Widget 

10- نختار Appearance من أجل التعديل على شكل الزر ( لونه , حجمه , مكان ظهوره , والكثير من الأمور الأخرى ....)

11- نختار Forms من أجل اختيار اشبكات (فيس بوك, جوجل بلس) التي سيستعملها زوار مدونتك للتواصل عبر الدعم الفني

12- عندما تنتهي من التعديلات لا تنسى الضغط على Save Changes من أجل حفظ التعديلات

هكذا انتهى درسنا أتمنى أن أكون قد أفذتكم لا تنسو مشاركة الدرس مع أصدقائكم , وتعليقاتكم تهمنا
إقرأ المزيد ليست هناك تعليقات:

أضافة كود html فى مدونة بلوجر بشكل احترافى وسهل جداا 2014

أضافة كود html فى مدونة بلوجر بشكل احترافى وسهل جداا 2014
أضافة كود html فى مدونة بلوجر بشكل احترافى وسهل جداا 2014 أتمنى ان مدونتى عند حسن ظن حضراتكم ,بصراحة الدرس ده جميل جدا
ليه  لانه شاغل بال الكثير من المدونين أصحاب المدونة والدرس ده عبارة عن
اضافة كود html داخل موضوع بلوجر بطريقة احترافية داخل مربع متحرك
أكيد طبعا موضوع مهم لانه كان شاغل بالى أنا كمان ماشى نيجى نشوف الشرح
اذهب الى لوحة التحكم الخاصة بالمدونة – انشاء رسالة جديدة – عند كتابة الكود الخاص بك قم بتحويل وضع الرسالة الى html وانسخ الكود
 التالى فى المكان المراد نسخ الكود الخاص بالشرح
<div style="font: 16px/26px Georgia, Garamond, Serif; height: 120px; overflow: scroll; width: 350px;">
As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.</div>
بعد لصق الكود فى المكان المناسب قم بتحويل وضع الرسالة الى الوضع السابق تأليف
 أكيد هيظهر مربع بداخل كلام قم بتحديد هذا الكلام واستبدالة بالكود الخاص بك
As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.
الان أحفظ رسالتك ومبروك عليك فهم الدرس الجميل ده
شكرا الى اللقاء فى درس قادم
إقرأ المزيد ليست هناك تعليقات:

كيفية إضافة فهرس المدونة على بلوجر

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

فهرس المدونة بلوجر




نأتي الى شرح كيفة إضافة الاداة :
الخطوة 1. الدخول إلى لوحة التحكم
2. اذهب إلى Pages> انقر فوق الزر صفحة جديدة New Page وحدد صفحة فارغة Blank page

فهرس المدونة بلوجر

الخطوة 3. انقر فوق HTML و قم بلصق الكود التالي : 
<style type="text/css">
#toc{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>
</div>
<div dir="rtl" id="toc" style="text-align: right;">
<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://tech4fans.blogspot.com//feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
</div>
بعد إضافة الكود أعلاه قم بتغيير http://tech4fans.blogspot.com/ الى رابط المدونة الخاصة بك .

الخطوة 5. أخيرا، انقر على زر Publish .

 كلمات مفتاحية تأتي بالزوار :
  • كود فهرس المدونة خاص لمدونات بلوجر 2014
  • كيفية إضافة فهرس المدونة بلوجر
  • كيفية إنشاء صفحة فهرس المدونة على بلوجر

    إقرأ المزيد ليست هناك تعليقات:

    10 خاصيات تميز منصة بلوجر عن غيرها

    10 خاصيات تميز منصة بلوجر عن غيرها

    عشر خاصيات تميز مدونة بلوجر عن غيرها

    هل بلوجر افضل او وورد بريس

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

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

    1.الموقع تحت حماية جوجل
    ---------------------------
    2.مساحة مدونتك غير محدودة
    ----------------------------
    3.تستطيع أن تنشيء الكثير الكثير من المدونات من لوحة تحكم واحدة
    -----------------------------------------------------------
    4.الحرية الكبيرة جدا في التعديل على القالب، و توفير أكبر قدر ممكن من المرونه فى التحكم 
    -----------------------------------------------------------------------------
    5.إمكانية إشارك الغير بالمدونة من خلال خصائص منظمة (إدارة وإشراف وصلاحيات)
    ----------------------------------------------------------------------------
    6.مدونتك مرتبطة بشكل مباشر مع أغلب أو كل خدمات قوقل التي تعنى بالمواقع، وبيسر وسهولة
    ---------------------------------------------------------------------------------
    7.إمكانية التدوين عبر البريد الإلكتروني أو الجوّال
    -------------------------------------------
    8.عدد لا نهائى من التدوينات لكل مدونة
    -----------------------------------
    9.عدد لا نهائى للتعليقات على كل تدوينة
    -------------------------------------
    10.مساحة كبيرة كبيرة للغاية للتخزين
    ---------------------------------------

    أتمنى أن تكون قد استمتعت بهاته التدوينة وافادتك
    ---------
     وانشاء الله في موضوع قادم

    إقرأ المزيد ليست هناك تعليقات:

    أكثر من 100 الف زائر يوميا لمدونتك بلوجر

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




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

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

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

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

    انا كذالك لم أكن في يوم من الأيام صاحب خبرة كبيرة في seo او ما يسمى بعلم تهيئة المواقع لمحركات البحث ولم اشترك في دورات تدريبية ولم اشنري كتاب ولم ولم .... لكن لم استسلم في يوم من الأيام؟ وبقيت احاول للمرة الألف وكلما أخفقت ازدت قوة وصلابة وعمل حتى حدث ما لم يكن في الحسبان؟

    احصائيات دقيقة سأقوم بعرضها لكم حول احدى مدوناتي الصغيرة والتي كان عدد زوارها لا يتجاوز 300 زائر في اليوم حتى أصبح عدد زوارها أكثر من 120 الف زائر في اليوم الحمد لله. هذا من فضل ربي.


    اعلم ان الكثير ممن سيقرؤون المقال لن يصدقوا؟ لكن لا يهم هدفي هو افادتكم ومن يصدق ربما يستفيد ومن لا يصدق لن يستفيد ورربما لن يهتدي الى طريق النجاح ابدا.

    ما يهمنا هو بعض النصائح لكي تحقق ما حققته انا وهي 

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

    الكنز هو ماذا ستكتب؟ ماذا تستهدف؟ اكتب حول 
    • مواضيع حساسة
    • احداث الساعة
    • المناسبات العالمية والمحلية هي كثيرة جدا والناس تبحث عنه بكثرة ملايين الأشخاص يبحثون 
    • اكتب بلغتك البسيطة الصحيحة وحاول ان توصل فكرة ما تتحدث عنه الى الناس

    هذا كلام لم أجده في مواقع او مدونات او كتب .... هذا كلام من عندي 
    انا جربت 
    انا كتبت هكذا وحصلت على نتيجة جد مرضية.

    اها نسيت شىء مهم جدا والله ؟ اتعلمون ماهو انه الدعاء لا تنسوا نحن مسلمين ندعوا في كل شىء حلال


    المصدر: http://www.blogger-storm.com/2012/08/100.html#ixzz319PvDMY0
    إقرأ المزيد ليست هناك تعليقات:

    صناديق CSS للمدونة - CSS boxes with the Jquery for Blog

    صناديق CSS للمدونة - CSS boxes with the Jquery for Blog


    هل أعجبك الموضوع ؟
    صناديق CSS  للمدونة - CSS boxes with the Jquery for Blog

    بسم الله الرحمن الرحيم
    والصلاة والسلام على اشرف الانبياء والمرسلين سيدنا محمد عليه افضل الصلاة واتم التسليم
    السلام عليكم ورحمة الله وبركاته .
    صناديق CSS مع الـ Jquery  للمدونة - CSS boxes with the Jquery for Blog
    في كثير من الاحيان واثناء كتباتك للموضوع او المقاله , تريد التنبيه الى شيء مهمه / مثل ان تضع الجمله في صندوق او اقتباس /
    اليوم جلبت لكم صناديق سهلة الاستخدام , ورائعه فعلا ,ذات انطباع جيد ومظهر انيق .



    الصناديق مقسمه الى : 
    1. تنبيه 
    2. تحذير 
    3. خطاء
    4. تم الارسال 
    شاهد صورة : 
    صناديق CSS  للمدونة - CSS boxes with the Jquery for Blog


    مثال مباشر : 


    طريقة التركيب : 
    الخطوة الاولى ( تركيب CSS ) : 

    • ادخل مدونتك 
    • ثم اذهب الى القالب 
    • ابحث عن </b:skin>  
    • قم بالضغط على السهم الصغير الذي بجانبها  صناديق CSS  للمدونة - CSS boxes with the Jquery for Blog
    • ثم اضف هذا الكود قبلها ( فوقها ) : 

    /* messag_box by 7loll.blogspot.com */
    .success {
        width: 400px;
        padding:10px;
        cursor: pointer;
        background-color: #EFFFB9;
        border: 1px solid #99C600;
        color: #3C5A01;
    }
    .success p {
        font-size: 12px;
        font-family: Tahoma;
        text-align:right;
        padding: 0 20px;
        background: url("https://jetara.googlecode.com/svn/trunk/messag_box/success.png") no-repeat scroll right center;
    }
    .warning {
        width: 400px;
        padding:10px;
        cursor: pointer;
        border: 1px solid #FFC237;
        background-color: #FFEAA8;
        color: #826200;
    }
    .warning p {
        font-size: 12px;
        font-family: Tahoma;
        text-align:right;
        padding: 0 20px;
        background: url("https://jetara.googlecode.com/svn/trunk/messag_box/warning.png") no-repeat scroll right center;
    }
    .error {
        width: 400px;
        padding:10px;
        cursor: pointer;
        border: 1px solid #EB5339;
        background-color: #FCCAC2;
        color: #826200;
    }
    .error p {
        font-size: 12px;
        font-family: Tahoma;
        text-align:right;
        padding: 0 20px;
        background: url("https://jetara.googlecode.com/svn/trunk/messag_box/error.png") no-repeat scroll right center;
    }
    .information {
        width: 400px;
        padding:10px;
        cursor: pointer;
        border: 1px solid #418ACC;
        background-color: #D0E4F4;
        color: #826200;
    }
    .information p {
        font-size: 12px;
        font-family: Tahoma;
        text-align:right;
        padding: 0 20px;
        background: url("https://jetara.googlecode.com/svn/trunk/messag_box/info.gif") no-repeat scroll right center;
    }
    #success-x {
        width: 400px;
        padding:10px;
        cursor: default;
        background-color: #EFFFB9;
        border: 1px solid #99C600;
        color: #3C5A01;
    }
    #success-x p {
        font-size: 12px;
        font-family: Tahoma;
        text-align:right;
        padding: 0 20px;
        background: url("https://jetara.googlecode.com/svn/trunk/messag_box/success.png") no-repeat scroll right center;
    }
    #success-x span{
        margin: -10px 0 0 -5px;
        float: left;
        text-align: right;
        font-size: 12px;
        clear: both;
        cursor: pointer;
        color: #3C5A01;
    }
    #warning-x {
        width: 400px;
        padding:10px;
        cursor: default;
        border: 1px solid #FFC237;
        background-color: #FFEAA8;
        color: #826200;
    }
    #warning-x p {
        font-size: 12px;
        font-family: Tahoma;
        text-align:right;
        padding: 0 20px;
        background: url("https://jetara.googlecode.com/svn/trunk/messag_box/warning.png") no-repeat scroll right center;
    }
    #warning-x span{
        margin: -10px 0 0 -5px;
        float: left;
        text-align: right;
        font-size: 12px;
        clear: both;
        cursor: pointer;
        color: #3C5A01;
    }
    #error-x {
        width: 400px;
        padding:10px;
        cursor: default;
        border: 1px solid #EB5339;
        background-color: #FCCAC2;
        color: #826200;
    }
    #error-x p {
        font-size: 12px;
        font-family: Tahoma;
        text-align:right;
        padding: 0 20px;
        background: url("https://jetara.googlecode.com/svn/trunk/messag_box/error.png") no-repeat scroll right center;
    }
    #error-x span{
        margin: -10px 0 0 -5px;
        float: left;
        text-align: right;
        font-size: 12px;
        clear: both;
        cursor: pointer;
        color: #3C5A01;
    }
    #information-x {
        width: 400px;
        padding:10px;
        cursor: default;
        border: 1px solid #418ACC;
        background-color: #D0E4F4;
        color: #826200;
    }
    #information-x p {
        font-size: 12px;
        font-family: Tahoma;
        text-align:right;
        padding: 0 20px;
        background: url("https://jetara.googlecode.com/svn/trunk/messag_box/info.gif") no-repeat scroll right center;
    }
    #information-x span{
        margin: -10px 0 0 -5px;
        float: left;
        text-align: right;
        font-size: 12px;
        clear: both;
        cursor: pointer;
        color: #3C5A01;
    }

    حسننا الان انتهينا من تركيب الـ CSS .
    الخطوة الثانيه ( تمكين مكتبة الجيكوري ):

    • ابحث في القالب عن </head> 
    • ثم ضع فوقها ( قبلها ) هذا الكود : 

    <script src='https://jetara.googlecode.com/svn/trunk/jquery-1.9.1.js' type='text/javascript'/>
        <script src='https://jetara.googlecode.com/svn/trunk/jquery.min.js' type='text/javascript'/>
        <script>
        $(document).ready(function(){
            $(".canhide").click(function(){
                $(this).fadeOut(500);
                });
            $("#canhide-success").click(function(){
                $("#success-x").fadeOut(500);
                });
            $("#canhide-warning").click(function(){
                $("#warning-x").fadeOut(500);
                });
            $("#canhide-error").click(function(){
                $("#error-x").fadeOut(500);
                });
            $("#canhide-information").click(function(){
                $("#information-x").fadeOut(500);
                });
    });
        </script>


    ================

    جاء دور الاستعمال .
    طريقة الاستخدام : 
    اولا : قرر اي نوع من الصناديق تريد // لديك جميع الصناديق // اختر مايناسبك
    بعد ان تختار الشكل المناسب / قم بنسخ كود الصندوق / والصقه اينما تشاء :
    الصناديق التي تتلاشى عند النقر وهي 8 صناديق : 


    الصندوق الاول ( تنبيه - اخضر ) :
    صناديق CSS  للمدونة - CSS boxes with the Jquery for Blog

        <!-- success -->
    <div class="success canhide">
    <p><b>تنبية :</b> عرض رسالة التنبية</p>
    </div>
        <!-- end success -->

    الصندوق الثاني ( تحذير -برتقالي ) :
    صناديق CSS  للمدونة - CSS boxes with the Jquery for Blog

        <!-- warning -->
    <div class="warning canhide">
    <p><b>تحذير :</b> عرض رسالة التحذير</p>
    </div>
        <!-- end warning -->

    الصندوق الثالث ( خطر - احمر ) : 
    صناديق CSS  للمدونة - CSS boxes with the Jquery for Blog

        <!-- error -->
    <div class="error canhide">
    <p><b>خطأ :</b> عرض رسالة الخطأ</p>
    </div>
        <!-- end error -->

    الصندوق الرابع ( تم الارسال - ازرق ) : 
    صناديق CSS  للمدونة - CSS boxes with the Jquery for Blog

        <!-- information -->
    <div class="information canhide">
    <p><b>تم الإرسال :</b> عرض رسالة تم الإرسال</p>
    </div>
        <!-- end information -->

    الصندوق الخامس ( تنبيه - اخضر - مع علامة اكس في الزاويه ): 
    صناديق CSS  للمدونة - CSS boxes with the Jquery for Blog

        <!-- success-x -->
    <div id="success-x">
    <span id="canhide-success">x</span>
    <p><b>تنبية :</b> عرض رسالة التنبية</p>
    </div>
        <!-- end success-x -->

    الصندوق السادس ( تحذير -برتقالي- مع علامة اكس في الزاويه ) : 
    صناديق CSS  للمدونة - CSS boxes with the Jquery for Blog

        <!-- warning-x -->
    <div id="warning-x">
    <span id="canhide-warning">x</span>
    <p><b>تحذير :</b> عرض رسالة التحذير</p>
    </div>
        <!-- end warning-x -->

    الصندوق السابع ( خطر - احمر- مع علامة اكس في الزاويه ) : 
    صناديق CSS  للمدونة - CSS boxes with the Jquery for Blog

        <!-- error-x -->
    <div id="error-x">
    <span id="canhide-error">x</span>
    <p><b>خطأ :</b> عرض رسالة الخطأ</p>
    </div>
        <!-- end error-x -->

    الصندوق الثامن ( تم الارسال - ازرق - مع علامة اكس في الزاويه ) :
    صناديق CSS  للمدونة - CSS boxes with the Jquery for Blog

        <!-- information-x -->
    <div id="information-x">
    <span id="canhide-information">x</span>
    <p><b>تم الإرسال :</b> عرض رسالة تم الإرسال</p>
    </div>
        <!-- end information-x -->



    الصناديق التي لا تتلاشى (ثابته)عند النقر وهي 4 صناديق : 

    صندوق التنبيه : 
        <!-- success -->
    <div class="success">
    <p><b>تنبية :</b> عرض رسالة التنبية</p>
    </div>
        <!-- end success -->


    صندوق التحذير : 
        <!-- warning -->
    <div class="warning">
    <p><b>تحذير :</b> عرض رسالة التحذير</p>
    </div>
        <!-- end warning -->


    صندوق الخطاء :
        <!-- error -->
    <div class="error">
    <p><b>خطأ :</b> عرض رسالة الخطأ</p>
    </div>
        <!-- end error -->


    صندوق الارسال : 
        <!-- information -->
    <div class="information">
    <p><b>تم الإرسال :</b> عرض رسالة تم الإرسال</p>
    </div>
        <!-- end information -->





    الموضوع من جهدي الخاص وشرحي , اتمنى عند النقل ذكر المصدر 
    اي استفسار او سؤال ؟ :)
    إقرأ المزيد ليست هناك تعليقات:

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

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


    السلام عليكم ورحمة الله
    مرحبا بكم متابعي و زوار عفريت بلوجر ,سأقوم في هذا الدرس إن شاء الله بتقديم شرح وافي عن كيفية إضافة موقعك أو مدونتك أو رابط صفحتك إلى أكبر و أفضل محركات البحث الأكثر إستعمالا و التي ترفع من ترتيب موقعك و تجلب لك الكثير من الزوار
    أشهر محركات البحث هو غووغل (إضغط على الرابط التالي أسفل كل محرك بحث ثم ضف موقعك ببساطة)

    ثم الياهوyahoo 
    http://search.yahoo.com/info/submit.html

    msn

    http://search.msn.com/docs/submit.aspx


    محرك بحث عربي - araby

    http://www.araby.com/SearchServices?type=send_site


    وهنا دليل قوقل

    www.google.com.sa/dirhp


    ثانيا ً : ألأدلة - جميع الوصلات جاهزة للإضافة
     


    موقع فيصل يقوم بإرسال رابط مدونتك أو موقعك إلى اشهر محركات البحث
    http://www.faisal1.com/sendweb.htm


    اضف مدونتك في addme

    http://www.addme.com/submission/free...sion-start.php


    أضف مدونة في arabsgate

    http://www.arabsgate.com/cgi-bin/links/add.cgi


    أضف مدونة في websy

    http://www.websy.com/submit/


    أضف مدونة في دليل مزاج

    http://www.f3f3.com/ad_new.php


    أضف مدونة في دليل مفضلة العرب

    http://www.x5x5.com/suggest.html


    أضف مدونة في لدليل المواقع العربية

    http://www.raddadi.com/?action=dleel.didSite


    أضف مدونة في دليل موج الغلا

    http://www.mojalgala.com/link/newlink.html


    أضف مدونة في دليل المدونات العربية

    http://dalil.4uloads.com/add-url.html


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

    http://www.islamicfinder.org/index.p...link_cur_cat=0


    أضف مدونة في المجانية

    http://www.hail1.com/auto/accounts.cgi



    أضف مدونة في albahhar

    http://nwapp.albahhar.net.ae/pls/news/AddUrl.AddNewUrl

    أتمنى يكون الدرس مفيد
    إن شاء الله بعد مدة قصيرة ستشاهد ارتفاء مهم جدا في عدد زوار موقعك
    انتهى  ^^ .
    إقرأ المزيد ليست هناك تعليقات:

    زوار المدونه

    المشاركات الشائعة