طريقه اضافه ارقام تعليقات بلوجر بطريقه احترافيه

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

انها طريقه احترافيه تعليق وإضافة أرقام مثل هذه الطريقة 3،3 ألف، و 4 3.b هنا هي 3،4 و 3 التعليقات الرئيسية ألف، 3.b هي الردود

يمكنك ترى مثال فى الصوره القادمه

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

. انتقل إلى لوحة مدون> قالب
    2. تحميل نسخة من القالب
    3. انقر على تحرير HTML
    4.اضغط تابع
    5. الآن البحث عن رمز أدناه، 

]]></b:skin>

ثم ضع الرمز التالى فوقه مباشره

.comment-thread ol {

    counter-reset: countcomments;

}

 

.comment-thread li:before {

    content: counter(countcomments,decimal);

    counter-increment: countcomments;

    float: right;

    font-size: 22px;

    color: #555555;

    padding-left: 10px;

    padding-top: 3px;

    background: url(http://3.bp.blogspot.com/-f6ByQfbwApQ/T4x_8p1FGpI/AAAAAAAAB2A/WJKf-ybmvQk/s1600/comment+bubble2.png) no-repeat;

    margin-top: 7px;

    margin-left: 10px;

    width: 50px;

 /*image-width size*/

    height: 48px;

 /*image-height size*/

}

 

.comment-thread ol ol {

    counter-reset: contrebasse;

}

 

.comment-thread li li:before {

    content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);

    counter-increment: contrebasse;

    float: right;

    font-size: 18px;

    color: #666666;

}

الان قم بحفظ القالب

لتخصيص الاضافه اتبع الاتى

* رقم الخط 11 - تحريره لضبط موضع النص (عدد) من حجم اليسار
     * رقم الخط 12 - بواسطة تحرير قيمة يمكنك ضبط موضع النص (العدد) داخل فقاعة من أعلى.
     * رقم الخط 13 - إذا كنت ترغب في تغيير صورة فقاعة ثم ببساطة استبدال URL صورة مع يدكم.
     * رقم الخط 14 - بواسطة تحرير هذه القيمة يمكنك ضبط موضع فقاعة من أعلى
     * رقم الخط 15 - زيادة أو إنقاص القيمة وفقا لمتطلبات الخاص بك


أدناه أنا تقاسم بعض فقاعات تعليق، انقر بزر الماوس الأيمن على أي فقاعة، حدد نسخ عنوان URL للصورة واستبدالها أعلاه تعليق URL فقاعة في رقم السطر 13.

                                                                                                                          

تم بحمد الله تعالى 

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

اقرء المزيد

شرح جعل عنوان الموضوع بالمنتصف مدونه مدون

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

الان مع شكل الاضافه

الان مع شرح التركيب 

ملحوظه: قبل اى تعديل يرجى اخذ نسخه احتياطيه لتجنب اى اخطاء

1- قم بالتعديل على القالب بدون اى خوف اضغط الان على زر تحرير HTML

2- اضغط على زر متابعة

3- الان ضع علامة على خاصية توسيع القالب

اضغط على ازرر CTRL + F من الكيبورد لوحة المفاتيح لظهور خاصية البحث :

قم بالبحث الأن على هذا الكود :

]]></b:skin>

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

 h3.post-title { text-align:center; }

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

اقرء المزيد

باترنات لطيفة حقا – Really Cute Patterns

عدد البترنات : 10

الصيغ المتوفرة : PAT

حجم الملف : 191 كيلوبايت

bitshare

amonshare

crocko

grupload 

letitbit 

quickshare 

ziddu 

turbobit

اقرء المزيد

كود اضافه قائمه عموديه سى اس اس لبلوجر

اضافه جميله جدا لتحصل على قائمه عموديه شكل رائع وانيق فانها تعطى الاحترافيه لمدونتك 

الان صوره للاضافه

و الأن

نتابع الشرح لاضافة القائمة :
أولا نضيف كود css
نبحث عن : 

]]></b:skin>

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

