مجموعة اكواد صناديق بلوجر بتقنية css3

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

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

بعض طلب الكثير والبحث والسؤال

عن

كيفية عمل صندوق اقتباس مميز للبلوجر تلقائيا

اليوم اتيت لكم بمجموعة من الأكواد الجزاء الأول

بتقنية css3

طريقة التركيب سهلة جدا نفتح القالب ثم تحرير html ثم نحرر القالب

ملحوظة:اذا لم يظهر صندوق الأقتباس قم بعمل الأتى

أبحث عن

.post blockquote

وأحذف الكود بأكملة قد تجدة بهذا الشكل

.post blockquote{margin:1em 20px}
.post blockquote p{margin:.75em 0} 

ثم قم بالأتى 

بالضفط على ctrl+f

ونقوم بالبحث عن الكود التالى

]]></b:skin>

وتضيف قبله او فوقة اى شكل يعجبك

من الاشكال الاتية

الشكل الأول

blockquote {

border-bottom-left-radius: 6px;

-webkit-bottom-left-radius: 6px;

-moz-bottom-left-radius: 6px;

-o-bottom-left-radius: 6px;

border-bottom-right-radius: 6px;

-webkit-border-bottom-right-radius: 6px;

-moz-border-bottom-right-radius: 6px;

-o-border-bottom-right-radius: 6px;

margin: 0 0 20px;

border-left: 30px solid #FC4F08;

background-color: #302C2B;

color: #B8B4AA;

border-radius: 10px 20px 20px 10px;

-webkit-border-radius: 10px 20px 20px 10px;

-moz-border-radius: 10px 20px 20px 10px;

-o-border-radius: 10px 20px 20px 10px;

padding: 4% 2% 4% 3%;

font-family: 'Voces', cursive;

font-size: medium;

text-align: left !important;

direction: ltr !important;

}

q:before, q:after, blockquote:before, blockquote:after {

content: "";

}

Pseudo ::after element

الشكل الثانى 

.post blockquote {

max-height: 400px;

clear: both;

padding: 0 10px 10px 10px;

border: 1px solid #DDD;

color: #666;

direction: ltr;

text-align: left;

border-radius: 4px;

font: 12px "Courier New", "MS Sans Serif", sans-serif, serif;

line-height: 1.6em;

-ms-overflow-x: auto;

overflow-x: auto;

position: relative;

z-index: 50;

background: #FFF;

}

.post blockquote:before {

content: " CODE --> copy/past this code and Enjoy --> ";

padding: 0px 20px;

margin: 0 -10px 5px -10px;

border-bottom: 3px solid #A4D3DF;

display: block;

background: #E5F8FD url(https://jetara.googlecode.com/files/%D8%AA%D9%86%D8%B2%D9%8A%D9%84.png) left 2px top 2px no-repeat;

color: #A4B1B8;

}

الشكل الثالث

blockquote {

width: 80%;

color: #fff;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

background: #FFCC00;

border: 2px solid #80D4DF;

color: #333;

position: relative;

padding: 20px 30px;

border: none;

margin: 0 auto;

margin-bottom: 15px;

font-size: 13px;

margin-right: -2px;

}

blockquote:before {

background: #99CCFF;

content: "إقتباس";

position: absolute;

left: -31px;

text-align: center;

line-height: 32px;

color: #FFF;

top: 0;

width: 50px;

height: 28px;

font-weight: bold;

}

الشكل الرابع 

.post blockquote {

background: #EFEFEF;

border: 2px dotted #000000;

box-shadow: 1px 1px 0 #000, 3px 3px 0 #fff, 4px 4px 0 #000, 6px 6px 0 #fff, 7px 7px 0 #000, 9px 9px 0 #fff, 10px 10px 0 #000;

color: #404141;

direction: ltr;

font: 14px Arial;

margin: 15px auto;

max-height: 400px;

overflow: auto;

padding: 15px;

text-align: left !important;

width: 80%;

}

