الثلاثاء، 22 يناير 2013

قالب blue android لمدونات الاندرويد

7:03 ص  صلاح  لا يوجد تعليقات




السلام عليكم ورحمه الله وبركاته اطرح لكم اليوم قالب لمدونات الاندرويد من تعريب وتطوير بلوجر فيس العرب و معهد خبراء بلوجر  القالب مميز وبسيط في شكله بإذن الله سيعجبكم القالب ....

تخصيص اللوجو :
اللوجو كمعظم القوالب يتم التحكم فيه عن طريق أداة ' رأس الصفحة ' .
تخصيص السلايد شو :

الدخول إلى لوحة التحكم -> تخطيط -> تحرير HTML. قم بتوسيع قوالب عناصر واجهة المستخدم .
( إستخدم أداة البحث Ctrl + F ) إبحث الآن إلى أسفل إلى حيث ترى الكود التالي :
<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLhb2_HsnOBY2NzMt9CFiDjrNsWzx1YUBbWnChN8899sC-sUk4ehyphenhyphenitEMxKkS3tffcdStLhVn30egI-NTWKo9GJrpRVxxj6ncjjIbq5NeaZnBuDIpfg6Jn5GQbVXn7eiksBdTY-wUxlPI/s1600/1.jpeg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='رابط الموضوع الاول'>اسم الموضوع الاول</a>
</h3>
<p>
الوصف
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 1 Code End -->

<!-- Slide 2 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivBRtbEJGB-Qg8cR2kqhGhEVWh6pqslLse9j-ngZO4GgMmiotqe8-Wc7X6VQpo8qHUuT5BtqxCxroXLxU-aLccgUMptC6C8Dz1c4eYa3sw9HCIA_vlo0EFYULMPDLi13poT3-tkJjXtrQ/s1600/2.png'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='رابط الموضوع الثاني'>اسم الموضوع الثاني</a>
</h3>
<p>
الوصف
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 2 Code End -->

<!-- Slide 3 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6x5lVyJNYtHyZiazoi4360cW5-99sQVJpPBiCnC7IKzHBx_PDLIzEMA7w6aYfBY73V4uHlzOHiqayIhNG2ZeRr1bkW9jrbS_rqqm16jRFO_EInOmiohJFgE-iy1B1HsY3NJ0xN5Xm9yY/s1600/3.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='رابط الموضوع الثالث'>اسم الموضوع الثالث</a>
</h3>
<p>
الوصف</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 3 Code End -->

شرح الكود :
  • الاحمر كود رابط الصور .
  • الاخضر لتعديل رابط الموضوع .
  • البرتقالي لتعديل اسم الموضوع .
  • الاسود لتعديل وصف الموضوع .

تخصيص الفوتر :
الدخول إلى لوحة التحكم -> تخطيط -> تحرير HTML. قم بتوسيع قوالب عناصر واجهة المستخدم .
( إستخدم أداة البحث Ctrl + F ) إبحث الآن إلى أسفل إلى حيث ترى الكود التالي :

#FFFFFF;'>مواقع صديقه</span></p>
        <ul style='padding-right: 20px;'>
        <li style='text-align: justify;'><a href='http://face-alarab.blogspot.com/'>بلوجر فيس العرب</a><br/></li>
        <li style='text-align: justify;'><a href='http://www.bloggerexp.com/'>معهد خبراء بلوجر</a><br/></li>
        </ul>
    </div><div class='pbt-layout-cell' style='width :  25%'>
        <p style='font-size: 29px; font-family:oswald;text-align: justify; padding-right: 40px;'><span style='color: #FFFFFF;'>TAG</span></p>
        <ul style='padding-right: 40px;'>
        <li style='text-align: right;'><a href='رابط '>Map</a></li>
        <li style='text-align: right;'><a href='رابط'>Address</a></li>
        <li style='text-align: right;'><a href='رابطk'>اتصل بنا</a></li>
        <li style='text-align: right;'><a href='رابطk'>تعديل</a></li>
        </ul>
    </div><div class='pbt-layout-cell' style='width :  25%'>
        <p style='font-size: 29px; font-family:oswald;text-align: justify; padding-right: 40px;'><span style='color: #FFFFFF;'>عن المدونة</span></p>
        <ul style='padding-right: 40px;'>
        <li style='text-align: justify;'><a href='رابط'>Welcome</a><br/></li>
        <li style='text-align: justify;'><a href='رابط'>People</a><br/></li>
        <li style='text-align: justify;'><a href='رابط'>Management</a></li>
        <li style='text-align: right;'><a href='رابطk'>تعديل</a></li>
        </ul>
    </div><div class='pbt-layout-cell' style='width :  25%'>
        <p style='font-size: 29px; font-family:oswald;text-align: justify; padding-right: 40px;'><span style='color: #FFFFFF;'>تعديل</span></p>
        <ul style='padding-right: 40px;'>
        <li style='text-align: justify;'><a href='رابط'>Sport</a><br/></li>
        <li style='text-align: justify;'><a href='رابطk'>تعديل</a><br/></li>
        <li style='text-align: justify;'><a href='رابطk'>تعديل</a></li>
        <li style='text-align: right;'>Movies<a href='رابطk'/>تعديل</li>
        </ul>
    </div>
    </div>
</div>

</div>
شرح الكود :
  • الاحمر اسم القسم .
  • الازرق لتعديل اسم الموضوع ورابطه .

                                       معاينه القالب  لتحميل القالب


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

                      أخذ مني التعريب وقتا كبيرا ولن أسامح أبدا من يحذف حقوق التعريب

الكاتب : أسامة بويردن

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

Posted in: ,,

0 التعليقات:

إرسال تعليق