أكاديمية التقنية

2016/03/13

إضافة ألوان فلات رائعة في صفحة ثابتة

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

معاينة

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

أدخل إلى لوحة تحكم المدونة
ثم الصفحات
إضغط على صفحة جديدة
ثم غير من تبويبة تأليف إلى HTML كما في الصورة التالية

غير من تبويبة تأليف إلى HTML

ثم ضع الكود التالي

html<p><center class="button_me"id="button_me"><a class="button button_turquoise"onClick="colorToTurquoise()">Turquoise</a><a
   class="button button_green_sea"onClick="colorToGreenSea()">GreenSea</a><a class="button button_emerald"onClick="colorToEmerald()">Emerald</a><a
    class="button button_nephritis"onClick="colorToNephritis()">Nephritis</a><a class="button button_peter_river"onClick="colorToPeterRiver()">PRiver</a><a
     class="button button_belize_hole"onClick="colorToBelizeHole()">BelizeH</a><a class="button button_amethyst"onClick="colorToAmethyst()">Amethyst</a><a
      class="button button_wisteria"onClick="colorToWisteria()">Wisteria</a><a class="button button_wet_asphalt"onClick="colorToWetAsphalt()">WetA</a><a
       class="button button_midnight_blue"onClick="colorToMidnightBlue()">Midnight</a><a class="button button_sunflower"onClick="colorToSunflower()">Sunflower</a><a
        class="button button_orange"onClick="colorToOrange()">Orange</a><a class="button button_carrot"onClick="colorToCarrot()">Carrot</a><a
         class="button button_white_smoke"onClick="colorToWhiteSmoke()">WhiteSmoke</a><a class="button button_pumpkin"onClick="colorToPumpkin()">Pumpkin</a><a
          class="button button_alizarin"onClick="colorToAlizarin()">Alizarin</a><a class="button button_pomegranate"onClick="colorToPomegranate()">Pgranate</a><a
           class="button button_clouds"onClick="colorToClouds()">Clouds</a><a class="button button_silver"onClick="colorToSilver()">Silver</a><a
            class="button button_concrete"onClick="colorToConcrete()">Concrete</a><a class="button button_asbestos"onClick="colorToAsbestos()">Asbestos</a><a
             class="button button_chestnut_rose"onClick="colorToChestnutRose()">ChestnutR</a><a class="button button_alice_blue"onClick="colorToAliceBlue()">AliceBlue</a><a
              class="button button_spray"onClick="colorToSpray()">Spray</a><a class="button button_gossip"onClick="colorToGossip()">Gossip</a><a
               class="button button_cream_can"onClick="colorToCreamCan()">CreamCan</a><a class="button button_silver_tree"onClick="colorToSilverTree()">SilverTree</a><a
                class="button button_cape_honey"onClick="colorToCapeHoney()">CapeHoney</a><a class="button button_medium_turquoise"onClick="colorToMediumTurquoise()">MTurquoise</a><a
                 class="button button_lynch"onClick="colorToLynch()">Lynch</a><a class="button button_crusta"onClick="colorToCrusta()">Crusta</a><a
                  class="button button_jungle_green"onClick="colorToJungleGreen()">JungleG</a><a class="button button_hoki"onClick="colorToHoki()">Hoki</a><a
                   class="button button_wax_flower"onClick="colorToWaxFlower()">WaxFlower</a><a class="button button_observatory"onClick="colorToObservatory()">Observat</a><a
                    class="button button_ecstacy"onClick="colorToEcstasy()">Ecstacy</a></center><center><div class="wrap-header">ألوان فلات</div><div class="kode-warna"id="kode-warna"><div class="colorName"id="colorName">إضغط على اللون