.post blockquote:before {

background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieDyP8k1zgmyFl2sKQ3GvM6gbA4OioFeRIyO0Eja7FS7TgN-BmSzOs7OzdxTaYicjHkWlkwdTga647DBXieBRkynIvRIpO_urEd5Wepw4ykDrt0AArApd2sngK9jVV5RkTMkjNxUSSvBXN/s172/16x16.png") no-repeat scroll 99% -97px #000000;

color: #FFFFFF;

content: "3alam-b.Blogspot.Com كود معد بواسطة";

display: block;

font: bold 12px droid arabic kufi;

height: 20px;

margin: -15px -15px 5px;

padding: 4px 30px 6px 0;

text-align: right !important;

}

الشكل الخامس 

.post blockquote {

margin: 15px 35px 15px 15px;

padding: 10px;

clear: both;

list-style-type: none;

background: #FFFBC6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjQABA-Vz7mhqplKtiIOYjHzgMcRB14qv70t0IAWmlL0uPXl687jplg_1Fz9I4jZuI93TUfSzkF3DBG9CmUhvMbg4ymJnXmEPJ0o7e-0nOkAb4qT8ifvh22KR4XAdPyJNEC43LgPGmzAx_/s320/cv-1.png) no-repeat right bottom;

border-top: 1px solid #4977FF;

border-right: 1px solid #5686FF;

border-bottom: 1px solid #475FFF;

border-left: 1px solid #5686FF;

border-radius: 10px;

box-shadow: 2px 3px 3px 1px rgba(0, 0, 0, 0.5), 0 2px 2px 0 rgba(255, 255, 255, 0.5) inset;

height: 380px;

overflow: scroll;

overflow-x: hidden;

direction: ltr;

}

اتمنى ان تكون الاشكال اعجبتكم

وانتظرونا مع مجموعة جديدة من اكواد الاقتباس للبلوجر

نرجو كلمة فقط او تعليق يعنى تقيمك للموضوع

الأنضمام الينا

ahmed hegazy

الاثنين, مايو 12, 2014

الموضوع كامل

كيف تصنع وتضيف وتستخدم أزرار جميله جدا بتأثير CSS3 لمدونتك وتدويناتك على بلوجر

كلنا يستخدم الروابط فى تدويناتنا على بلوجر , وهناك روابط لها خصوصيه ولها أهميه كبيره , ويبحث الكثير منا عن وسيله ليجعل هذه الروابط متميزه , وذلك مثل إقرا المزيد والتعليق والمعاينات وما إلى غير ذلك .

تستطيع عمل هذه الروابط على شكل أزرار جميلة المظهر بتأثير CSS رائع وبأشكال متعدده لتختار ما يناسبك منها

كيف تحصل على هذه الأزرار

إذهب إلى أكواد HTML الخاصه بقالب مدونتك وفقط قم بالبحث عن الكود التالى

]]></b:skin>

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

