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

صورة الإضافة

 
لمعاينة الإضافة ستجدها يمدونتي

شرح الإضافة

فما عليك إلا بالتوجه إلى التبويب 
  التخطيط | عناصر الصفحة 
  إختر إضافة أداة HTML/JavaScript  

وألصق الكود التالي
 
<div align="center">
<table border="0"  cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">
<tbody><tr>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="رابط صورة الإعلان" title="نص الإعلان" height="125" /></a></center></td>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="رابط صورة الإعلان" title="نص الإعلان" height="125" /></a></center></td>
</tr>
<tr>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="رابط صورة الإعلان" title="نص الإعلان" height="125" /></a></center></td>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="رابط صورة الإعلان" title="نص الإعلان" height="125" /></a></center></td>
</tr>

</tbody></table>

</div>
تهانينا تم عمل الإعلانات ماعليك إلى ان تعدل على الكود
تعليقاتكم تهمنا ولأي استفسار أنا موجود




أكمل القراءة ←

السلام عليكم إخوتي الكرام

أتأسف إن تأخرت عليكم بالتدوين عشان كانت عندي امتحانات
وكمان بعدها إنشغلت بالقوالب

المهم أتيت لكم اليوم بأحد أجمل الإضافات روعة وهي

شرح إضافة أشكال الإقتباس Blockquote CSS  لبلوحر

صورة الإضافة

notebook-with-numbers

قم بالذهاب اولا إلى لوحة تحكم بلوجر ثم قالب أو تخطيط ثم تعديل على الHTML

مهم : لاتنسى عمل نسخة احتياطية تفاديا لضيع قالب

بعدها وبدون الضغط على توسيع القوالب

إبحث عن الكود التالي

بالمناسبة لمعاينة المثال انا كمان لدي بالمدونة

.post-body blockquote { line-height:1.3em; } 

أو

.post blockquote{


وقم بمسحه كله

ثم إبحث عن

]]></b:skin>

وضع قبله مباشرة الكود التالي

blockquote {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXXj9VDpyzf85EYMAbLSoDvrmiJ2KLN1a8cWsil-FLF9D6cM_4RIAgqXqrdoeWfuLW-fxKtzWqhUOAkHdxfaAMThtQPHyYpeBsnadYRZRB82Xgbo0PRgbWZMrKfLeI-tK4aUomI36iM5g/s1600/notebook-with-numbers.gif) repeat-y; 
margin: 0 20px; 
padding: 0px 20px 5px 55px; 
color:#7a7a7a; 
font: bold 0.9em  "Comic Sans MS"verdana
line-height: 153%; 
} 
blockquote p { 
margin: 0; 
}


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

وكذللك يمكنك تغيير الخط حسب ماتريد وكمان حجم الخط


الآن قم بحفظ قالبك ولكن مازالت الخطوة الاخيرة

ألا وهي عندما تريد عمل إقتباس على نص ما قم بتحديده اولا وإضغط على زر إقتباس

لكي يظهر لك بالتدوينة

وذه هديتي لكم مجموعة صور وخلفيات للإقتباس

notebook-brown

notebook-green

notebook-grey

وذه بدون أرقام


notebook-withoutbrown
notebook-withoutnavy
notebook-withoutpink

وأي اسفسار او غموض ضعوه بتعليق

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




أكمل القراءة ←

السلام عليكم إخوتي الكرام

 أقدم لكم هذه الإضافة الأكثر من رائعة والتي من صنعي

 تزيين شكل التسميات ( Label ) وإضافتهم على شكل ازرار بعمودين

والصورة تتكلم


كما رأيتم الإضافة أكثر من جميلة كما انا مثل أزرار جوجل من ناحية الشكل

لمشاهدة حية


شرح الإضافة

قم بالبحث عبر تعديل القالب

على الكود  لتالي

]]></b:skin>

ضع قبله الكود التالي

#arabetutorial1 ul li{
color:#2D2C28;
float: right;
width: 45%;
}
#arabetutorial2 ul li{
color:#2D2C28;
float: left;
width: 45%;
}
#arabetutorial1 li{
margin-bottom:5px;
padding:5px;
}
#arabetutorial1 li a{
color: #777777;
font: 12px verdana;
height: 20px;
width:120px;
font-family:'DroidKufi-regular',Arial,Helvetica,Tahoma,sans-serif;
text-transform: uppercase;
transition: border-color .218s;
background:#f4f4f4;
background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
display: inline-block;
text-shadow: 0 1px 0 #fff;
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;
background:#f3f3f3;
background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
border: solid 1px#ccc;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin: 0 4px 4px 0;
padding: 3px 5px;
text-decoration: none;
text-align: center;
}
#arabetutorial1 li:hover{
background:#FCFEFE; 
color:#00D1FF;
padding:5px;
cursor:pointer;
}
#arabetutorial1 li a:hover{
color:#333;
font-size:12px;
border-color: #999;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px
rgba(0,0,0,0.15);
}


ثم قم بإضافة الكود التالي وهو خاص بHtml

إذهب إلى تخطيط ثم إضافة اداة

إختر اداة HtmlJavaScript

وقم بلصق الكود التالي

<div id="arabetutorial1">
<ul>
                            
<li><a href="#">التسمية الأولى</a></li>
<li><a href="#">التسمية الثانية</a></li>
<li><a href="#">التسمية الثالثة</a></li>
<li><a href="#">التسمية الرابعة</a></li>
<li><a href="#">التسمية خامسة</a></li>
<li><a href="#">التسمية السادسة</a></li>
</ul>
            
</div>


التعديلات

ضع بدل التسمية الاولى حتى التسمية السادية بالتسميات التي لديك

أما علامة # ضع بدلها رابط كل تسمية

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

<li><a href="#">التسمية</a></li>

أرجوا ان تنجح معكم وتنال إعجابكم

وأرجوا تعليقاتكم لانني تعبت حقا في عملها

والسلام عليكم ورحمة الله تعالى وبركاته
أكمل القراءة ←