</div><div class="colorText"id="colorText">ثم قم بنسخ كود اللون الذي اخترته
</div><section><p></p></section></div></center><style scoped=""type="text/css">#sidebar-wrapper{display:none;}
#main-wrapper{font-family:'Droid Arabic Kufi',sans-serif;float:none;width:100%;margin-right:0;}
.wrap-header{font-family:'Droid Arabic Kufi',sans-serif;text-align:center;font-size:20px;background:#444;color:#fafafa;padding:10px;font-weight:700;}
.button_me{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-align-content:center;align-content:center;margin-bottom:20px;}
#button_me a:hover{color:#fff;}
.button{margin:0!important;text-transform:none;cursor:pointer;font-size:12px;line-height:3.4em;flex:100 100 8%;-webkit-flex:100 100 8%;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial;}
.button_turquoise{border:5px solid #1abc9c;background:#1abc9c;color:#fff;padding:1px;}
.button_green_sea{border:5px solid #16a085;background:#16a085;color:#fff;padding:1px;}
.button_emerald{border:5px solid #2ecc71;background:#2ecc71;color:#fff;padding:1px;}
.button_nephritis{border:5px solid #27ae60;background:#27ae60;color:#fff;padding:1px;}
.button_peter_river{border:5px solid #3498db;background:#3498db;color:#fff;padding:1px;}
.button_belize_hole{border:5px solid #2980b9;background:#2980b9;color:#fff;padding:1px;}
.button_amethyst{border:5px solid #9b59b6;background:#9b59b6;color:#fff;padding:1px;}
.button_wisteria{border:5px solid #8e44ad;background:#8e44ad;color:#fff;padding:1px;}
.button_wet_asphalt{border:5px solid #34495e;background:#34495e;color:#fff;padding:1px;}
.button_midnight_blue{border:5px solid #2c3e50;background:#2c3e50;color:#fff;padding:1px;}
.button_sunflower{border:5px solid #f1c40f;background:#f1c40f;color:#fff;padding:1px;}
.button_orange{border:5px solid #f39c12;background:#f39c12;color:#fff;padding:1px;}
.button_carrot{border:5px solid #e67e22;background:#e67e22;color:#fff;padding:1px;}
.button_pumpkin{border:5px solid #d35400;background:#d35400;color:#fff;padding:1px;}
.button_alizarin{border:5px solid #e74c3c;background:#e74c3c;color:#fff;padding:1px;}
.button_pomegranate{border:5px solid #c0392b;background:#c0392b;color:#fff;padding:1px;}
.button_clouds{border:5px solid #ecf0f1;background:#ecf0f1;color:#808080;padding:1px;}
.button_silver{border:5px solid #bdc3c7;background:#bdc3c7;color:#fff;padding:1px;}
.button_concrete{border:5px solid #95a5a6;background:#95a5a6;color:#fff;padding:1px;}
.button_asbestos{border:5px solid #7f8c8d;background:#7f8c8d;color:#fff;padding:1px;}
.button_chestnut_rose{border:5px solid #D24D57;background:#D24D57;color:#fff;padding:1px;}
.button_alice_blue{border:5px solid #E4F1FE;background:#E4F1FE;color:#999;padding:1px;}
.button_spray{border:5px solid #81CFE0;background:#81CFE0;color:#fff;padding:1px;}
.button_gossip{border:5px solid #87D37C;background:#87D37C;color:#fff;padding:1px;}
.button_cream_can{border:5px solid #F5D76E;background:#F5D76E;color:#fff;padding:1px;}
.button_silver_tree{border:5px solid #68C3A3;background:#68C3A3;color:#fff;padding:1px;}
.button_cape_honey{border:5px solid #FDE3A7;background:#FDE3A7;color:#999;padding:1px;}
.button_medium_turquoise{border:5px solid #4ECDC4;background:#4ECDC4;color:#fff;padding:1px;}
.button_white_smoke{border:5px solid #ECECEC;background:#ECECEC;color:#999;padding:1px;}
.button_lynch{border:5px solid #6C7A89;background:#6C7A89;color:#fff;padding:1px;}
.button_crusta{border:5px solid #F2784B;background:#F2784B;color:#fff;padding:1px;}
.button_jungle_green{border:5px solid #26C281;background:#26C281;color:#fff;padding:1px;}
.button_hoki{border:5px solid #67809F;background:#67809F;color:#fff;padding:1px;}
.button_wax_flower{border:5px solid #F1A9A0;background:#F1A9A0;color:#fff;padding:1px;}
.button_observatory{border:5px solid #049372;background:#049372;color:#fff;padding:1px;}
.button_ecstacy{border:5px solid #F9690E;background:#F9690E;color:#fff;padding:1px;}
.kode-warna{font-family:'Droid Arabic Kufi',sans-serif;line-height:normal;border:1px solid #38424b;padding-top:30px;font-size:28px;color:#999;width:100%;background:#ececec;}
section{font-family:'Droid Arabic Kufi',sans-serif;background:#transparent;margin:30px;width:80%;color:#000;border-top-right-radius:5px;border-top-left-radius:5px;padding-left:20px;padding-right:20px;padding-top:1px;padding-bottom:1px;text-align:left;}
@media (max-width:800px){.button_me{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-align-content:center;align-content:center;}.button{font-size:4px;}.kode-warna{width:100%;}}
@media (max-width:320px){.button_me{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-align-content:center;align-content:center;}.button{font-size:3px;}.kode-warna{width:100%;}}
@media (max-width:360px){.button_me{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-align-content:center;align-content:center;}.button{font-size:3px;}}
</style><br /><script type="text/javascript">function colorToTurquoise(){document.getElementById("kode-warna")
   .style.backgroundColor = "#1abc9c";var e = document.getElementById("colorName");e.innerHTML = "Turquoise",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#1abc9c"}
function colorToGreenSea(){document.getElementById("kode-warna")
   .style.backgroundColor = "#16a085";var e = document.getElementById("colorName");e.innerHTML = "Green Sea",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#16a085"}
function colorToEmerald(){document.getElementById("kode-warna")
   .style.backgroundColor = "#2ecc71";var e = document.getElementById("colorName");e.innerHTML = "Emerald",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#2ecc71"}
function colorToNephritis(){document.getElementById("kode-warna")
   .style.backgroundColor = "#27ae60";var e = document.getElementById("colorName");e.innerHTML = "Nephritis",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#27ae60"}
function colorToPeterRiver(){document.getElementById("kode-warna")
   .style.backgroundColor = "#3498db";var e = document.getElementById("colorName");e.innerHTML = "Peter River",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#3498db"}
function colorToBelizeHole(){document.getElementById("kode-warna")
   .style.backgroundColor = "#2980b9";var e = document.getElementById("colorName");e.innerHTML = "Belize Hole",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#2980b9"}
function colorToAmethyst(){document.getElementById("kode-warna")
   .style.backgroundColor = "#9b59b6";var e = document.getElementById("colorName");e.innerHTML = "Amethyst",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#9b59b6"}
function colorToWisteria(){document.getElementById("kode-warna")
   .style.backgroundColor = "#8e44ad";var e = document.getElementById("colorName");e.innerHTML = "Wisteria",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#8e44ad"}
function colorToWetAsphalt(){document.getElementById("kode-warna")
   .style.backgroundColor = "#34495e";var e = document.getElementById("colorName");e.innerHTML = "Wet Asphalt",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#34495e"}
function colorToMidnightBlue(){document.getElementById("kode-warna")
   .style.backgroundColor = "#2c3e50";var e = document.getElementById("colorName");e.innerHTML = "Midnight Blue",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#2c3e50"}
function colorToSunflower(){document.getElementById("kode-warna")
   .style.backgroundColor = "#f1c40f";var e = document.getElementById("colorName");e.innerHTML = "Sunflower",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#f1c40f"}
function colorToOrange(){document.getElementById("kode-warna")
   .style.backgroundColor = "#f39c12";var e = document.getElementById("colorName");e.innerHTML = "Orange",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#f39c12"}
function colorToCarrot(){document.getElementById("kode-warna")
   .style.backgroundColor = "#e67e22";var e = document.getElementById("colorName");e.innerHTML = "Carrot",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#e67e22"}
function colorToPumpkin(){document.getElementById("kode-warna")
   .style.backgroundColor = "#d35400";var e = document.getElementById("colorName");e.innerHTML = "Pumpkin",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#d35400"}
function colorToAlizarin(){document.getElementById("kode-warna")
   .style.backgroundColor = "#e74c3c";var e = document.getElementById("colorName");e.innerHTML = "Alizarin",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#e74c3c"}
function colorToPomegranate(){document.getElementById("kode-warna")
   .style.backgroundColor = "#c0392b";var e = document.getElementById("colorName");e.innerHTML = "Pomegranate",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#c0392b"}
function colorToClouds(){document.getElementById("kode-warna")
   .style.backgroundColor = "#ecf0f1";var e = document.getElementById("colorName");e.innerHTML = "Clouds",e.style.color = "gray";var o = document.getElementById("colorText");o.style.color = "gray",o.innerHTML = "#ecf0f1"}
function colorToSilver(){document.getElementById("kode-warna")
   .style.backgroundColor = "#bdc3c7";var e = document.getElementById("colorName");e.innerHTML = "Silver",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#bdc3c7"}
function colorToConcrete(){document.getElementById("kode-warna")
   .style.backgroundColor = "#95a5a6";var e = document.getElementById("colorName");e.innerHTML = "Concrete",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#95a5a6"}
function colorToAsbestos(){document.getElementById("kode-warna")
   .style.backgroundColor = "#7f8c8d";var e = document.getElementById("colorName");e.innerHTML = "Asbestos",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#7f8c8d"}
function colorToChestnutRose(){document.getElementById("kode-warna")
   .style.backgroundColor = "#D24D57";var e = document.getElementById("colorName");e.innerHTML = "Chestnut Rose",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#D24D57"}
function colorToAliceBlue(){document.getElementById("kode-warna")
   .style.backgroundColor = "#E4F1FE";var e = document.getElementById("colorName");e.innerHTML = "Alice Blue",e.style.color = "gray";var o = document.getElementById("colorText");o.style.color = "gray",o.innerHTML = "#E4F1FE"}
function colorToSpray(){document.getElementById("kode-warna")
   .style.backgroundColor = "#81CFE0";var e = document.getElementById("colorName");e.innerHTML = "Spray",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#81CFE0"}
function colorToGossip(){document.getElementById("kode-warna")
   .style.backgroundColor = "#87D37C";var e = document.getElementById("colorName");e.innerHTML = "Gossip",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#87D37C"}
function colorToCreamCan(){document.getElementById("kode-warna")
   .style.backgroundColor = "#F5D76E";var e = document.getElementById("colorName");e.innerHTML = "CreamCan",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#F5D76E"}
function colorToSilverTree(){document.getElementById("kode-warna")
   .style.backgroundColor = "#68C3A3";var e = document.getElementById("colorName");e.innerHTML = "SilverTree",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#68C3A3"}
function colorToCapeHoney(){document.getElementById("kode-warna")
   .style.backgroundColor = "#FDE3A7";var e = document.getElementById("colorName");e.innerHTML = "CapeHoney",e.style.color = "gray";var o = document.getElementById("colorText");o.style.color = "gray",o.innerHTML = "#FDE3A7"}
function colorToMediumTurquoise(){document.getElementById("kode-warna")
   .style.backgroundColor = "#4ECDC4";var e = document.getElementById("colorName");e.innerHTML = "Medium Turquoise",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#4ECDC4"}
function colorToWhiteSmoke(){document.getElementById("kode-warna")
   .style.backgroundColor = "#ECECEC";var e = document.getElementById("colorName");e.innerHTML = "White Smoke",e.style.color = "gray";var o = document.getElementById("colorText");o.style.color = "gray",o.innerHTML = "#ECECEC"}
function colorToLynch(){document.getElementById("kode-warna")
   .style.backgroundColor = "#6C7A89";var e = document.getElementById("colorName");e.innerHTML = "Lynch",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#6C7A89"}
function colorToCrusta(){document.getElementById("kode-warna")
   .style.backgroundColor = "#F2784B";var e = document.getElementById("colorName");e.innerHTML = "Crusta",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#F2784B"}
function colorToJungleGreen(){document.getElementById("kode-warna")
   .style.backgroundColor = "#26C281";var e = document.getElementById("colorName");e.innerHTML = "JungleGreen",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#26C281"}
function colorToHoki(){document.getElementById("kode-warna")
   .style.backgroundColor = "#67809F";var e = document.getElementById("colorName");e.innerHTML = "Hoki",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#67809F"}
function colorToWaxFlower(){document.getElementById("kode-warna")
   .style.backgroundColor = "#F1A9A0";var e = document.getElementById("colorName");e.innerHTML = "WaxFlower",e.style.color = "gray";var o = document.getElementById("colorText");o.style.color = "gray",o.innerHTML = "#F1A9A0"}
function colorToObservatory(){document.getElementById("kode-warna")
   .style.backgroundColor = "#049372";var e = document.getElementById("colorName");e.innerHTML = "Observatory",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#049372"}
function colorToEcstasy(){document.getElementById("kode-warna")
   .style.backgroundColor = "#F9690E";var e = document.getElementById("colorName");e.innerHTML = "Ecstasy",e.style.color = "white";var o = document.getElementById("colorText");o.style.color = "white",o.innerHTML = "#F9690E"}
</script></p><div style='clear:both;'></div>

ثم احفظ الصفحة

2016/03/07

قالب Palki2 معرب

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

تغير لون القالب من مصمم النمادج فقط

يمكنك تحميل ومعاينة القالب من الأزرار التالية

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

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

والسلام عليكم ورحمة الله وبركاته

2016/02/19

إصلاح خطأ تاريخ النشر في أداة اختبار البيانات المنظمة

خطأ تاريخ النشر في أداة اختبار البيانات المهيكلة

DateModified,DatePublished هي أحد المشاكل الشائعة في أداة إختبار البيانات المنظمة ويرتبط هذا المشكل في عدم تنسيق الطابع الزمني للمدونة

خطأ تاريخ النشر في أداة اختبار البيانات المنظمة

خطأ تاريخ النشر في أداة اختبار البيانات المهيكلة

إذا كنت أيضا تواجه نفس المشكل أعلاه فيرجى إتباع الخطوات التالية:
من لوحة تحكم المدونة>إعدادات >اللغة و التنسيق >تنسيق الطابع الزمني ,ثم حدد التنسيق هاكذا 2/19/2016

تنسيق الطابع الزمني

أرجو أن يكون الدرس قد أفادكم

Structured Data Testing Tool-أداة اختبار البيانات المنظمة

2015/10/23

تركيب إضافة SEO SmartLink لمدونات بلوجر

كيفية إضافة SEO SmartLink لمدونا البلوجر

تركيب إضافة SEO SmartLink لمدونات بلوجر

هذه المرة في مدونة أكادمية التقنية سوف نتعرف على إضافة SEO SmartLink التي تساعد في تقوية بنية السيو لديك.

كيف تعمل إضافة SEO SmartLink

تعمل إضافة SEO SmartLink على تحديد الكلمة وإضافة الرابط المحدد لها تلقائياعلى سبيل المثال لدي إسم أكادمية التقنية وأريد أن أضيف لها رابط هكذا مثلا http://tech5academy.blogspot.com/ سيضاف تلقائيا بدون تدخل وسوف يصبح هاكذا أكادمية التقنية بواسطة جافسكربت.

كيفية التركيب

إبحث عن الوسم </body> وأضف الكود التالي فوقه

JS<script type='text/javascript'>
function smartLink(){
    this.keywdHref = new Object();
    this.add = function(keyword, href){
        if(keyword.substr(0,1) != &quot; &quot;){keyword = &quot; &quot; + keyword;}
        this.keywdHref[keyword] =  href;
    }
    this.createAnchor = function(){
        var objs = document.getElementsByTagName(&quot;div&quot;);
        for(var i=0; i&lt;objs.length; i++){
            var obj = objs[i];
            if(obj.className.indexOf(&quot;post-body&quot;)&gt;-1){
                var content = obj.innerHTML;
                for(var keyword in this.keywdHref){
                    var href = this.keywdHref[keyword];
                    var newstr = content.replace(keyword, &quot;&lt;a href=&#39;&quot;+href+&quot;&#39;&gt;&quot;+keyword+&quot;&lt;/a&gt;&quot;, &quot;gi&quot;);
                    obj.innerHTML = newstr;
                    content = newstr;
                }
            }
        }
    }
    this.startScript = function(){
        var onLoad = window.onload;
        window.onload = function(){
            if(onLoad){onLoad();}
            setTimeout(&quot;f.createAnchor()&quot;, 100);
        }
    }
}
</script>
<script type='text/javascript'>
var f = new smartLink();
f.add(&quot;أكادمية التقنية&quot;, &quot;http://tech5academy.blogspot.com/&quot;);
f.startScript();
</script>

إحفظ القالب.

ملحوضة’إستبدل الكلمة المحددة بماتريد و الرابط المحدد بماتريده أن يضهر في الموضوع.

2015/09/04

إضافة صندوق تعريف الكاتب الجزء الأول

صندوق تعريف الكاتب-من الإضافات المهمة في مدونات بلوجر التي تضهر تحت كل تدوينة,بها إسم الكاتب ونبذة وصورة له وتتميز هذه الإضافة أنها تلقائية أي لن تحتاج لإضافة إسمك أو نبذة عنك أو صورة لك وهي كذالك تصلح للمدونات الجماعية إذا كان هناك اكثر من كاتب .

ولطريقة التركيب تابع معي

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

أدخل إلى لوحة تحكم المدونة
إختر القالب
تحرير Html

الأن إبحث بإستعمال ctrl+f عن الوسم </style> ثم أضف الكود التالي فوقة

CSS/* CSS Multi Author Box */
.authorboxwrap {background:#f9f9f9;margin:30px 0 20px 0;padding:20px;overflow:hidden;border:1px solid #e6e6e6;font-family:droid arabic kufi;}
.avatar-container {float:right;margin-left:20px;}
.avatar-container img {background:#fff;width:90px;height:auto;padding:5px;border:1px solid #ccc;}
.author_description_container {}
.author_description_container h4{font-weight:600;font-size:16px;display:block;margin-bottom:10px}
.author_description_container h4 a{color:#333}
.author_description_container p{font-size:12px;line-height:1.7;margin-bottom:15px}
.authorsocial a{display:inline-block;text-align:center;float:right;margin-left:2px}
.authorsocial a i{width:30px;height:30px;padding:8px

الأن يجب إضافة الكود التالي تحت أزار المشاركةداخل المواضيع أو في المكان الذي تريده حسب قالبك
أو تحت هذا الكود عل الأحرى <div class='post-footer-line post-footer-line-1'> ستجده مكررا الثاني هو المقصود

html<div style='clear:both;'/>
<div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href=''>
<img class='author_avatar img-circle' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='96' width='96'/>
</a>
</div>
<div class='author_description_container'>
<h4>الكاتب :  <a href='https://plus.google.com/u/0/108742508096532299188/posts' rel='author'><data:post.author/></a></h4>
<span>إسمي محمد أعشق التدوين وكل مايتعلق به</span>
<p>
<data:post.authorAboutMe/>       
</p>
</div>
</div>
</div>

الون الأصفر غيره بما تريد
الون الأزرق غيره بمعرف ملفك الشخصي على جوجل+

إذا واجهتك أي مشكل في تركيب الإضافة فقط ضع تعليق وسأساعدك

2015/08/26

إضافة زر الصعود إلى الأعلى مع ثأثير الإرتداد

إضافة زر الصعود إلى الأعلى مع ثأثيرات عدة

إضافة زر الصعود إلى الأعلى مع ثأثير الإرتداد

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

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

أدخل إلى لوحة تحكم المدونة
إختر قالب
إضغط فوق تحرير Html

الأن إبحث عن </head> وأضف الكود التالي فوقه

code<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

الأن إبحث عن ]]></b:skin> وأضف الكود التالي فوقها

CSS/* Back to top */
#easy-top{background:rgba(0,0,0,.5);text-align:center;position:fixed;bottom:15px;right:15px;cursor:pointer;width:38px;height:38px;line-height:38px;border-radius:4px;padding:4px;display:none;-webkit-transform:translateZ(0);transition:all .3s ease-out}#easy-top:hover{background:rgba(0,0,0,.9)}#easy-top:before,#easy-top:after{-webkit-backface-visibility:hidden}#easy-top:before{content:'';height:8px;width:8px;display:block;border:3px solid #fff;border-left-width:0;border-bottom-width:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:absolute;top:15px;left:18px}#easy-top:after{content:'';height:16px;width:3px;display:block;background:#fff;position:absolute;top:17px;left:22px}#easy-top:hover:after{border-color:transparent transparent rgba(0,0,0,.9)transparent}

ثم إبحث عن الوسم </body> وأضف هذا الكود فوقة

Jquery<div id='easy-top'/>
<script type='text/javascript'>
//<![CDATA[
$(function(){$(window).scroll(function(){$(this).scrollTop()>600?$("#easy-top").fadeIn(100):$("#easy-top").fadeOut(0)}),$("#easy-top").click(function(){$("html, body").animate({scrollTop:0},{duration:2e3,easing:"easeOutQuint"})})});
//]]>
</script>
<script src='https://cdn.rawgit.com/Arlina-Design/redvision/master/easing.js' type='text/javascript'/>

النتيجة

لإضافة الزر مع ثأثير الإرتداد أضف الكود التالي بدل من الكود السابق

Jquery<div id='easy-top'/>
<script type='text/javascript'>
//<![CDATA[
$(function(){$(window).scroll(function(){$(this).scrollTop()>600?$("#easy-top").fadeIn(100):$("#easy-top").fadeOut(0)}),$("#easy-top").click(function(){$("html, body").animate({scrollTop:0},{duration:2e3,easing:"easeOutBounce"})})});
//]]>
</script>
<script src='https://cdn.rawgit.com/Arlina-Design/redvision/master/easing.js' type='text/javascript'/>

النتيجة

لإضافة ثأثيرات أخرى يمكنك الإستعانة بهذا الموقع http://easings.net ثم إستبدل الثأثير الملون بالأزرق بإسم الثأثير الذي تريده.

إلى هنا ينتهي الشرح أي إستفسار أو سؤال لا تتردد بترك تعليق

2015/08/23

تهيئة وضبط إعدادات مدونة بلوجر من أجل سيو أفضل

بخصوص الوصف و الكلمات المفتاحية

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

هذه بعض الطرق لضبط إعدادات مدونتك لأجل "سيو" أفضل.

أولا: إضافة خاصية النشر التلقائي للمواضيع

إذهب إلى لوحة التحكم المدونة ثم Google+ ثم قم بإضافة خاصية النشر التلقائي للمواضيع وربط المدونة بالملف الشخصي لك.

ثانيا: إضافة الإسم والوصف للمدونة

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

وصف المدونة

ثالثا: العلامات الوصفية/برامج الزحف و الفهرسة

إضغط على الإعدادات ثم تفضيلات البحث ثم ملف robots.text مخصص قم بتحريرها وأضف الكود التالي:

code
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://www.URL.com/feeds/posts/default?orderby=UPDATED

العلامات الوصفية/برامج الزحف و الفهرسة

رابعا: تمكين علامات رؤوس مخصصة لبرامج الروبوت

إضغط عل الإعدادات ثم تفضيلات البحث ثم علامات رؤوس مخصصة لبرامج الروبوت قم بتحريرها واختر كما بالصورة التالية:

تمكين علامات رؤوس مخصصة لبرامج الروبوت

عندما تقوم بعمل هذة الخطوات يجب عليك أن تطرح مواضيع حصرية في مدونتك وغير منقولة لتتصدر النتائج الؤلى في محركات البحث.

2015/08/20

تخصيص بار الكوكيز الخاص ببلوجر عن طريق Css

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

الأن كل ماعليك فعله هو إضافة أحد الكودين التاليين فوق ]]></b:skin> أو </style>

البار الداكن

CSS/* Custom Cookies Info Dark */
.cookie-choices-info{background-color:rgba(56,66,75,.97)!important;line-height:normal!important;top:initial!important;bottom:0!important;font-family:inherit!important;}
.cookie-choices-info .cookie-choices-text{font-size:14px!important;color:#cee6ea!important}
.cookie-choices-info .cookie-choices-button{color:#fff!important;margin-left:5px!important;padding:3px 6px!important;background:#3fbdf3!important;border-radius:2px;transition:all .6s linear}
.cookie-choices-info .cookie-choices-button:nth-child(2){background:#f68c2e!important;transition:all .6s linear}
.cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:nth-child(2):hover{background:#282f36!important;transition:all .1s linear}

البار الفاتح

CSS/* Custom Cookies Info Light */
.cookie-choices-info{background-color:rgba(255,255,255,.99)!important;line-height:normal!important;top:initial!important;bottom:0!important;font-family:inherit!important;box-shadow:0 0 10px rgba(0,0,0,0.2);}
.cookie-choices-info .cookie-choices-text{font-size:14px!important;color:#222!important}
.cookie-choices-info .cookie-choices-button{color:#fff!important;margin-left:5px!important;padding:3px 6px!important;background:#3fbdf3!important;border-radius:2px;transition:all .6s linear}
.cookie-choices-info .cookie-choices-button:nth-child(2){background:#f68c2e!important;transition:all .6s linear}
.cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:nth-child(2):hover{background:#999!important;transition:all .1s linear}

يمكنك معاينة البار بتغيير رابط مدونتي إلى رابط مدونتك tech5academy.blogspot.co.uk

إلى هنا ينتهي الشرح أي إستفسار أو سؤال لا تتردد بترك تعليق

2015/08/14

حل مشكلة التخطيط في قوالب بلوجر

مشكلة التخطيط في قوالب بلوجر-من المشاكل الشائعة في قوالب بلوجر هي مشكلة التخطيط المنقط التي يعاني منها كثير من المدونين وهذا يضر بمضهر القالب و التخطيط نفسه,في السابق كان مشكل بالنسبة لي وأنا نفسي لا أعرف السبب .

بعد أن بحث كثير تبين لي أن المشكل من القالب الذي يستخدم قائمة أفقية أو علامات li ul ,ولمعرف كيفية حل المشكل تابع معي.

توجه للقالب >> تحرير Html
إبحث بإستعمال CTRL+F عن ]]></b:skin>
ضع قبلها الكود الاول أو الثاني حسب اختيارك

CSSbody#layout ul { display: none; }

CSS#layout ul { display: none; }

أي سؤال أو إستفسار حول المشكل لاتتردد في وضعه بتعليق ففريق أكادمية التقنية دائما موجود :)

2015/08/07

قالب Addiction معرب ومطور

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

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

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

أي سؤال أو إستفسار لا تتردد في بوضعه في تعليق ففريق أكادمية التقنية موجود دائما