#menu9 ul { list-style: none; margin: 0; padding: 0; } #menu9 img { border: none; } #menu9 { width: 200px; margin: 10px; } #menu9 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu9 li a:link, #menu9 li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi97XyJ1yiOx45HqIlVLasO6gBDcbFsyaQq-475gTNZBCD2YSl2gHwfV_P6S4e70mh0JOjYN0fLzwyogS8Y8WzOfWk2AV3PFC9A5kSLxm3CPzip9K0kJiI5ptFiXZzXqYAJJarYDgVB7Vs/s800/menu9.gif); padding: 8px 0 0 35px; } #menu9 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi97XyJ1yiOx45HqIlVLasO6gBDcbFsyaQq-475gTNZBCD2YSl2gHwfV_P6S4e70mh0JOjYN0fLzwyogS8Y8WzOfWk2AV3PFC9A5kSLxm3CPzip9K0kJiI5ptFiXZzXqYAJJarYDgVB7Vs/s800/menu9.gif) 0 -32px; padding: 8px 0 0 35px; } 

ثم احفظ القالب و توجه الى عناصر الصفحة و اختر اضافة اداة html و ضع هذا الكود :

<div id="menu9"> <ul> <li><a href="mdwanblog.blogspot.com">مدونه مدون css</a></li> <li><a href="mdwanblog.blogspot">عنوان2 </a></li> <li><a href="mdwanblog.blogspot">عنوان 3</a></li> <li><a href="mdwanblog.blogspot">Link 4</a></li> <li><a href="mdwanblog.blogspot">عنوان 4</a></li> </ul> </div> 

والان قم بتغيير ما باللون الاحمر الى العناوين الخاصه بك 

وشكرا من فضلك بضغطه زر واحده تشارك الفائده وتدعم المدونه (مدون)

فلا تبخل عن اصدقائك

اقرء المزيد

الطريقه الافضل لاختيار اسم النطاق الخاص بموقعك

اول خطوة في اعداد الموقع هي اختيار اسم النطاق للموقع Domain ، اسم النطاق عبارة عن العنوان الذي يدل على موقعك، وتكون بدايته www ونهايته تختلف حسب الرغبة والتوفر ولكن المشهور منها هو .com و .net . مثال ولنفرض www.mdwanblog.com او www.mdwanblog.net . اسم النطاق عامل مهم في جذب انتباه الزوار خصوصا اذا كان يسهل تذكره وهجاؤه. في بعض الأحيان يدل اسم النطاق على محتوى الموقع وأحيان أخرى يكون لا علاقة له بالمحتوى أبدا، ولكن يفضل الخيار الأول فهو يساعد على بقاء الموقع في الذاكرة.

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

يمكنك أيضا حجز اسم النطاق بامتدادات متعددة مثل mdwanblog.com و mdwanblog.net ، مثل هذا العمل يمنع غيرك من استخدام شهرة موقعك لأغراض لا تريدها. كما أن توجيه أكثر من نطاق لموقع واحد مفيد من ناحية رفع ترتيب الموقع Page Rank .
هذه بعض النصائح للمستوى المبتدئ.

اقرء المزيد

أيقونات بلاير مواقع الفيديو – Video Websites Player Icons

عشرة أيقونات على شكل بلاير مواقع الفيديو المشهورة بأعلى جودة ، حملها الأن 

عدد الأيقونات : 10

الصيغ المتوفرة : PNG

الأحجام المتوفرة : 70×70

حجم الملف : 151 كيلوبايت 

crocko 

grupload 

filebox 

amonshare

bitshare

quickshare 

mediafire 

ziddu

اقرء المزيد

اداه الاشتراك فى القائمه البريديه بشكل جميل

شكل الإضافه 

شرح تركيب الاضافه 

1- ادخل على لوحه التحكم الخاصه بك فى بلوجر

2 - ثم انقر على تحرير html 

3 - ثم ابحثن عن هذا الكود ]]></b:skin> وضع الكود التالى قبله





