السلام على كل احبتي واخوتي في الله
ومتتبعي شبكة اجيال السلام الاعزاء
موضوعنا اليوم وهو اضافة فهرس للمدونة متل الدي على شبكة اجيال السلام
فهرس رائع وبتقنية css .
كود الاضافة
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijA83QyHncohqMYVwNFyyVQZKzHDVSIZImq4whyphenhyphenjm-7kHdix6t7YcS77ay38gN2IartrETKCeIc0qdP0kGxc1bw1WvA34WGQnNPv9vWqDsdQBpgKVnLQyU-LqciBh6QQWAPb2sbV3vYgc/s1600/%25D9%2581%25D9%2587%25D8%25B1%25D8%25B3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijA83QyHncohqMYVwNFyyVQZKzHDVSIZImq4whyphenhyphenjm-7kHdix6t7YcS77ay38gN2IartrETKCeIc0qdP0kGxc1bw1WvA34WGQnNPv9vWqDsdQBpgKVnLQyU-LqciBh6QQWAPb2sbV3vYgc/s1600/%25D9%2581%25D9%2587%25D8%25B1%25D8%25B3.png" /></a></div>
<div style="text-align: center;">
<br /></div>
</div>
<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://ajyal-s.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script></div>
طريقة التركيب
اولا ادهب الى قائمة الاعددات المدونة
تانيا الصفحات
تم اضافة صفحة جديدة
تم غير من المؤلف الى html
وانسخ الكود وظعه هناك
مع تغير رابط شبكة اجيال السلام باللون الاحمر برابط مدونتك
وتغير ما باللون الازرق برابط صورة لديك
تم احفض المشاركة
ومبارك عليك الفهرس
والى هنا انتهي من هدا الدرس والى درس اخر بادن الله
اي اسفسار نحن رهن اشارتكم
اهلا ومرحبا بمتتبعي الشبكة الكرام
اكيد كل واحد يحلم بان تكون له مدونة منسقة وبشكل انيق ومميز عن المدونات الاخرى
ولهدا يبحت عن قالب جميل واضافات تزيدة رونق وجمال
ولهدا انا احضرت لاحبائي الكرام كود لاضافة جميلة ومميزة لتنسق بها العناوين
وتكون منضمة بشكل لا ئق
على فكرة فهده الاضافة تكون داخل المواضيع
صورة من الاضافة
والان نأتي الى طريقة تركيب الاداة او الخاصية
طريقة التركيب
اولا ادخل على قائمة مدونتك
تانيا ادخل على القالب
تالتا خد نسخة احتياطية حتى لا تقع اي في اي مشكل
رابعا تحرير html
خامسا ادغط على سهم توسيع القالب
سادسا ادغط (CTRL+F) ابحت عن الكود التالي :
]]></b:skin>
تم ضع الكود التالي فوقه
.post h2 {
background: #0085FA;background: -moz-linear-gradient(top,#46B3F9 ,#0085FA);background: -webkit-linear-gradient(top,#46B3F9,#0085FA);
color: #ffffff;
font-size: 19px;
font-weight: bold;
padding:4px;
border-right:5px solid #035FAF;
border-left:5px solid #035FAF;
border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
box-shadow: 0 1px 3px #999;
}
.post h4 {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3tQ_RxO7Xb0UMXawzXxF4W6U-0A_sbatwducCXsRQieirCklMbQ99n4pzP9MCN8Dgi3TaUsMJIrIFTFlLtC9GQUGkmiOTDXGbL-jvPqNYYRchqYns3UDsHL3IItEGEuf3vAYbqvYZlLg/s20/correct_png.png") no-repeat scroll right center transparent;
color: #000;
font-size: 17px;
font-weight: bold;
padding-right:25px;
text-shadow: 0 2px 2px #000;
}
ويمكنك التغير فيها لتناسب مع قالب مدونتك
بـ ما باللو ن الازرق فهو لون خلفية الاداة
كما يمكنك تغير الصورة باللون الاحمر الصورةطريقة الاستعمال
انضر الصور
تحياتي للجميع..
زووار ومتتبعي شبكة اجيال السلام
اهلا ومرحبا بكم معنا في هدا الدرس والدي سنتطرق الى اضافة
تجعل الزائز يبقى لمدة اطول ويتصفع المواضيع دات صلة بالموضوع الدي يبحت عنه
وهده الخاصية يحبدها جميع اصحاب المواقع وحتى الزوار ترشدهم على مواضيع من الصنف الدي هو يبحت
عنه ولهدا انا واعود بقول انا اردت ان اتطرق الى هده الخاصية او الاداة المقصودة وهي اداة مواضيع دات صلة او مماتلة
ومعها هدية اخرى وهي ايضا تحتاجها المدونة والمدون والزائر بحد داته ليعبر عن اعجابه بالموضوع
وهي ايقونات المواقع الاجتماعية
بدون اطالة اليكم صورة من الخاصية
وللمعاينة هي موجودة على شبكة اجيال السلام اسفل الموضوع
صورة الاداة
طريقة التركيب و كود الاداة
اولا ادخل على قائمة مدونتك
تانيا ادخل على القالب
تالتا خد نسخة احتياطية حتى لا تقع اي في اي مشكل
رابعا تحرير html
خامسا ادغط على سهم توسيع القالب
سادسا ادغط (CTRL+F) ابحت عن الكود التالي :
</head>تم الصق الكود التالي فوقه مباشرة
<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><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'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
تم ابحت عن الكود اسفله
<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>
<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><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'/>
<!-- remove --></b:if>
<!-- Related Posts with Thumbnails Code End-->
<b:if cond='data:blog.pageType == "item"'>
مع اطيب متمنياتي لكم بالود والمحبة والاخاء
اخوكم في الله ابو ادم
اي اسفسار فشبكة اجيال السلام دائما رهن اشارتكم
ومن اراد مراسلتنا فليتفضل من هنا
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
احبائي الكرام ها انا دا اتيتكم اليوم باضافة لا بد لها ان تكون بكل مدونة ناجحة
او مبتدئة لتساعدها على النهوض والولوج الى الواجهة وهده الاداة التي اتكلم عليها وهي
اداة المشاركة البريدية ومن خلالها تبقى المدونة ترسل للمشاركين ما شاركته في الاونة الاخيرة
ليطلعو عليه وتربح زوار دائمين وارشفة قوية وصداقة محركات البحت
تم تخفيض ترتيب المدونة في اليكسة
صورة الاداة
وللمعاينة فهي موجودة على شبكة اجيال السلام
كود الاداة
<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>
لتركيب اطلع على هدا الدرس
كيفية تركيب اداة جديدة في قالب مدونة بلوغر
السلام على من اتبع الهدى
اخواني اخواتي متتبعي شبكة اجيال السلام
مرحبا بكم ومسائكم سعيد
في هدا الموضوع ان شاء الله ساتطرق الى اضافة اداة اخر التعليقات لمدونة بلوجر
بتنسيق جميل وراقي ويضهر لك صورة المعلق وتعليقه
وهده صورة الاداة
كود الادة
<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 SettingsvarnumComments = 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>
اما طريقة التركيب كما تعودنا داءما
كما يمكنكم تغير عنوان شبكة اجيال السلام برابط مدونتكم
من لا يعرف الطرقة فليتفضل هنا
كيفية تركيب اداة جديدة في قالب مدونة بلوغر
ارجو ان تنال الاداة اعجابكم وان تكونو وجدتم مبتغاكم
اخوكم في الله ابو ادم
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
متتبعي شبكة اجيال السلام مرحبا بكم في هدا الموضوع الشيق
والدي من خلاله اقدم لكم احسن واقوى برنامج على الاطلاق الدي يحمل الملفات
بسرعة جنونية وتتجاوز 500% مع هدا البرنامج حمل ملفاتك بكل راحة وسرور
وداعم لجميع المتصفحات والمواقع حتى اليوتيوب ويدعم الاستكمال حتى ولو انقطع عندك النت او يمكنك ايقاف واستكمال
التحميل في الغد او حتى اسبوع ليس هناك من مشكل والكتير الكتير اترككم تكتشفونه بانفسكم
وزيادة على دالك البرناج ليس بالمجان لكن تم ارفاق ملف التفعيل مع البرنامج ليدوم مدة كانه مدفوع
التحميل في الغد او حتى اسبوع ليس هناك من مشكل والكتير الكتير اترككم تكتشفونه بانفسكم
وزيادة على دالك البرناج ليس بالمجان لكن تم ارفاق ملف التفعيل مع البرنامج ليدوم مدة كانه مدفوع
اترككم مع صورة للبرنامج والتحميل ...
اسم البرنامج
IDM 6.17 Build 5 Final.By.vibration
صورة البرنامج
توافق البرنامج
تحميل البرنامج
البرنامج غير مجاني لكن لا تخف لقد تم ارفاق الكراك مع البرنامج
ارجو ان يكون الموضوع قد نال اعجاب الجميع
تحياتي وابو ادم
Sample Links
[ لوحة التحكم شبكة اجيال السلام]