/*Gzero Buttons*/
.nw-btn {
    border-image: none;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    display: inline-block;
    font-size: 13px;
    font-family: Arial;
    line-height: 20px;
    margin: 0;
    padding: 4px 12px;
    text-align: center;
    vertical-align: middle;
    cursor:pointer;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-style: solid;
    border-width: 1px;
    color: #FFF !important;
    text-decoration: none !important;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
.nw-btn:hover {
    text-decoration: none !important;
}
.nw-btn:active {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}
/*Blanco*/
.nw-btn.white {
    background: #F5F5F5 ;
    background-image: linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 100%) ;
    background-image: -o-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 100%) ;
    background-image: -moz-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 100%) ;
    background-image: -webkit-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 100%) ;
    background-image: -ms-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 100%) ;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #E6E6E6),color-stop(1, #FFFFFF)) ;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
    color: #333 !important;
}
.nw-btn.white:hover {background: #E6E6E6 ;}
/*Azul*/
.nw-btn.blue {
    background: #49AFCD;
    background-image: linear-gradient(bottom, #2F95B4 0%, #5BC0DE 100%);
    background-image: -o-linear-gradient(bottom, #2F95B4 0%, #5BC0DE 100%);
    background-image: -moz-linear-gradient(bottom, #2F95B4 0%, #5BC0DE 100%);
    background-image: -webkit-linear-gradient(bottom, #2F95B4 0%, #5BC0DE 100%);
    background-image: -ms-linear-gradient(bottom, #2F95B4 0%, #5BC0DE 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #2F95B4),color-stop(1, #5BC0DE));
}
.nw-btn.blue:hover {background:#2F96B4;}
/*Verde*/
.nw-btn.green {
    background: #5BB75B;
    background-image: linear-gradient(bottom, #51A351 0%, #62C462 100%);
    background-image: -o-linear-gradient(bottom, #51A351 0%, #62C462 100%);
    background-image: -moz-linear-gradient(bottom, #51A351 0%, #62C462 100%);
    background-image: -webkit-linear-gradient(bottom, #51A351 0%, #62C462 100%);
    background-image: -ms-linear-gradient(bottom, #51A351 0%, #62C462 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #51A351),color-stop(1, #62C462));
}
.nw-btn.green:hover {background:#51A351;}
/*Naranja*/
.nw-btn.orange {
    background: #FAA732 ;
    background-image: linear-gradient(bottom, #F89306 0%, #FBB450 100%) ;
    background-image: -o-linear-gradient(bottom, #F89306 0%, #FBB450 100%) ;
    background-image: -moz-linear-gradient(bottom, #F89306 0%, #FBB450 100%) ;
    background-image: -webkit-linear-gradient(bottom, #F89306 0%, #FBB450 100%) ;
    background-image: -ms-linear-gradient(bottom, #F89306 0%, #FBB450 100%) ;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #F89306),color-stop(1, #FBB450)) ;
}
.nw-btn.orange:hover {background: #F89406 ;}
/*Rojo*/
.nw-btn.red {
    background: #DA4F49 ;
    background-image: linear-gradient(bottom, #BD362F 0%, #EE5F5B 100%) ;
    background-image: -o-linear-gradient(bottom, #BD362F 0%, #EE5F5B 100%) ;
    background-image: -moz-linear-gradient(bottom, #BD362F 0%, #EE5F5B 100%) ;
    background-image: -webkit-linear-gradient(bottom, #BD362F 0%, #EE5F5B 100%) ;
    background-image: -ms-linear-gradient(bottom, #BD362F 0%, #EE5F5B 100%) ;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #BD362F),color-stop(1, #EE5F5B)) ;
}
.nw-btn.red:hover {background: #BD362F ;}
/*Finish Gzero Buttons*/

ثم قم بحفظ القالب
والآن عندما ترغب بإظهار أى رابط على شكل زر فقط عدل فى كود الرابط
فالرابط فى الأساس عند التعديل على HTML الخاص بالتدوينه نجده بالشكل التالى

<a href="#">كلمات الرابط</a>

وعن رغبتنا فى جعله على شكل الزر نجعله بالشكل التالى

<a class="nw-btn white" href="#">كلمات الرابط</a>

أى أننا أضفنا الكود التالى إلى الكود الأصلى

class="nw-btn white"

وها هى أكواد الأزرار بألونها تستطيع أن تختار من بينها اللون المفضل لديك

<a class="nw-btn white" href="#">زر أبيض</a>

<a class="nw-btn red" href="#">زر أحمر</a>

<a class="nw-btn blue" href="#">زر أزرق</a>

<a class="nw-btn orange" href="#">زر برتقالى</a>

<a class="nw-btn Green" href="#">زر أخضر</a>

وبذلك تكون قد حصلت على أزرار رائعة المظهر وبكل سهوله عن طريق أكواد CSS البسيطه والرائعه .

Unknown

الثلاثاء, أبريل 02, 2013

الموضوع كامل

إضافة أخر الموضوعات بشكل جذاب جدا للصور مع ظهور التلميحات بعنوان الموضوع ومختصر له

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

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

والآن ناتى للجزء الأهم من هذه التدوينه وهو

كيفية إضافة أداة آخر الموضوعات مع الصور والتلميحات

إذهب إلى لوحة تحكم بلوجر ثم إلى التخطيط ثم أضف أداة HTML/JAVASCRIPT وقم بلصق الكود التالى فيها

<style type="text/css">
#post-gallery {
  width:304px;
  margin:0px auto;
  font:normal 11px Arial,Sans-Serif;
  color:#494848;
  padding:8px;
  background-color:#17B986;
  -webkit-box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);
  -moz-box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);
  box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
#post-gallery h2 {
  font:20px Arial,Sans-Serif;
  color:white;
  text-shadow:0px 3px 2px black;
  text-transform:uppercase;
  margin:2px 2px 2px;
  padding:7px 14px;
  background-color:#48D;
  text-align: center;
}
#post-gallery .rp-item {
  float:left;
  display:inline;
  position:relative;
  margin:2px;
  padding:0px 0px;
  background:#fff url('http://softglad.at.ua/images/loading.gif') no-repeat 50% 50%;
  width:72px;
  height:72px;
}
#post-gallery .rp-item img {
  width:72px;
  height:72px;
  border:none !important;
  margin:0px 0px !important;
  padding:0px 0px !important;
  background:transparent !important;
  display:none;
}
#post-gallery .rp-item .rp-child {
  position:relative;
  top:10%!important;
  left:10%!important;
  z-index:1000;
  width:200px;
  background-color:white;
  border-top:5px solid #FA7C19;
  -webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);
  -moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);
  box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);
  padding:10px 15px;
  overflow:hidden;
  word-wrap:break-word;
  display:none;
  opacity: 0.9;
}
#post-gallery .rp-item .rp-child h4 {
  font-size:12px;
  margin:0px 0px 5px;
  color:#FA7C19;
}
#post-gallery .rp-item:hover .hidden {display:block;}
</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
var rpTitle     = "آخر التدوينات",       // Widget Title
    numposts    = 20,      // The number of thumbnails / posts to display
    numchar     = 200,      // Number of characters in the description tooltip
    rcFadeSpeed = 600,      // Speed of the effect. fadeIn () tooltip appears
    pBlank      = "http://softglad.at.ua/images/no-img.png",      // Image that show up if the post doesn't have a image
    blogURL     = "http://AR-BLOGGER-TIPS.BLOGSPOT.com";       // Your Blog Address
</script>
<script src="http://softglad.at.ua/widgets/post-gallery.js" type="text/javascript"></script>

وفقط قم بوضع رابط مدونتك بدلا من  http://AR-BLOGGER-TIPS.BLOGSPOT.com وقم بحفظ القالب وإستمتع بالإضافه الرائعه .

Unknown

الجمعة, مارس 08, 2013

الموضوع كامل

شرح كامل وتفصيلى لطرق تعريب قوالب بلوجر

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

البرامج المستخدمه فى خطوات تعريب قالب بلوجر والتطوير

1. متصفح الفايرفوكس .
2. برنامج النوت باد ++ .
3. إضافة الفاير باج لمتصفح الفاير فوكس .
4. برنامج النوت باد العادى الخاص بالويندوز .
5. برنامج كلر بايك .

الخطوه الأولى : تغيير إتجاهات الكتابه فى القالب وعكسها يدويا

حيث أن إتجاه الكتابه والنصوص فى قوالب بلوجر يكون معدا ليناسب اللغه الإنجليزيه فيكون الإتجاه " من اليسار إلى اليمين " فعلينا فى أول خطوه أن نقوم بعكس الإتجاه ليناسب تدويننا باللغه العربيه وليصبح الإتجاه " من اليمين إلى اليسار "

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

نفتح ملف نوت باد جديد من برنامج النوت باد العادى الخاص بالويندوز , ثم نلصق فيه كود HTML الخاص بالقالب الذى قمنا بنسخه سابقا .

نفتح قائمة Edit ثم نختار Replace وسيكون الشكل كما مبين فى الصوره

نقوم فى الخانه الأولى بكتابة Right وفى الخانه الثانيه بكتابة Ymen ثم نضغط على زر Replace All .
ثم نقوم فى الخانه الأولى بكتابة Left وفى الخانه الثانيه بكتابة Ysar ثم نضغط على زر Replace All .
ثم نقوم فى الخانه الأولى بكتابة Ymen وفى الخانه الثانيه بكتابة Left ثم نضغط على زر Replace All .
ثم نقوم فى الخانه الأولى بكتابة Ysar وفى الخانه الثانيه بكتابة Right ثم نضغط على زر Replace All .
ثم نغلق هذا المربع الحوارى , ونظلل الكود كاملا ونقوم بنسخه , ثم نلصقه فى مكان أكواد HTML الخاص بقالب المدونه على لوحة تحكم بلوجر ( بدلا من الكود الأصلى ) .
ثم نقوم بحفظ القالب , وبهذا نكون قد إنتهينا من الخطوه الأولى .

الخطوه الثانيه : تبديل الحواشى والمحاذاه

القالب ملىء بأكواد padding و أكواد margin وتكون فى صور متنوعه كالآتى

padding: 3px 10px 5px 4px;

padding: 3px 4px 9px;

padding: 6px 2px;

padding: 8px;

padding-right: 9px;

padding-left: 5px;

margin: 3px 10px 5px 4px;

margin: 3px 4px 9px;

margin: 6px 2px;

margin: 8px;

margin-right: 2px;

margin-left: 3px;

فى تعريب القوالب نهتم فقط بأنواع الأكواد التى تشبه الكودين التاليين فقط

padding: 3px 10px 5px 4px;

margin: 3px 10px 5px 4px;

ومهمتنا هنا هى أن نقوم بتبديل الأرقام بين القيمتين الثانيه والرابعه ( من إتجاه اليسار طبعا ) وسنشرح الآن كيف نقوم بعمل ذلك بأسهل طريقه .

نحن طبعا نستخدم متصفح الفايرفوكس لذا فعلينا البحث عن أول الكود كى نقوم بتبديله , وللبحث نقوم بضغط CTL+F وسيظهر لك مربع البحث فى أسفل متصفح الفايرفوكس كما فى الصوره

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

padding:

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

margin:

ونكرر ما فعلناه فى الخطوه السابقه .

وعند الإنتهاء من هذه الخطوات علينا أن نقوم بعمل حفظ للقالب , ثم نواصل عملية التعريب لإكمالها عن طريق البحث عن الكلمات التى تظهر على القالب بالإنجليزيه ثم تعدلها لتكتبها بالعربيه داخل أكواد القالب ( مثل الكلمات فى القوائم الأفقيه مثلا ) .

وفى نهاية التعديلات نقوم بحفظ القالب .

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

حمل برنامج تعريب قوالب بلوجر من سيرفر الميديا فاير بالضغط هنا ( مساحة البرنامج 11 ميجا بايت )

ملحوظه : من الممكن أن تواجه مشاكل فى حال استخدامك برنامج التعريب الآلى ( قليلا جدا ما تحدث ) , فى تلك الحاله عليك الإعتماد على طريقة التعريب التفصيليه اليدويه .

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

Unknown

الأحد, فبراير 24, 2013

الموضوع كامل

تعريف وتفسير المصطلحات الكوديه الموجوده فى أكواد HTML لمدونات بلوجر

تتعامل بلوجر بلغة XML فى التعامل مع قالب مدونتك , وتستخدم فى داخل هذه اللغه أو فى داخل كود HTML الخاص بمدونتك بعض المصطلحات الخاصه ببلوجر والتى تشير وتدل على أشياء خاصه وهامه جدا .

وسأقوم بشرح وتعريف هذه المصطلحات لكم كى تتعاملوا معها بسهوله بعد ذلك .

data:blog.languageDirection

وهو مصطلح يعنى إتجاه اللغه فى المدونه وهو يهتم بتحديد فى أى إتجاه ستكون الكتابه , من اليمين لليسار كاللغه العربيه أم من اليسار لليمين كاللغه الإنجليزيه , وهكذا ,,,

data:blog.pageTitle

مصطلح يشير إلى عنوان المدونه , وهو يهتم بعنوان المدونه كوحده واحده .

data:link.title

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

data:link.href

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

data:link.isCurrentPage

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

data:blog.homepageUrl

ويشير إلى عنوان المدونه أ, عنوان الصفحه الرئيسيه بالتحديد .

data:description

يشير هذا المصطلح إلى وصف المدونه .

data:newerPageUrl

مصطلح يعنى رسائل أحدث فى المدونه , وهو الرابط الذى يوجد أسفل التدوينه وينقلك إلى التدوينه الأحدث .

data:newerPageTitle

وهو يعنى فقط النص الذى سيظهر كى ينقلك إلى التدوينه الأحدث .

data:homeMsg

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

data:olderPageUrl

مصطلح يعنى رسائل أقدم فى المدونه , وهو الرابط الذى يوجد أسفل التدوينه وينقلك إلى التدوينه السابقه .

data:olderPageTitle

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

data:post.title

ويشير إلى عنوان التدوينه .

ربما كانت التدوينه قصيره شيئا ما .. ولكن ربما أقوم بإكمال المعلومات فى تدوينه لاحقه إن شاء الله

Unknown

الخميس, ديسمبر 06, 2012

الموضوع كامل