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

كاتب الموضوع kasb يوم الاثنين، 22 يوليو 2013 2 التعليقات
بسم الله الرحمن الرحيم 
السلام عليكم ورحمة الله وبركاته
زوار ومتتبعي واعضاء شبكة اجيال السلام حللتم اهلا واقدمتم سهلا
ما ارت ان اخبركم اليو وهو كما لا حضنا في لاونة الاخيرة الكل بدى يهتم ويستعمل 
الهواتف الدكية لتصفح على النت والمواقع ولهدا فكرت شبكت اجيال السلام اطلاق نسختها  الاولى التجريبية للاندرويد والايفون
لتسهل عملية الولوج على متتبعيها وهده هي النسخة التجريبية
من اراد التجرب فمرحبا 
صورة التطبيق


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


إقرأ المزيد

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

كاتب الموضوع kasb يوم الأحد، 21 يوليو 2013 0 التعليقات
زوارنا الكرام مرحبا بكم 
بمناسبة هدا الشهر الكريم ساقدم لكم تطبيق للاندرويد
رائع ومميز ويحتوي على فتاوي مهمة لكل مسلم ومسلمة الاطلاع عليها
وبعد الفتاوي التي تهم الصائم
والاسئلة الشائعة لصائمين واجوبتها
هده صورة الواجهة وبعد الصور اخرى




  
لتحميل التطبيق


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

صور للخاصية او الاضافة


كود الاداة

<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

كاتب الموضوع kasb يوم 0 التعليقات
السلام على كل احبتي واخوتي في الله 
ومتتبعي شبكة اجيال السلام الاعزاء
موضوعنا اليوم وهو اضافة فهرس للمدونة متل الدي على شبكة اجيال السلام
فهرس رائع وبتقنية 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&amp;alt=json-in-script&amp;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;
}

ويمكنك التغير فيها لتناسب مع قالب مدونتك
بـ ما باللو ن الازرق فهو لون خلفية الاداة
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3tQ_RxO7Xb0UMXawzXxF4W6U-0A_sbatwducCXsRQieirCklMbQ99n4pzP9MCN8Dgi3TaUsMJIrIFTFlLtC9GQUGkmiOTDXGbL-jvPqNYYRchqYns3UDsHL3IItEGEuf3vAYbqvYZlLg/s20/correct_png.pngكما يمكنك تغير الصورة باللون الاحمر الصورة

 طريقة الاستعمال

 انضر الصور

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

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

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

صورة الاداة




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

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

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

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

رابعا تحرير html

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

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



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

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<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, &#8220;Times New Roman&#8221;, 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 == &quot;item&quot;'>
      <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 != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span></b:if>
      </div>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='socialshare'>
<p>ساهم في نشر الموضوع للفائدة: </p>
<ul>
<li style='margin:0 -19px 0 0px;'><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' 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 == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<!-- Related Posts with Thumbnails Code End-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
ارجو ان تروق هده الخاصية كل الفئات
مع اطيب متمنياتي لكم بالود والمحبة والاخاء
اخوكم في الله ابو ادم
اي اسفسار فشبكة اجيال السلام دائما رهن اشارتكم
ومن اراد مراسلتنا فليتفضل من هنا
إقرأ المزيد

Sample Links

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

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

جميع الحقوق محفوظة لــ شبكة اجيال السلام سياسة الخصوصية | شروط الإستخدام | إدعمنا