لكل الاجيال | جديد واخبار التقنية

اضافة خاصية واداة مواضيع دات صلة مع هدية ايقونات المواقع الاجتماعية

كاتب الموضوع kasb يوم الأحد، 21 يوليو 2013 0 التعليقات

زووار ومتتبعي شبكة اجيال السلام

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

تجعل الزائز يبقى لمدة اطول ويتصفع المواضيع دات صلة بالموضوع الدي يبحت عنه

وهده الخاصية يحبدها جميع اصحاب المواقع وحتى الزوار ترشدهم على مواضيع من الصنف الدي هو يبحت

عنه ولهدا انا واعود بقول انا اردت ان اتطرق الى هده الخاصية او الاداة المقصودة وهي اداة مواضيع دات صلة او مماتلة

ومعها هدية اخرى وهي ايضا تحتاجها المدونة والمدون والزائر بحد داته ليعبر عن اعجابه بالموضوع

وهي ايقونات المواقع الاجتماعية

بدون اطالة اليكم صورة من الخاصية

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

صورة الاداة

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

اولا ادخل على قائمة مدونتك

تانيا ادخل على القالب

تالتا خد نسخة احتياطية حتى لا تقع اي في اي مشكل

رابعا تحرير html

خامسا ادغط على سهم توسيع القالب

سادسا ادغط (CTRL+F) ابحت عن الكود التالي :

</head>

تم الصق الكود التالي فوقه مباشرة

<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzge4CSw9St7ofK_pvE8e3afnAHqKLrOrBB5n7vO6bs4QFCGmADcjMQaZIy043uRxGMg4RthlgJStArtZMWIrq4TctJEmhPZE2BVoZyFQ3KaTXcCixA5KE8sd4NZFPBnINNlwGewOu0VY/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="مواضيع ذات صلة ";
</script>
<script src='http://egymodern.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>
</b:if>


تم ابحت عن الكود اسفله

<div class='post-footer-line post-footer-line-1'>

قد تجد هدا الكود مكرر مرتين التاني هو المقصود
ضع تحته الكود التالي:

</div>

      <div class='post-footer-line post-footer-line-2'>
<b:if cond='data:blog.pageType == "item"'>
      <span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
          </b:loop>
        </b:if>
      </span></b:if>
      </div>

<b:if cond='data:blog.pageType == "item"'>
<div class='socialshare'>
<p>ساهم في نشر الموضوع للفائدة: </p>
<ul>
<li style='margin:0 -19px 0 0px;'><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width : 100px; height:21px;'/>
</li>
<li style='margin:0pt 0px 0pt 15px;'><a class='twitter-share-button' data-count='horizontal' data-via='EfadaBlog' href='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'/>
</li>
<li style='margin:0pt 0px 0pt 20px;'>
<script src='http://platform.linkedin.com/in.js' type='text/javascript'/>
<script data-counter='left' data-url='http://www.Efada.net' type='IN/Share'/>
</li>
<li style='margin:0pt 5px 0pt 15px;'>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone size='medium'/></li>
<li style='margin:0pt 0px 0pt 2px;'>
<script src='http://www.stumbleupon.com/hostedbadge.php?s=1'/>
</li>
</ul>

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div><div style='clear:both'/>
</b:if>

<b:if cond='data:blog.pageType == "item"'>

ارجو ان تروق هده الخاصية كل الفئات
مع اطيب متمنياتي لكم بالود والمحبة والاخاء
اخوكم في الله ابو ادم
اي اسفسار فشبكة اجيال السلام دائما رهن اشارتكم
ومن اراد مراسلتنا فليتفضل من هنا

شرح وطريقه وهاك اداة المشاركة بالبريد الاليكتروني لمدونة بلوجر

كاتب الموضوع kasb يوم السبت، 20 يوليو 2013 0 التعليقات

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

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

احبائي الكرام ها انا دا اتيتكم اليوم باضافة لا بد لها ان تكون بكل مدونة ناجحة

