سحابة
- اجيال اشهار المواقع
- اجيال اضافات بلوجر
- اجيال اقول وحكم
- اجيال الارشفة سيو SEO
- اجيال الاعشاب والصحة
- اجيال الاندرويد
- اخبار جوجل
- اضافات بلوغر
- الاندرويد
- السياقة
- العاب الكمبيوتر Pc
- المواقع الاجتماعية
- باك لينكس
- برامج الكمبيوتر
- برامج الهواتف الدكية
- بلوجر
- بيج رانك
- تطبيقات
- تويتر
- جلب الزوار
- جوجل بلاي
- خدمات
- دروس بلوجر
- رسائل قصيرة
- رسائل مجانية
- روائع الصور
- سلايدر
- سيارة التعليم
- شروحات البرامج
- صور اجيال مكتوب عليها 2014
- صور فتوغرافية
- فيس بوك
- قوالب معربة
- كتاب pdf
- كتب
- مدونة بلوجر
- مواضيع عامة
- مواقع مهمة
- مونديال البرازيل 2014
- نسخ ولسق
- واتس اب
- وظائف
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
زوار ومتتبعي واعضاء شبكة اجيال السلام حللتم اهلا واقدمتم سهلا
ما ارت ان اخبركم اليو وهو كما لا حضنا في لاونة الاخيرة الكل بدى يهتم ويستعمل
الهواتف الدكية لتصفح على النت والمواقع ولهدا فكرت شبكت اجيال السلام اطلاق نسختها الاولى التجريبية للاندرويد والايفون
لتسهل عملية الولوج على متتبعيها وهده هي النسخة التجريبية
من اراد التجرب فمرحبا
صورة التطبيق
ارجو ان تنال اعجاب الجميع وتجريب معنا هده النسخة وان شاء الله ستكون نسخ اخري
مطورة واكتر جمل ورونق
بسم الله الرحمن الرجيم
السلام عليكم ورحمة الله وبركاته
اخواني اخواتي متتبعي شبكة اجيال السلام
كما وعدناكم دائما بالجديد والمفيد
واليوم اتيتكم بخاصية جميلة وهي ان تترك كل زائر على اختيار لونه المفضل
من غير اللون الرئيسي للمدونة
والاداة تحتوي على تسعة الوان جميلة ورائعة وسهلة في تركيبها
دون الولوج الى القالب
تابع معي..
صور للخاصية او الاضافة
كود الاداة
<div class="widget-content">
<center><b>إختر لونك المفضل</b></center>
<br/>
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table border="15" width="120%" height="70">
<tbody><tr>
<td onclick="bgChange('#8B008B')" bgcolor="#8B008B">
</td>
<td onclick="bgChange('#9400D3')" bgcolor="#9400D3">
</td>
<td onclick="bgChange('#008080')" bgcolor="#008080">
</td>
<td onclick="bgChange('#808080')" bgcolor="#808080">
</td>
<td onclick="bgChange('#CD853F')" bgcolor="#CD853F">
</td>
<td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F">
</td>
<td onclick="bgChange('#DC143C')" bgcolor="#DC143C">
</td>
<td onclick="bgChange('#4B0082')" bgcolor="#4B0082">
</td>
<td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A">
</td>
</tr></tbody></table>
</div>
طريقة تركيب الاداة
اولا ادخل على اعدادات مدونتك
تانيا تخطيط
تالتا اضافة اداة جديدة
تم اصق الكود التالى واحفظ
ومبارك عيك الاداة
ومن تعسر عليه تركيبه بليتابع هدا الموضوع شرح مفصل
كيفية تركيب اداة جديدة في قالب مدونة بلوغر
السلام على كل احبتي واخوتي في الله
ومتتبعي شبكة اجيال السلام الاعزاء
موضوعنا اليوم وهو اضافة فهرس للمدونة متل الدي على شبكة اجيال السلام
فهرس رائع وبتقنية 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"'>
مع اطيب متمنياتي لكم بالود والمحبة والاخاء
اخوكم في الله ابو ادم
اي اسفسار فشبكة اجيال السلام دائما رهن اشارتكم
ومن اراد مراسلتنا فليتفضل من هنا