مساحة إعلانية

الأربعاء، 13 فبراير، 2013

الأربعاء، 13 فبراير، 2013

قالب Android Phone لمدونات تقنيات الهواتف

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


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

  1. القالب خفيف وصديق لمحركات البحث
  2. يحتوي القالب على قائمة أفقية
  3. ويحتوي على سلايدر خفيف وأنيق
  4. تم إضافة أكواد Meta Tag ويمكن البحث عن كلمة تعديل في اول القالب وتغييرها
  5. تم إضافة أزرار المشاركة الإجتماعية بشكل يتناسب مع القالب
  6. يحتوي على فوتر بثلاث أدوات

التركيب 

لتعديل القائمة الأفقية إبحث عن الأكواد التالية وغيرها



<li><a href='http://cnmu.blogspot.com/'>تعديل</a></li>

<li><a href='http://cnmu.blogspot.com/'>تعديل</a></li>

<li><a href='http://cnmu.blogspot.com/'>تعديل</a></li>

<li><a href='http://cnmu.blogspot.com/'>تعديل</a></li>

<li><a href='http://cnmu.blogspot.com/'>تعديل</a></li>

<li><a href='http://cnmu.blogspot.com/'>تعديل</a></li>

<li><a href='http://cnmu.blogspot.com/'>تعديل</a></li>

<li><a href='http://cnmu.blogspot.com/'>تعديل</a></li>

<li><a href='http://cnmu.blogspot.com/'>تعديل</a></li>

<li><a href='http://cnmu.blogspot.com/'>تعديل</a></li>

<li><a href='http://cnmu.blogspot.com/'>تعديل</a></li>

<li><a href='http://cnmu.blogspot.com/'>تعديل</a></li>

<li><a href='http://cnmu.blogspot.com/'>تعديل</a></li>

ولتعديل السلايد قم بتحرير الأكواد التالية

<h2 class='stitle'><a href='رابط الموضوع الأول'>عنوان الموضوع الأول</a></h2>
           
<p>وصف الموضوع الاول</p>
           
</div>
           
<div class='showcase-thumbnail'>
           
<img class='slimage full noalign' height='75' src='https://lh4.googleusercontent.com/-3w3YvO1ASwM/URj-JBvjFpI/AAAAAAAAAmU/7BLZh1Qq718/s638/captureht.jpg' width='140'/>            </div>   
</div>
       
<div class='showcase-slide'>           
<div class='showcase-content'>
           
<img class='slimage full noalign' height='305' src='http://3.bp.blogspot.com/-kPShjHrFZhY/T03-rJ8nuPI/AAAAAAAACi4/n31gFPEZDfA/s1600/2.jpg' width='650'/>           

</div>
           
<div class='showcase-caption'>
       
<h2 class='stitle'><a href='رابط الموضوع الثاني'>عنوان الموضوع الثاني</a></h2>
           
<p>وصف الموضوع الثاني</p>
     
</div>       
<div class='showcase-thumbnail'>
           
<img class='slimage full noalign' height='75' src='http://3.bp.blogspot.com/-kPShjHrFZhY/T03-rJ8nuPI/AAAAAAAACi4/n31gFPEZDfA/s1600/2.jpg' width='140'/></div>
       
</div>
       
<div class='showcase-slide'>           
<div class='showcase-content'>
           
<img class='slimage full noalign' height='305' src='http://2.bp.blogspot.com/-yMl8O4U4t9E/T03-x5qLb0I/AAAAAAAACjE/7mWiNdjIUs0/s1600/3.jpg' width='650'/>           
</div>
           
<div class='showcase-caption'>
          
<h2 class='stitle'><a href='رابط الموضوع الثالث'>عنوان الموضوع الثالث</a></h2>
           
<p>وصف الموضوع الثانلث</p>
           
</div>       
<div class='showcase-thumbnail'>
           
<img class='slimage full noalign' height='75' src='http://2.bp.blogspot.com/-yMl8O4U4t9E/T03-x5qLb0I/AAAAAAAACjE/7mWiNdjIUs0/s1600/3.jpg' width='140'/>            </div>
       
</div>       
<div class='showcase-slide'>
       
<div class='showcase-content'>
      
<img class='slimage full noalign' height='305' src='https://lh6.googleusercontent.com/-xE9TKxZ1K-Q/URj-GrRn0fI/AAAAAAAAAls/WE0i_FRiV70/s638/5264001892_224d991419_z.jpg' width='650'/>
           
</div>   
<div class='showcase-caption'>
           
<h2 class='stitle'><a href='رابط الموضوع الرابع'>عنوان الموضوع الرابع</a></h2>
           
<p>وصف الموضوع ارابع</p>
           

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

أيضا الصورة الأفقية الخاصة بشكل الهواتف هذا رابطها لمن أراد تغييرها

 https://lh5.googleusercontent.com/-__VQUfiX_so/URj-IR6HSiI/AAAAAAAAAmI/RQKONg1JEmg/s350/bg-android.png

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