او مبتدئة لتساعدها على النهوض والولوج الى الواجهة وهده الاداة التي اتكلم عليها وهي

اداة المشاركة البريدية ومن خلالها تبقى المدونة ترسل للمشاركين ما شاركته في الاونة الاخيرة

ليطلعو عليه وتربح زوار دائمين وارشفة قوية وصداقة محركات البحت

تم تخفيض ترتيب المدونة في اليكسة

صورة الاداة

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

كود الاداة

<style>
#mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1a2638));;border:1px
solid #1A2638;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #1a2638)}
#mbt-sub-box h1{margin-top:5px; color:#FFF;font-family:georgia;font-size:14px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px}
#mbt-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:10px 10px 10px 10px;font-size:12px;padding:10px;text-shadow:1px 1px 0 #FFF;width:180px; color:#666; font-family:georgia; margin-bottom:5px;}
#mbt-sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#6CB5FF), to(#6CB5FF));background: -moz-linear-gradient(center top , #4D8DEE, #005CE6) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:120px; font-family:georgia; margin-left:5px;}
#mbt-sub-box .submit:hover{background: -moz-linear-gradient(center top , #6CB5FF, #6CB5FF) repeat scroll 0 0 transparent}
#mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #6CB5FF, #6CB5FF) repeat scroll 0 0 transparent}
</style>
<b:if cond='data:blog.pageType == "item"'>
<div id='mbt-sub-box'><h1>أشترك ليصلك جديد الدروس والمواضيع!</h1><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=ajyal', 'popupwindow', 'scrollbars=yes,width=550,height=520');r eturn true' rel='nofollow' target='popupwindow'><center> <input name='email' onblur='if (this.value == "") {this.value = "أدخل البريد الإلكتروني ...";}' onfocus='if (this.value == "أدخل البريد الإلكتروني ...") {this.value = ""}' size='30' type='text' value='أدخل البريد الإلكتروني ...'/>
<input name='uri' type='hidden' value='ajyal'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='أشترك'/></center></form></div>
</b:if>

لتركيب اطلع على هدا الدرس

كيفية تركيب اداة جديدة في قالب مدونة بلوغر

شرح كيفة اضافة اداة اخر التعليقات بشكل انيق لمدونة بلوجر

كاتب الموضوع kasb يوم 0 التعليقات

السلام على من اتبع الهدى

اخواني اخواتي متتبعي شبكة اجيال السلام

مرحبا بكم ومسائكم سعيد

في هدا الموضوع ان شاء الله ساتطرق الى اضافة اداة اخر التعليقات لمدونة بلوجر

بتنسيق جميل وراقي ويضهر لك صورة المعلق وتعليقه

وهده صورة الاداة

كود الادة

<style type="text/css">

ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}

.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}

</style>

<script type="text/javascript">

//<![CDATA[

// Recent Comments Settings

var

numComments = 5,

showAvatar = true,

avatarSize = 50,

roundAvatar = true,

characters = 40,

showMorelink = false,

moreLinktext = "إقرأ المزيد »",

defaultAvatar = "http://www.h-online.com/imgs/43/7/8/4/4/3/9/anonymous_or_80-f288c17fbe12ecd1.png",

hideCredits = false;
//]]>
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>

<script type="text/javascript" src="http://ajyal-s.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=3"></script>

اما طريقة التركيب كما تعودنا داءما

كما يمكنكم تغير عنوان شبكة اجيال السلام برابط مدونتكم

من لا يعرف الطرقة فليتفضل هنا

كيفية تركيب اداة جديدة في قالب مدونة بلوغر

ارجو ان تنال الاداة اعجابكم وان تكونو وجدتم مبتغاكم

اخوكم في الله ابو ادم

اقوى واحسن برنامح لتحميل الملفات باخر اصداره idm 2013

كاتب الموضوع kasb يوم 0 التعليقات

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

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

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

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

بسرعة جنونية وتتجاوز 500% مع هدا البرنامج حمل ملفاتك بكل راحة وسرور

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