@import url("http://fonts.googleapis.com/css?family=Oswald&text=AaBbCcEeFfIiKkLlMmOoRrSsTtWw%20");
.w2bOldSocial ul {
 font-family: 'Oswald', sans-serif;
 margin: 15px 0;
 overflow: hidden;
}
.w2bOldSocial ul li {
 float: left;
 width: 90px;
 padding: 0 0 0 55px !important;
 margin: 0 0 0 5px !important;
 line-height: 48px !important;
}
.w2bOldSocial ul li a {
 font-size: 20px !important;
 text-decoration:none;
 padding:0 !important;
 margin:0 !important;
 text-decoration:none;
}
.w2bOldSocial ul li a:hover {
 text-decoration:underline;
}
.w2bOldSocial ul li.w2brss {
 background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd3GzJ7qv1giGDQdJ5HB7YEBNXsqq65gi5ntXQ41NifL5s7-KhIZFME8jRyEPOgx9qrcnlYacwk_GxMQ7mZ20eWR_-TU7hF4yE9Z0RNWQVDEiJ62sJepNzIUrMSuYobBao7UVPrHj8FEWv/s48/RSS.png") no-repeat scroll left center transparent !important;
}
.w2bOldSocial ul li.w2bmail {
 background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8YU_tbAcp0Wc2yy3mSvyiYrJLKDksMnbGYszEoz-gNLv3onOD1pmXm9OfcMRCwfMyePRT_xkfHugtt7HX9HVH9SzDx9yLuHUPjVhQGthhZM_tNNatKA5UfXopkkjIji_syofaiG7N71Qv/s48/Mail.png") no-repeat scroll left center transparent !important;
}
.w2bOldSocial ul li.w2btwitter {
 background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIOrq2xNKAhGe4zNBFRmc0SlMMusaAtVzLACU0B91N4WqHEa4InADSJl9RfmFW8GToj2IOaX1B5P0Psr1MrNfuMMVozKMVXCyBaLJA4aphktM0xMY-fk3y2HgJxGuvrjEiKJALeJxKYIie/s48/Twitter2.png") no-repeat scroll left center transparent !important;
}
.w2bOldSocial ul li.w2bfacebook {
 background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMiUQXIPFqCZEQLA8bQG4SgajRTqzxCOQUNA-uInxLMB9r0Y4sAEMgXUT8h2PJSV5_FDYkkyCA4tgr_h7mn2LsFNqYZ6bsDU4xVKIiqPL6GRAB102p-UooI_vrFRkh5IpOEdLEOz-3CVwN/s48/Facebook.png") no-repeat scroll left center transparent !important;
}
#w2bEmailsub {
 display: block;
 clear: both;
 margin: 10px 0;
}
form.w2bEmailform {
 margin: 20px 0 0;
 display: block;
 clear: both;
}
.emailText {
 background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5jiqKPnVP6s2Rsn7DAOptfBFB8K2PPQfKSK0DVGGOUqf7Lhog5vELxwJXdUnZz9zRA67Hm-6ydJX0D9Tqe583QpCsnYN5sWyKT-PaOkAkO7KXzTFcWNVbyTY_F8aKPdWxoAdt9T-QFaaj/s28/w2b-mail.png") no-repeat scroll 4px center transparent;
 padding: 7px 15px 7px 35px;
 color: #444;
 font-weight: bold;
 text-decoration: none;
 border: 1px solid #D3D3D3;

 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;

 -webkit-box-shadow: 1px 1px 2px #CCC inset;
 -moz-box-shadow: 1px 1px 2px #CCC inset;
 box-shadow: 1px 1px 2px #CCC inset;
}
.emailButton {
 color: #444;
 font-weight: bold;
 text-decoration: none;
 padding: 6px 15px;
 border: 1px solid #D3D3D3;
 cursor: pointer;

 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;

 background: #fbfbfb;
 background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
 background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
 background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
 background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
 background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}

الخطوه الثانيه

اذهب لـ تخطيط ثم اضافه اداه جافا سكريت (html)

<div class="w2bOldSocial">
 <ul>
  <li class="w2brss"><a href="http://feeds.feedburner.com/way2blogging">RSS</a></li>
  <li class="w2bmail"><a href="http://feedburner.google.com/fb/a/mailverify?uri=way2blogging" >Email</a></li>
  <li class="w2btwitter"><a href="http://twitter.com/way2blogging">Twitter</a></li>
  <li class="w2bfacebook"><a href="http://facebook.com/way2blogging">Facebook</a></li>
 </ul>
</div>
<div id="w2bEmailsub">
 <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Way2blogging', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="w2bEmailform">
  <input type="hidden" value="Way2blogging" name="uri" />
  <input type="hidden" name="loc" value="en_US" />
  <input type="text" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" value="Enter your email..." name="email" class="emailText" />
  <input type="submit" class="emailButton" value="SignUp" title='' />
 </form>
</div>

تخصيص الروابط 

 1

http://feeds.feedburner.com/way2blogging

غيره بالعنوان الخاص بك 

2

 

http://feedburner.google.com/fb/a/mailverify?uri=way2blogging

غير المعرف 

3

http://twitter.com/way2blogging

ضع الرابط الخاص بك فى تويتر

4

http://facebook.com/way2blogging

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




   

اقرء المزيد