هناك 25 تعليقًا:

  1. Hey nice one but how did you changed the sidebar from right to left

    ردحذف
  2. Hi Mark
    just convert these codes
    #sidebar-wrapper {float: left;width: 300px;}

    .main .widget { margin:10px 0;padding:0;}.main .Blog { border-bottom-width: 0;}#main {padding:10px 0 10px 0;}#main-wrapper {width:665px;float:right;}

    #content-wrapper-inner {background:#fff url() no-repeat scroll center top;float:left;width:670px;margin-right:4px;margin-top:4px;-moz-border-radius:1px; -khtml-border-radius:1px;}

    change
    float:right
    to
    float:left
    and
    float:left
    to
    float:right

    ردحذف
  3. هل اذا وضعت القالب سوف يظل الأسم هذا ( Android phone ) في القالب ؟؟؟

    وإذا لن يظل موجود هل يستطاع أن يتم إضافة صورة في الأعلى ؟؟
    ( صورة أبل )


    سؤال آخر هل هناك المزيد من قولب blogger لكن لأبل ؟

    ردحذف
    الردود
    1. بالنسبة لإسم Android phone لن يظل موجود بل سيصبح بإسم مدونتك
      أما إضافة صورة نعم يمكنك فعل ذلك بتعديل إضافة رأس الصفحة
      ونعم هناك العشرات من القوالب التي تحمل طابع لأبل

      حذف
  4. أنا شفت قالب لأبل لكن لو يكون عندك أكثر يكون أحسن
    وشكرا .

    ردحذف
    الردود
    1. أنا أحوال قدر الغمكان تعريب قوالب يكثر الطلب عليها
      وإن سمح لي الوقت قد اعرب قالب يحمل طابع شركة أبل
      تحياتي لك

      حذف
  5. شكراا لك أخي الكريم على القالب لكن كيف أقوم بحذف السلايد لأنني أريد تغببره

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

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

      حذف
  7. أنا عندما قلت (( هل يستطاع أن يتم إضافة صورة في الأعلى ؟؟ ))
    وأجبتني لم أعلم إذا كنت تقصد الذي اريده أم لا وهذهه صورة إلى مثال بالصورة بإضافة أجهزة الأيفون مع الأندرويد .. لكن هذه المرة ليس عن أبل فقط بل عن الإثنان معاً
    http://im33.gulfup.com/mc5WV.png
    يعني اضيف صور التفاحة بجانبها لكي يكون القالب لأبل والأندرويد الخ ...

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

      حذف
  8. السلام عليكم
    بصراحة قالب رائع ومنسق

    لاكن لدي استفسار لو امكن , قمت بتغيير الصورة الافقية وقد واجهتني مشكلة في تحديد حجم الصورة التي اضفتها فما هي الطريقة الصحيحة لتحديد حجم الصورة الافقية ؟

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      بالنسبة للصورة الأفقية الخاصة بالهواتف فمساحتها 350x266
      اما إن كنت تقصد صورة الشعار فأنا صممت الشعار بمساحة 500x190
      هذه هي الاحجام المناسبة للقالب
      وبالتوفيق

      حذف
  9. انت مدون رائع ياشيخ

    ردحذف
    الردود
    1. انتم اروع زوارنا ومتابعينا الكرام
      تحياتي لك

      حذف
  10. شكرا على الشروحات اخى،جزاك الله خيرا

    ردحذف
    الردود
    1. وجزاك الله بالمثل
      واسعدني مرورك الكريم

      حذف
  11. انا عندي سؤال وهو كيفية تغيير الخط في القالب اللي الخط الرائع اللي بتستخدموه

    ردحذف
  12. مش عارف اغير السلايد

    ردحذف
    الردود
    1. بالنسبة لتغير لاسلايد أنا شرحت الطريقة أخي ستجد كلمات عليك تغيرها بالروابط المطلوبه
      بالنسبة للخط راجع هذا الموضوع من هنــا

      حذف
  13. من اروع المدونات امانه ..وربي استفدت منها كثير ربي يجعلها بميزان حسناتك ..تحياتي لك

    ردحذف
    الردود
    1. اللهم آمين وأشكرك جزيل الشكر يا طيب على هذا المرور العطر

      حذف
  14. السلام عليكم اريد تغيير سلايد هذا القالب بسلايد اخر ولكني لا استطيع

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      أهلا بك أخي الكريم مسألة التعديل على القوالب هي من خدمات الدعم الفني وهي خدمات لا أقدمها في المدونة كونها تستهلك وقت طويل
      لكن ما أستطيع افادتك به يا طيب
      هو اخفاء السلايدر ابحث عن هذا الكود في القالب
      #showcase
      بعده ستجد قوس فتح كهذا {
      بعد القوس أضف هذا الكود
      display: none !important;
      سيختفي السلايدر
      ويمكنك تركيب اى سلايدر آخر وبالتوفيق

      حذف

نسعد ونتشرف بتعليقاتكم
لكن هناك شروط يجب اتباعها لضمان نشر التعليقات
1ان يكون التعليق يخص محتوى الموضوع
2ان لا يحتوي التعليق اى روابط دون داعي
3إن أردت إضافة كود حوله اولا بمحول الأكواد
4أن لا يحتوي التعليق اي الفاظ او اساءات لاى احد
5أى سؤال بعيد عن محتوى الموضوع يرجى استخدام ركن الأسئلة

جميع الحقوق محفوظة لــ كن مدون 2013-2015 ©