اترككم مع صورة للبرنامج والتحميل ...

اسم البرنامج

IDM 6.17 Build 5 Final.By.vibration

صورة البرنامج

توافق البرنامج

تحميل البرنامج

البرنامج غير مجاني لكن لا تخف لقد تم ارفاق الكراك مع البرنامج

ارجو ان يكون الموضوع قد نال اعجاب الجميع

تحياتي وابو ادم

قالب بلوجر معدل ومطور بشكل انيق وجداب

كاتب الموضوع kasb يوم الأربعاء، 17 يوليو 2013 0 التعليقات

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

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

صور القالب

مميزات القالب

معرب و مطور بطريقة احترافية.

يحتوي على أحدث الإضافات.

القالب مجهز تماما لمصادقة محركات البحث و تحقيق الإنتشار.

قائمه علويه أعلى هيدر المدونه أنيقة الشكل جدا.

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

يحتوى على إضافة ترقيم الصفحات بشكل أنيق ومميز.

تستطيع وضع بانر اعلانى أو إعلانات أدسنس مقاس 468 * 60 بجوار الهيدر.

قائمة أفقية جميلة إسفل هيدر ، تحتوي على أزرار تابعنا على المواقع الاجتماعية ، و بالجانب مربع أقسام المدونة وإضافة القائمة البريدية بشكل جداب و أنيق.

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

إضافة صندوق المشاركة لنشر مواضيع الموقع على الشبكات الاجتماعية.

معلومات عن القالب

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

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

المصدر:

زوار شبكة اجيال السلام تحية ود ومحبة واحترام

اكيد تبحت عن قالب لتنير مدونة وتميزها عن الباقي

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

اترككم مع الصور والتحميل تم المعاينة

قالب شخابيط العربى

معاينة القالب | تحميل القالب

مميزات القالب

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

معايــنة تحمــيل

سحابة

صورة الاداة

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

اولا ادخل على قائمة مدونتك

تانيا ادخل على القالب

تالتا خد نسخة احتياطية حتى لا تقع اي في اي مشكل

رابعا تحرير html

خامسا ادغط على سهم توسيع القالب

سادسا ادغط (CTRL+F) ابحت عن الكود التالي :

وهده صورة الاداة

كود الادة

ارجو ان تنال الاداة اعجابكم وان تكونو وجدتم مبتغاكم

اخوكم في الله ابو ادم

اسم البرنامج

صورة البرنامج

توافق البرنامج

تحميل البرنامج

صور القالب

مميزات القالب

معرب و مطور بطريقة احترافية.

يحتوي على أحدث الإضافات.

القالب مجهز تماما لمصادقة محركات البحث و تحقيق الإنتشار.

قائمه علويه أعلى هيدر المدونه أنيقة الشكل جدا.

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

يحتوى على إضافة ترقيم الصفحات بشكل أنيق ومميز.

تستطيع وضع بانر اعلانى أو إعلانات أدسنس مقاس 468 * 60 بجوار الهيدر.

قائمة أفقية جميلة إسفل هيدر ، تحتوي على أزرار تابعنا على المواقع الاجتماعية ، و بالجانب مربع أقسام المدونة وإضافة القائمة البريدية بشكل جداب و أنيق.

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

إضافة صندوق المشاركة لنشر مواضيع الموقع على الشبكات الاجتماعية.

معلومات عن القالب

مميزات القالب

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

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

قائمه أفقيه سهله وجميله أسفل رأس المدونه.

خاصية إقرء المزيد الأوتوماتيكيه مع المصغرات للصور بشكل جذاب جدا.

فوتر القالب به ثلاثة أعمده منسقه ومميزه.

القالب سهل فى التعامل وسريع فى التحميل وليس به أى أخطاء.

Sample Links

[ لوحة التحكم شبكة اجيال السلام]

اكتر مواضيع مشاهدة على اجيال

Categories

Tags 1

من أنا

Blog Archive

Translate

أرشيف اجيال السلام

Download

انضم لقائمة اعضاء اجيال