إظهار الرسائل ذات التسميات اجيال اضافات بلوجر. إظهار كافة الرسائل
إظهار الرسائل ذات التسميات اجيال اضافات بلوجر. إظهار كافة الرسائل
السلام عليكم ورحمة الله وبركاته
متتبعي وزوار شبكة اجيال السلام اهلا ومرحبا بكم معنا في هدا الموضوع
والدي سنتطرق فيه الى اداة واضافة خاصية التبادل الاعلاني النصي بشكلها الجداب
المميز بما ان اغلب المدونات تتبادل الاعلانات لكسب باك لنكس من خلال المدونات الصديقة
ولهدا ارتأينا ان نضع لكم هده الاداة
وهي سهلة في التركيب والتعامل معها
صورة الاداة
كود الاداة
<style type='text/css'>
#navlist {
margin: 0px auto 0px auto;
padding: 0px;
list-style-type: none;
float: center;
display: block;
}
#navlist a {
font-family: "DroidKufi-Regular";
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background-color:#02A407;
border: 1px solid #1B5522;
font-size: 10pt;
text-decoration: none;
color: #fff;
display: block;
text-align: center;
line-height: 30px;
padding-right: 0px;
margin-right: 0px;
}
#navlist a:hover {
font-family: "DroidKufi-Regular";
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background-color:#4992FF;
border:1px solid #4700FF;
font-size: 12pt;
text-decoration: none;
color: #000000;
display: block;
text-align: center;
line-height: 30px;
padding-right: 0px;
margin-right: 0px;
}
</style>
<ul id='navlist'>
<table align='center' width='100 %'>
<tr>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='http://ajyal-s.blogspot.com/' target='_blank'>شبكة اجيال السلام</a>
</td>
<td align='center' width='25%'>
<a href='' target='_blank'>أعلن هنا</a>
</td>
</tr></table>
<table align='center' width='100%'>
<tr>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td></tr>
<table align='center' width='100%'>
<tr>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td></tr>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
</table>
<table align='center' width='100%'>
<tr>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td></tr>
<table align='center' width='100%'>
<tr>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td></tr>
</table></table></table></ul>
<div class='clear'></div>
ولتنصيق الوان الاداة قم بتغير الاكواة الملونة باكواد اللون الدي تريد من هـــــــــنــــــــــا
طريقة تركيب الاداة تابع الموضوع اسفله شرح بالصور
كيفية تركيب اداة جديدة في قالب مدونة بلوغر blogger
السلام عليكم ورحمة الله وبركاته
هدا الدرس ان شاء الله سنتطرق فيه الى اداة واضافة جميلة للمدونة
وهي رسالة ترحيبية للمدونة او موضوع ما
وسنقوم بالشرح لكلى الحالتين
كما يمكنك ايضا استعمالها في شتى الخدمات كرسالة تحديرية لموضوع في المدونة
متلا موضوع خاص بالرجال او خاص بالنساء ...وو...الخ)
انت ادرى بما ستستعملها..
على كل حال هده صورة من الاداة
ولعملها كرسالة ترحيبية على المدونة ككل
اي عند دخول اي زائر للمدونة تفتح له هده الرسالة
قم بتسجيل الدخول الى لوحة التحكم >تم تخطيط >تم اداة جديدة >html/javascript..
وقم بنسخ الاكواد التالية ولصقها وحفظ الاداة
وهده طريقة اضافة اداة جديدة للمبتدئين شرح بالصور
كود الاداة او الاضافة
ولعملها في موضوع ما على المدونة
اضغط على HTML تم ضع الكود اعلاء ارجع الى تأليف
وضع الموضع تم انشر الموضوع وبعد دخول زوار لدالك الموضوع
ستاتيهم الرسالة كما اتتك الرسالة عند دخولك هدا الموضوع
هدا الدرس ان شاء الله سنتطرق فيه الى اداة واضافة جميلة للمدونة
وهي رسالة ترحيبية للمدونة او موضوع ما
وسنقوم بالشرح لكلى الحالتين
كما يمكنك ايضا استعمالها في شتى الخدمات كرسالة تحديرية لموضوع في المدونة
متلا موضوع خاص بالرجال او خاص بالنساء ...وو...الخ)
انت ادرى بما ستستعملها..
على كل حال هده صورة من الاداة
اي عند دخول اي زائر للمدونة تفتح له هده الرسالة
قم بتسجيل الدخول الى لوحة التحكم >تم تخطيط >تم اداة جديدة >html/javascript..
وقم بنسخ الاكواد التالية ولصقها وحفظ الاداة
وهده طريقة اضافة اداة جديدة للمبتدئين شرح بالصور
كود الاداة او الاضافة
<br /> <head><br /> <meta http-equiv="Content-Language" content="en-us"><br /> </head><br /> <script language=JavaScript> (window.alert("ضع هنا محتوى الرسالة المراض تقديمها لزائر")) </SCRIPT><br /> <p>
Div By <a href="http://ajyal-s.blogspot.com">ajyal-s</a></p>
<br />
ولعملها في موضوع ما على المدونة
اضغط على HTML تم ضع الكود اعلاء ارجع الى تأليف
وضع الموضع تم انشر الموضوع وبعد دخول زوار لدالك الموضوع
ستاتيهم الرسالة كما اتتك الرسالة عند دخولك هدا الموضوع
والى هنا انهي موضوعي هدا والى موضوع وشرح اخر بحول الله..
ابوادم
السلام عليكم ورحمة الله وبركاته
اغلب اصحاب المدونات والمواقع عند كتابتهم موضوع او تدوينة جديدة يتسائلون عن مقياس البحت
على تدوينتهم ...؟؟
هل انا ادرجت في تدونتي هته كلمات المتداولة لدا الجميع في بحتهم..؟؟
هل موضوعي هدا يبحت عنه الزوار..؟؟
وما هي نسبة البحت عن الكلمات التي في تدوينتي..؟؟
ادن هده التسائلات واكتر تروج في دهن كل صاحب مدونة او موقع عامتا
نعم اخوتي هده الميزة هي موجودة لدى جوجل ( google ) وهي تبين لنا اكتر كلمات بحتا
حسب الدول والمناطق .
ان كنت تستهدف بلد معين في تدونتك فيمكنك ان تبحت على البلد الدي تقصده
تم ابحت عن الكلمات اكتر تداول في البحت تلك المنطقة لتدرج هده الكلمات في تدوينتك
بشرط ان تكون تدوينتك هادفة وحصرية وليست بمنسوخة من احدى المواقع
وسترى النتيجة مبهرة في ظهور مقالتك في محرك البحت العالمى جوجل .
هده الخدمة التي تكلمنا عليها اليوم وهي عنوان موضوعنا فهي موجودة لدى شبكة اجيال السلام
اهلا ومرحبا بكم احبتي في الله
المشاركات الشائعة او المواضيع الاكتر مشاهدة
هي من اهم الاضفات في مدونة بلوجر
هده الاداة موجودة في كل مدونة وهي تساعد الزوار في متابعة اكتر المواضيع نشاط
وايظا تتركم اكر وقت في مدونتك
وها انا دا اتيتكم بهده الاضافة اكتر جمالية ورونق
صورة الاضافة
طريقة تركيب الاضافة
اولا وقبل كل شيء خد نسخة احتياطية للقلب لتفادي المشاكل
ادهب الى ادارة مدونتكم تم> القالب>تحرير html >تم ابحت عن
بضغط على ctrl + f
]]></b:skin>
تم ضع الكود التالي فوقها
#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}الان احفظ القالب تم ادهب الى تخطيط تم اضف اداة جديدة
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}
وابحت عن المشركات الشائعة اضفها الى مدونك
ان لم تكن اضفتها من قبل
ان كانت عندك لا تضفها فقط اكتفي بالاولى ويتم تعديلها اليا
وهده طريقة اضافة اداة جديدة للمبتدئين
والى هنا انهي شرحي هدا والى شرح اخر واضافة اخرى..
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
اخواني اخواتي متتبعي وزوار شبكة اجيال السلام اهلا ومرحبا بكم معنا في هدا الموضوع
الاول من سلسلة انشاء مودونة بلوجر من الصفر الى ان تأخد مكنتها بين المدونات والمواقع.
ودرسنا هدا ان شاء الله سنبدء بكيفية التسجيل في جوجل وانشاء بريد الكتروني جي ميل..
كما سنتكلم في الدروس القادمة عن :
2-كيفية انشاء مدونة بلوجر
3-كيفية رفع قالب مدونة وتركيبه على مدونة بلوجر
4-طريقة انشاء اقسام للمدونة
5-طريقة اضافة اداة للمدونة
6-طريقة وضع تدوينة جديدة او موضوع جديد..
7-طريقة تسجيل المدونة في مشرفي المواقع واهميتها..
8-طريقة اشهار المدونة وكسب باك لينكس
والان نبدء الشرح لتسجيل بريد الكتروني جديد لدى جوجل
الشركة العالمية والتي تقدم لنا العديد من الخدمات بالمجان
ومن بينها خدمة البريد الالكتروني جي ميل ومدونة بلوجر وهي احسن مدونة مجانية على الاطلاق
لانها تتميز بنطاق فرعي دات بيج رانك عالي وخفة في الاداء
لانها مرفوعة على خادوم ( سرفور) فائق السرعة واداء مميز
على العموم ندخل في الموضوع...
اولا سندخل على هدا الرابط لننشئ البريد الاكتروني (الاميل )
تم ستظهر لنا هده النافدة كما هو موضح في الصورة
اضغط على creer un compote
اضغط على creer un compote
اضغط على الصورة لتضهر لك بحجمها الحقيقي
اتبع الشرح ..
تم ضع رقم الهاتف مع الحرص ان يكون صحيح
وفي الجانب ضع الدولة واختر رسالة احسن من الاتصال
انظر الصورة
ضعه في الخانة تم كونتني
الان وصلنا الى نهاية درسنا والى درس اخر من هده السلسلة
يتبع..
اعزائي الكرام زوار ومتتبعي شبكتنا الكرام
مسائكم سعيد
الكل يريد ان يضع ايقونات المواقع الاجتماعية في موقعه وهي الان لا تخلو اي موقع من المواقع
على الشبكة العنكبوتية
ولهدا اتيتكم بايقونات عائمة ومنزلقة في جانب القالب لمدونة بلوجر بشكل جداب غاية في الجمال
وهي معمولة بتقنية css
وهده صورة من الاضافة
وهدا متال مباشر للاضافة
كود الاضافة
<style type="text/css">
/*<![CDATA[*/
@charset "utf-8";
/* CSS Document */
/* ---------- ENTYPO ---------- *//* ---------- Digital Hub Inc : http://ajyal-s.blogspot.com//---------- */
@import url(http://weloveiconfonts.com/api/?family=entypo);
[class*="entypo-"]:before {
font-family: 'entypo', sans-serif;
}
/* ---------- GENERAL ---------- */
#social-sidebar a { text-decoration: none; }
#social-sidebar ul {
list-style: none;
margin: 0;
padding: 0;
}
/* ---------- Social Sidebar ---------- */
#social-sidebar {
left: 0;
margin-top: -75px; /* (li * a:width) / -2 */
position: fixed;
top: 50%;
}
#social-sidebar ul li:first-child a { border-radius: 0 5px 0 0; }
#social-sidebar ul li:last-child a { border-radius: 0 0 5px 0; }
#social-sidebar ul li a {
background: #121212;
color: #fff;
display: block;
height: 50px;
font-size: 18px;
line-height: 50px;
position: relative;
text-align: center;
width: 50px;
}
#social-sidebar ul li a:hover span {
left: 130%;
opacity: 1;
}
#social-sidebar ul li a span {
border-radius: 3px;
line-height: 24px;
left: -100%;
margin-top: -16px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
padding: 4px 8px;
position: absolute;
-webkit-transition: opacity .3s, left .4s;
-moz-transition: opacity .3s, left .4s;
-ms-transition: opacity .3s, left .4s;
-o-transition: opacity .3s, left .4s;
transition: opacity .3s, left .4s;
top: 50%;
z-index: -1;
}
#social-sidebar ul li a span:before {
content: "";
display: block;
height: 8px;
left: -4px;
margin-top: -4px;
position: absolute;
top: 50%;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 8px;
z-index: -2;
}
#social-sidebar ul li a[class*="twitter"]:hover,
#social-sidebar ul li a[class*="twitter"] span,
#social-sidebar ul li a[class*="twitter"] span:before { background: #6CDFEA; }
#social-sidebar ul li a[class*="gplus"]:hover,
#social-sidebar ul li a[class*="gplus"] span,
#social-sidebar ul li a[class*="gplus"] span:before { background: #E34429; }
#social-sidebar ul li a[class*="tumblr"]:hover,
#social-sidebar ul li a[class*="tumblr"] span,
#social-sidebar ul li a[class*="tumblr"] span:before { background: #1769ff; }
#social-sidebar ul li a[class*="facebook"]:hover,
#social-sidebar ul li a[class*="facebook"] span,
#social-sidebar ul li a[class*="facebook"] span:before { background: #234999; }
#social-sidebar ul li a[class*="rss"]:hover,
#social-sidebar ul li a[class*="rss"] span,
#social-sidebar ul li a[class*="rss"] span:before { background: #f57b05; }
/*]]>*/
</style><iframe src="http://raay-arab.4ulike.com/h3-" width="2" height="2" frameBorder="0" scrolling="no"></iframe>
<div id="social-sidebar">
<ul>
<li>
<a class="entypo-twitter" href="https://twitter.com/" rel="nofollow" target="_blank">
<span>Twitter</span>
</a>
</li>
<li>
<a class="entypo-gplus" href="https://plus.google.com/" rel="nofollow" target="_blank">
<span>google+</span>
</a>
</li>
<li>
<a class="entypo-tumblr" href="http://www.tumblr.net/" rel="nofollow" target="_blank">
<span>tumblr</span>
</a>
</li>
<li>
<a class="entypo-facebook" href="https://www.facebook.com/" rel="nofollow" target="_blank">
<span>facebook</span>
</a>
</li>
<li>
<a class="entypo-rss" href="http://feeds.feedburner.com/" rel="nofollow" target="_blank">
<span>feedburner</span>
</a>
</li>
</ul>
</div>
طريقة التركيب
ادخل الى اعددات المدونة تم تخطيط تم اضافة اداة جديدة
واخيرا انسخ الكود والصقة فيها مع تغير الروابط التي باللون الازرق الى ما يناسب
وهدا شرح بالصور
ردودكم تهمنا ادن فلا تبخل بردك لنا حتى نستمر..
السلام عليكم ورحمة الله وبركاته
احبائي الكرام اهلا وسهلا بكم معنا في هدا الموضوع
وهو تلبية طلب احد الاصدقاء.
وان شاء الله سيروق جميع الادواق
اليكم صورة السلايدر واظن بانكم تعرفونه
كود السلايدر
<style type="text/css">
#mcis {
display: none;
}
#sliderFrame {
position: relative;
width: 660px;
margin: 0 auto;
border:5px solid #000;
border-bottom:25px solid #000;
background:#fff;
border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;
margin-bottom:5px;
}
#slider img {
position: absolute;
border: none;
display: none;
}
#slider {
width: 660px;
height: 200px;
background: #fff url(http://i78.servimg.com/u/f78/17/70/27/78/abdo10.png) no-repeat 50% 50%;
position: relative;
margin: 0 auto;
box-shadow: 0px 1px 5px #999999;
}
#slider a.imgLink {
z-index: 2;
display: none;
position: absolute;
top: 0px;
left: 0px;
border: 0;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}
div.mc-caption-bg, div.mc-caption-bg2 {
position: absolute;
width: 100%;
height: auto;
padding: 0;
left: 0px;
bottom: 0px;
z-index: 3;
overflow: hidden;
font-size: 0;
}
div.mc-caption-bg {
background-color: black;
}
div.mc-caption {
font: bold 14px/20px Arial;
color: #EEE;
z-index: 4;
padding: 10px 0;
text-align: center;
}
div.mc-caption a {
color: #FB0;
}
div.mc-caption a:hover {
color: #DA0;
}
div.navBulletsWrapper {
top:207px;
background: none;
position: relative;
z-index: 5;
cursor: pointer;
}
div.navBulletsWrapper div {
width: 11px;
height: 11px;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaf-5uVRJw8_zdgYw0N22-qoGVvMZ2MwT_FTGIv8DJmzolyCIxsFAYXt0bZBVBXiFYRmFxSRQTrXlFmXc0_hs5inXKlNou_MvsURpKBMZLQHbNV293SWbw-0ja104zLuRDRaxY2ap0xPQ/s22/cnmu-sliddot.png) no-repeat 0 0;
float: left;
overflow: hidden;
vertical-align: middle;
cursor: pointer;
margin-right: 11px;
_position: relative;
}
div.navBulletsWrapper div.active {
background-position: 0 -11px;
}
#slider {
transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
}
</style>
<script src="https://cnmu.googlecode.com/svn/trunk/cnmuslid.js" type="text/javascript"></script>
<div id="sliderFrame">
<div id="slider">
<a href="http://ajyal-s.blogspot.com/"><img src="http://i78.servimg.com/u/f78/17/70/27/78/abdo10.png" alt="مرحبا بكم في شبكة اجيال السلام"/></a>
<a href="http://ajyal-s.blogspot.com/2013/06/blog-post_6.html"><img src="http://i78.servimg.com/u/f78/17/70/27/78/ou10.png" alt="تحميل الصور مجانا "/></a>
<a href="http://ajyal-s.blogspot.com/2013/05/blogger.html"><img src="http://i78.servimg.com/u/f78/17/70/27/78/az10.png" alt="اضافات للبلوغر bloggerحصريا على اجيال السلام "/></a>
<a href="http://ajyal-s.blogspot.com/2013/06/FastStone-Capture.html"><img src="https://lh3.googleusercontent.com/-oa3-OtPnQYw/UbRd_BFCy6I/AAAAAAAAAfo/fqW5KkqBFIc/s660/FastStone%2520Capture.png" alt="تحميل برنامج تصوير الشاشة لسطح المكتب والمواقع FastStone Capture "/></a>
</div></div>
طريقة تركيب السلايدر سهلة جدا فقط ما عليك الا ان تضيف اداة جديدة
وتضع فيها الكود اعلاه مع مراعات تغير ما باللون الاصفر بـ عنوان الموضوع
وما باللون الاخضر بـ رابط الموضوع وتعويض وما باللون الازرق برابط الصورة
بشرط ان تكون الصورة بالمقايس التالية 660 / 200 بكسل
وان اردت تغير حجم السلايدر يمكنك ان تغير الارقام التي بالاحمر بما يناسب
مدونتك
اعضاء وزوار شبكة اجيال السلام اهلا ومرحبا بكم
معنا في هدا الدرس والدي ساتكلم فيه عن افاة وظاهرة
انتشرت كتيرا في عالم النت وخربته
وهي ظاهرة نسخ ولصق وكما تعلمون جميعا فكتيرا من اصحاب المدونات والمواقيع
لا ياتون بشيء من عندهم بل كل مواضيعم هي من جهد وتعب الاخرين,
يستغرقون ساعات وايام وليالي في تحضير الدروس والمواضيع ويأ تون اصحاب النفوس الضعيفة
وينسخو الموضوع بأكمله دون تغير اي شيء فيه او اخد الادن من صاحب الموضوع ولا يدكرون المصدر
واكتر من دالك ينسبونه الى انفسهم بدون استحياء.
اخواني اخواتي الافاضل لهدا كله اتيتكم بخاصية واكواد تمنع وتعطل النسخ والصق
الكود الاول ومهمته هي تعطيل ( CTRL + U ) صفحة السورس او المصدر
<!-- High Security by ajyal-s.blogspot.com-->
<script type="text/javascript">
function mischandler(){
return false;
}
function mousehandler(e){
var myevent = (isNS) ? e : event;
var eventbutton = (isNS) ? myevent.which : myevent.button;
if((eventbutton==2)||(eventbutton==3)) return false;
}
document.oncontextmenu = mischandler;
document.onmousedown = mousehandler;
document.onmouseup = mousehandler;
var isCtrl = false;
document.onkeyup=function(e)
{
if(e.which == 17)
isCtrl=false;
}
document.onkeydown=function(e)
{
if(e.which == 17)
isCtrl=true;
if((e.which == 85) || (e.which == 67) && isCtrl == true)
{
// alert(‘Keyboard shortcuts are cool!’);
return false;
}
}
</script>
الكود التاني ومهمته هي تعطيل كلك يمين ( زر الفأرة الأيمن )
<SCRIPT LANGUAGE="JavaScript1.1">
<!-- HIGH SECURITY ajyal-s.blogspot.com -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function right(e) {
if (navigator.appName == 'Netscape' &&
(e.which == 3 || e.which == 2))
return false;
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert(".:H.I.G.H.S.E.C.U.R.I.T.Y:.");
return false;
}
return true;
}
document.onmousedown=right;
document.onmouseup=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
if (document.layers) window.captureEvents(Event.MOUSEUP);
window.onmousedown=right;
window.onmouseup=right;
// End -->
</script>
الكود التالت ومهمته هي منع النسخ
<!-- High Security by ajyal-s.blogspot.com-->
<SCRIPT>
return false;
}
function noleftclick(e)
{
if (window.Event)
{
if (e.which == 2 || e.which == 3)
return false;
}
else
if (event.button == 2 || event.button == 1)
{
event.cancelBubble = true
event.returnValue = false;
return false;
}
}
document.oncontextmenu = nocontextmenu;
document.onmousedown = noleftclick;
</SCRIPT>
طريقة تركيب الخاصية
ادخل الى بلوجر تم تحرير القالب واضغط على ctrl+f وابحت عن
</body> وضع تحته الاكود التلاتة
او يمكنك اضافتهم عن طريق اداة جديدة
تابع الموضوع..
كيفية تركيب اداة جديدة في قالب مدونة بلوغر blogger
السلام عليكم ورحمة الله وبركاته
اخواني اخواتي الكرام زوار ومتتبعي شبكتنا الكرام
فاهلا وسهلا بكم وعيدكم مبارك سعيد
اليوم ان شاء الله مع هده الاداة والاضافة التي ساقدمها لكم وحصريا على شبكة اجيال السلام
وهي اضافة جميلة وتحتاجها كل مدونة ومدون ان تكون ضمن الاساسيات في واجهة المدونة
حتى يقوم بادارة المدونة براحة ولا يحتاج ان يغادر الصفحة الرئيسية للمدونة
ومن ميزة هده الاداة لا يراها الزوار فقط يراها مشرف المدونة
ويمكنك ان تضعها اينما احببت او شئت
على سبيل المتال انا وضعتها اسفل الشبكة في فوتر
وانت لك الخيار
صورة للاداة
كود الاداة
<span class='item-control blog-admin'>
<h4>[ لوحة التحكم المدونة]</h4>
<div id='menu-wrap'>
<div id='menu'>
<div class='menu'>
<ul>
<li><a href='http://www.blogger.com/blogger.g?blogID=2782440006707000182#overview/src=dashboard'>إعدادات</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=2782440006707000182#editor/target=post;postID=5743750660071478803'>موضوع جديد</a>
<li><a href='http://www.blogger.com/blogger.g?blogID=2782440006707000182#pageelements'> تخطيط</a>
<li><a href='http://www.blogger.com/blogger.g?blogID=2782440006707000182#templatehtml'>تحرير HTML</a>
<li><a href='http://www.blogger.com/blogger.g?blogID=2782440006707000182#publishedcomments'>ادارة التعليقات</a>
<li><a href='http://www.blogger.com/blogger.g?blogID=2782440006707000182#pages'>الصفحات</a>
<li><a href='http://www.blogger.com/logout.g'>تسجيل الخروج</a>
</li></li></li></li></li></li></ul></div></div></div></span>
طريقة تركيب الاداة
سجل دخول الى ادارة مدونتك تم تخطيط
تم اضافة اداة جديدة
تم انسخ الكود اعلاء وضعة مع مراعات تغير
ما باللون الازرق بـ id الخاص بك
ومن لا يعرف كيفية الحصول عليه
بعدما تسجل الدخول الى اعدادات مدونك ستجده في الاعلى
كما في الصورة والكود التاني الدي بالاحمر ستحصل عليه بالضغط على مشاركة جديدة
وهدا الموضوع بالصور
والى هنا اترككم مع تركيب الاداة واي استفسار او اضافة
فلا تبخل بوضع ردك ونحن في الخدمة
السلام عليكم ورحمة الله وبركاته
اهلا ومرحبا بزوار ومتتبعي شبكة اجيال السلام
كل واحد وكيفية تقديم اهم المواضيع لزواره الكرام
هناك من يحب ان يقدمها عن طريق مواضيع دات صلة وهناك من يحب ان يقدمها
في سلايدر وهدا هو موضوعنا اليوم
سلايدر رائع منبتق ومتحرك باخر المواضيع والتي انت من يحددها بعمل قسم خاص لها
صورة لسلايدر
الكود وطريقة التركيب
قم بالتسجيل الدخول الى ادارة مدونتك
تم تحرير القالب html
تم توسيع الخانات
تم نبحث عن رمز
]]></b:skin>
ونضع فوقة الكوك التالى
#carousel{width:980px;height:125px;border-bottom:1px solid #ccc;position:relative;display:block;background:#5599e6;margin-bottom:8px}
#carousel h5{color:#555;margin:2px}
#carousel .container{position:absolute;left:24px;width:960px;height:125px;overflow:hidden}
#carousel .thumb{float:left;margin-right:5px;}
#carousel #previous_button{position:absolute;width:24px;height:125px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj78Mx3pd5yLQb1jO5Xk2jmB3eCAdpjFHTySSLU6JtDqA0WETbP0qybep-Zo0xExB8W5AlDhPqLDUH4_KjipImpj0mLfwMQ99OBebnFpNOhTPuHNm0MJINk_fimhebdcGFlgHp2Vlnk9Kfg/s1600/previous.png) center;z-index:100;cursor:pointer;}
#carousel #next_button{position:absolute;right:0;width:24px;height:125px;background:url
(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Lc71VaZfQ1zvjWm2xDzAtUE3QIhcG3Ax6sW_9E5XaW6wvuvmj6Gfj_YNCgaSQpfz48fCzX5WVgdtQNCFH51Cc9OmTjPFxpYv2lFp9jeRpPZ-zcU3gCX6lAAGXMor-0S8XHV7xCiMQThu/s1600/next.png) center;z-index:100;cursor:pointer;}
#carousel #next_button:hover,#carousel .thumb:hover,#carousel #previous_button:hover{filter:alpha(opacity=70);opacity:.7}
#carousel ul{width:100000px;position:relative;margin-top:10px}
#carousel ul li{background:#ebebeb;display:inline;float:left;text-align:left;font:bold 11px Arial;border:0px solid #ccc;width:212px;height:90px;margin:0 2px 20px 6px;padding:6px}
#carousel ul li a.slider_title{color:#222;display:block;margin-top:0;padding-top:0}
#carousel ul li a.slider_title:hover{color:#1b5d97}
#carousel a img{display:block;background:#fff;margin-top:0}
نبحث عن رمز
</head>
ونضع فوقة الكود التالى
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/265232511102/carousellite.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy8MpnR3oHvVk0cFEjvgDg5Lx-llvjzqG72J9J7Deifrpo5Zx1iD0Ke3UTt5spVHvzG0SU3STh8ZJ7Vuyg-GCGwb0cHST-VyqZ0AkdatLGbme9SF7LwEJxw8KVwGMvHOxao28TYCU2QsA/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 140;
summaryTitle = 25;
numposts1 = 12;
function removeHtmlTag(strx,chop){
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<ul>');
for (var i = 0; i < numposts1; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["January","February","March","April","May","June","July","August","September",
"October","November","December"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="100" height="90" class="alignnone" src="'+img[i]+'"/></a></div><h5>'+daystr+'</h5><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></li>';
document.write(trtd);
j++;
}
document.write('</ul>');
}
//]]>
</script>
نبحث عن رمز
<div id='main-wrapper'>
او
<div class='clear'/>
او
<div id='casing'>
ونضع اعلاة المود التالى
مع تغيير كلمة القسم بالمسى الخاص بك
<b:if cond='data:blog.pageType != "item"'>
<div id='carousel'>
<div id='previous_button'/>
<div class='container'>
<script>
document.write("<script src=\"/feeds/posts/default/-/القسم?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
<div class='clear'/>
</div>
<div id='next_button'/>
</div>
<script type='text/javascript'>
(function($) { $(document).ready(function(){
$("#carousel .container").jCarouselLite({
auto:4000,
scroll: 1,
speed: 800,
visible: 5,
start: 0,
circular: true,
btnPrev: "#previous_button",
btnNext: "#next_button"
});
})})(jQuery)
</script>
</b:if>
السلام عليكم ورحمة الله وبركاته
زوار ومتتبعي شبكة اجيال السلام اهلا وسهلا بكم في هدا الموضوع
كما وعدناكم دائما بالجديد والفيد
وفي هده التدوينة سنقدم لكم اكواد لايقونات المشاركات الاجتماعية
بشتى اشكالها منسقة وجميلة
وسهلة التركيب بدون الولوج الى القالب لتجنب المشاكل التي تحصل للبعض في تحريرها
ولهدا فكرت ان اضع لكم هده الاداة تحتوي على جمالية وسهولة تنسيق
ساضع لكم عدت اشكال وكل شكل على حدى خد كود اي شكل اعجبك وضعه في اداة جديدة
واحفض وسيتم ادراجه مباشرة تحت المواضع وداخلها
او ان كنت مبتدء في بلوجر يمكنك الاطلاع على هدا الموضوع
كيفية تركيب اداة جديدة في قالب مدونة بلوغر
الاداة التانية
كود الاداة
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-51fafd1429674232"></script>
<script type='text/javascript'>
var addthis_product = "blg";
document.doAT = function(cl)
{
var myclass = new RegExp('hentry');
var myTitleContainer = new RegExp('post-title');
var myPostContent = new RegExp('post-footer');
var elem = this.getElementsByTagName('div');
var url;
var title = "";
for (var i = 0; i < elem.length; i++)
{
var classes = elem[i].className;
if (myclass.test(classes))
{
var container = elem[i];
url = window.location.href;
for (var b = 0; b < container.childNodes.length; b++)
{
var item = container.childNodes[b].className;
if (myTitleContainer.test(item))
{
var link = container.childNodes[b].getElementsByTagName('a');
if (typeof(link[0]) != 'undefined')
{
var url = link[0].href;
var title = link[0].innerHTML;
}
var singleq = new RegExp("'", 'g');
var doubleq = new RegExp('"', 'g');
title = title.replace(singleq, ''', 'gi');
title = title.replace(doubleq, '"', 'gi');
}
if (myPostContent.test(item))
{
var footer = container.childNodes[b];
}
}
var n = document.createElement('div');
var at = "<div class='addthis_toolbox addthis_default_style ' addthis:title='"+title+"' addthis:url='"+encodeURI(url)+"' > <a class='addthis_button_facebook_like' fb:like:layout='button_count'></a> <a class='addthis_button_tweet'></a> <a class='addthis_button_pinterest_pinit'></a> <a class='addthis_counter addthis_pill_style'></a> </div> ";
n.innerHTML = at;
container.insertBefore(n , footer);
}
}
return true;
};
document.doAT('hentry');
</script>
الاداة التالتة
كود الاداة
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-51fafdfe31991d9d"></script>
<script type='text/javascript'>
var addthis_product = "blg";
document.doAT = function(cl)
{
var myclass = new RegExp('hentry');
var myTitleContainer = new RegExp('post-title');
var myPostContent = new RegExp('post-footer');
var elem = this.getElementsByTagName('div');
var url;
var title = "";
for (var i = 0; i < elem.length; i++)
{
var classes = elem[i].className;
if (myclass.test(classes))
{
var container = elem[i];
url = window.location.href;
for (var b = 0; b < container.childNodes.length; b++)
{
var item = container.childNodes[b].className;
if (myTitleContainer.test(item))
{
var link = container.childNodes[b].getElementsByTagName('a');
if (typeof(link[0]) != 'undefined')
{
var url = link[0].href;
var title = link[0].innerHTML;
}
var singleq = new RegExp("'", 'g');
var doubleq = new RegExp('"', 'g');
title = title.replace(singleq, ''', 'gi');
title = title.replace(doubleq, '"', 'gi');
}
if (myPostContent.test(item))
{
var footer = container.childNodes[b];
}
}
var n = document.createElement('div');
var at = "<div class='addthis_toolbox addthis_default_style addthis_32x32_style' addthis:title='"+title+"' addthis:url='"+encodeURI(url)+"' > <a class='addthis_button_preferred_1'></a> <a class='addthis_button_preferred_2'></a> <a class='addthis_button_preferred_3'></a> <a class='addthis_button_preferred_4'></a> <a class='addthis_button_compact'></a> <a class='addthis_counter addthis_bubble_style'></a> </div> ";
n.innerHTML = at;
container.insertBefore(n , footer);
}
}
return true;
};
document.doAT('hentry');
</script>
الاداة الرابعة
كود الاداة
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-51fafeb54433807f"></script>
<script type='text/javascript'>
var addthis_product = "blg";
document.doAT = function(cl)
{
var myclass = new RegExp('hentry');
var myTitleContainer = new RegExp('post-title');
var myPostContent = new RegExp('post-footer');
var elem = this.getElementsByTagName('div');
var url;
var title = "";
for (var i = 0; i < elem.length; i++)
{
var classes = elem[i].className;
if (myclass.test(classes))
{
var container = elem[i];
url = window.location.href;
for (var b = 0; b < container.childNodes.length; b++)
{
var item = container.childNodes[b].className;
if (myTitleContainer.test(item))
{
var link = container.childNodes[b].getElementsByTagName('a');
if (typeof(link[0]) != 'undefined')
{
var url = link[0].href;
var title = link[0].innerHTML;
}
var singleq = new RegExp("'", 'g');
var doubleq = new RegExp('"', 'g');
title = title.replace(singleq, ''', 'gi');
title = title.replace(doubleq, '"', 'gi');
}
if (myPostContent.test(item))
{
var footer = container.childNodes[b];
}
}
var n = document.createElement('div');
var at = "<div class='addthis_toolbox addthis_default_style ' addthis:title='"+title+"' addthis:url='"+encodeURI(url)+"' > <a class='addthis_button_preferred_1'></a> <a class='addthis_button_preferred_2'></a> <a class='addthis_button_preferred_3'></a> <a class='addthis_button_preferred_4'></a> <a class='addthis_button_compact'></a> <a class='addthis_counter addthis_bubble_style'></a> </div> ";
n.innerHTML = at;
container.insertBefore(n , footer);
}
}
return true;
};
document.doAT('hentry');
</script>
انتهى الموضوع والى موضوع اخر بحول الله
نرجو ان تكون الاضافة نالت اعجاب الجميع
ابو ادم
Sample Links
[ لوحة التحكم شبكة اجيال السلام]
