التقنية توداي

قالب واجهة ميترو الجديد معرب حصريا على التقنية توداي

هناك 3 تعليقات:

بسم الله الرحمن الرحيم،

إخواني الأعزاء ,اليوم سوف اقدم لكم قالب واجهة الميترو المعروفة في الويندوز 8 معرب و مطور لمدونات بلوجر

صورة القالب :

مميزاته :

style جديد و احترافي مع العديد من الاضافات المهمة
معرب تعريب كامل
هيدر بتلات اعمدة
صديق لمحركات البحث (مزود بميتاتاغ قوي)

التحميل :

القالب الاصلي :

معاينة تحميل

القالب المعدل :

معاينة تحميل

التنسيق :

تخصيص تابعنا :
ابحث عن :

<ul id="jocial"> <li><a class="icon facebook" href="http://adf.ly/3278512/http://www.facebook.com/missandmister22/"></a></li> <li><a class="icon twitter" href="http://adf.ly/3278512/http://twitter.com/tecktoday/"></a></li> <li><a class="icon googleplus" href="http://adf.ly/3278512/https://plus.google.com/u/0/google + id/"></a></li> <li><a class="icon rss" href="http://adf.ly/3278512/http://feeds.feedburner.com/blogspot/tecktoday"></a></li> </ul>

*غير ما لون بالاحمر

احذف هذا الكود :

<script type='text/javascript'> var adfly_id = 3278512; var adfly_advert = 'int'; var exclude_domains = ['example.com', 'thecktodaytest2.blogspot.com/']; </script> <script src='http://cdn.adf.ly/js/link-converter.js'/>

ملاحظة :

ارجو عدم حذف حقوق التعريب

اضافة تابعنا الجديدة تشبه واجهة ميترو

ليست هناك تعليقات:

يسم الله الرحمن الرحيم

مشاهدة حية

خطوات اضافتها :

تخطيط ==>اضافة اداة ===>html/javascript

<style> .widget-item-control a { display:none; } .widget-item-control a { display:none; } #supportive { width:300px; float:left; margin-top:10px; } #supportive li { position:relative; cursor:pointer; padding:0!important; } #supportive .facebook,.googleplus,.rss,.twitter { position:relative; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; z-index:5; display:block; float:left; margin:1px; } #supportive .icon { overflow:hidden; } #supportive .facebook { width:147px; height:150px; background:rgba(59,89,152,1) url(https://lh4.googleusercontent.com/-6tuOBGcpzGc/URPO_I2Yj9I/AAAAAAAAC_0/qBm56PAG1yY/h120/facebook.png) no-repeat center center; } #supportive .twitter { width:148px; height:74px; background:rgba(59,89,152,1) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcjUzdTGhEKLeq9TMX3XfTbCyRON_LX1BBwdJJBHUJVDKkHlp1ekoj-jZ5bnB4F7OcY68DHYstuZ0-jAuC4lHCDVJpYn7KPibBeqeSspZfL4ke_vPQ_J0XX08GfUT_shiXvLueANKE0hsh/s1600/Twitter.png) no-repeat center center; } #supportive .googleplus { width:148px; height:74px; background:rgba(59,89,152,1) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj40Ngs-KOD9Kiz_XaAtrN6xP5vnYfJWoKd44iMUHW81poDWRs4LjhcNO-A3Kx9dFgl-zQTQ1FxONpFGw4QjGX6l3QWS3w8ttJWxybQMH9VYetCPb18oT_5z9P2rsnjn1Nmc13Lunxuuidp/s1600/google+plus.png) no-repeat center center; } #supportive .rss { width:299px; height:74px; background:rgba(59,89,152,1) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6AyRFVXDE62qEd3faqY_lZTnplwQj2ay1cae7awZBhUc6J06R8gOeLSz2xhyphenhyphenfN5K98wqqmgvXYtWwWKmKNpip4oSiOhHGLLYUzE9flgT14qg6hH_Wx8f2j_w6nEg7-VbxfES-or6EkQzG/s1600/rss.png) no-repeat center center; } #supportive li:hover .facebook { background-color:#3468B6; -moz-transition:all .1s ease-in-out; -webkit-transition:all .1s ease-in-out; } #supportive li:hover .twitter { background:rgba(64,153,255,1) url(https://lh6.googleusercontent.com/-gp5q_y7kibQ/URPO_I6-sKI/AAAAAAAAC_w/twhFzlX2p1c/h120/Twitter.png) no-repeat center center; -moz-transition:all .1s ease-in-out; -webkit-transition:all .1s ease-in-out; } #supportive li:hover .googleplus { background:rgba(228,69,36,1) url(https://lh6.googleusercontent.com/-5-00TE6gtvM/URPO_ALyNwI/AAAAAAAAC_4/A4Dr7Hg7C6A/h120/google+plus.png) no-repeat center center; -moz-transition:all .1s ease-in-out; -webkit-transition:all .1s ease-in-out; } #supportive li:hover .rss { background:rgba(255,102,0,1) url(https://lh4.googleusercontent.com/-NjlbntNHzFI/URPPCHuQ_XI/AAAAAAAADAI/S2lzrz6uZ0c/h120/rss.png) no-repeat center center; -moz-transition:all .1s ease-in-out; -webkit-transition:all .1s ease-in-out; } </style> <ul id='supportive'> <li><a class='icon facebook' href='http://www.facebook.com/missandmister22/'/></a></li> <li><a class='icon twitter' href='http://twitter.com/tecktoday'/></a></li> <li><a class='icon googleplus' href='https://plus.google.com/GooglePlusUserID/'/></a></li> <li><a class='icon rss' href='http://feeds.feedburner.com/blogspot/tecktoday'/></a></li> </ul>

* غير ما لون بالاحمر

اضافة تابعنا عبر البريد follow us box

ليست هناك تعليقات:

بسم الله الرحمن الرحيم

اليوم سوف اقدم لكم اضافة تابعنا follow us box

الشكل الاول :

معاينة الاضافة

الدهاب الى تخطيط ==> اضافة اداة ==> html/javascript

ثم نسخ هذا الكود

<style> /*--------B2W Touch Me Sharing Widget ------*/ .touchme a { display:block; height:50px; width:50px; padding:0 4px; float:left; background:transparent url(http://beautifulbloggerwidgets.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat; -webkit-transition: ease-in 0.2s all; -moz-transition: ease-in 0.2s all; -o-transition: ease-in 0.2s all; -ms-transition: ease-in 0.2s all; transition: ease-in 0.2s all; cursor:pointer; } .touchme a.googleplus { background-position: 0px -58px; } .touchme a.googleplus:hover { background-position: 0px 0px; } .touchme a.twitter { background-position: 0px -290px; } .touchme a.twitter:hover { background-position: 0px -232px; } .touchme a.facebook { background-position: 0px -406px; } .touchme a.facebook:hover { background-position: 0px -348px; } .touchme a.rss { background-position: 0px -174px; } .touchme a.rss:hover { background-position: 0px -116px; } </style> <br /> <div style="display: none;"> Cool Social Media Sharing Touch Me Widget by <a href="http://beautifulbloggerwidgets.blogspot.com/">Beautiful Blogger Widgets</a></div> <div class="touchme">  <a class="rss" href="http://www.blogger.com/YOUR%20RSS%20LINK" rel="external nofollow" target="_blank"></a>  <a class="googleplus" href="http://www.blogger.com/YOUR%20GOOGLE%20PROFILE%20LINK" rel="nofollow" target="_blank"></a>  <a class="facebook" href="http://www.blogger.com/YOUR%20FACEBOOK%20LINK" rel="nofollow" target="_blank"></a>  <a class="twitter" href="http://www.blogger.com/YOUR%20TWITTER%20LINK" rel="nofollow" target="_blank"></a> </div>

الشكل الثاني :

معاينة الاضافة

الدهاب الى تخطيط ==> اضافة اداة ==> html/javascript

ثم نسخ هذا الكود

<style>p#hb_socialicons img { /* Spinning Social Icons Widget By HelperBlogger */ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } p#hb_socialicons img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } /* Spinning Social Icons Widget By HelperBlogger */ </style> <center><p id="hb_socialicons"> <a href="http://www.facebook.com/btsnts/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFnhQnwZplKEay1Sf5jKcym4wtNTIoLgyke4bpbegIzdEoYwU2XDcJevG-7rP1lDDeZ4P1bmyaY2nQU0Z_cMSovKGG6KyCg7g3GBwOjzDhSykOlSF1tsym4q04QmUaQgnQZOxiaV7z2CM/s1600/helperblogger.com-facebook.png" /></a> <a href="http://www.twitter.com/helperblogger/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrDT4YvtTC_QmMWeVa9MbDCtGAxekGZjIfQfC6QIYfXFva6nNuNYhXob0EBM9_OX_PdSiPiRQuH61J_gnU-GrVAjQ9W-PvJAMxh6fx7hIeucPJv1O0sh4hESbkqbGLlFq8CGQNj-F0c9w/s1600/helperblogger.com-twitter.png" /></a> <a href="https://plus.google.com/u/0/106527290580119996124"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLJa7P2ApfKs1nH88EP-2FClGM3CP9aXV2paoDVVwwixnzgGJ493AtS0POKa80rA7YgftZGN6atiVVZI5W13hyphenhyphenYicg60ByqMgYrMOUCxRh5RPEzbV_oIB4vr_we_xwJ_-2Bkc-SLbhOUQ/s1600/helperblogger.com-google_plus.png" /></a> <a href="http://www.feeds.feedburner.com/hblogger/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGbAea8oRnUxXzRZKd1dvwT9L9M81BsXUHJQc6j54iZUGi0A7_SJTA_kBBphfW4QdLOhNGiDHL0UKC1lS8i6W2iqbZJr1ZQObQM5CN8wegAF-grpHI0aDLy1ur9xiN16QeXeQl8V92cyo/s1600/helperblogger.com-rss.png" /></a> <a href="http://www.youtube.com/helperblogger1/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEsVVWSy2mp4UHvRwEl2-jl4xS8CuchRi2DOYjSP-Zt-NMvQQN4iB7d_aWE23PPbCLfzv2FDOS1-mqJkOtJkvuX21TYZzBTtmFr4-zeExL9mk97dWp2H2x1gOt-yPg6toVqcB1qyWxkt0/s1600/helperblogger.com-youtube.png" /></a> </p></center>

قالب azsimple معرب

ليست هناك تعليقات:

بسم الله الرحمن الرحيم،
إخواني الأعزاء , في هذه التدوينة أقدم لكم قالب azsimple معرب و مطور لمدونات بلوجر

صورة القالب :

مميزاته :

معرب تعريب كامل
هيدر بتلات اعمدة
صديق لمحركات البحث (مزود بميتاتاغ قوي)
اضافة تابعنا عبر البريد الالكتروني
اضيف له menu 2 الذي كان ينقصه في القالب الاصلي

التحميل :

القالب الاصلي :

معاينة تحميل

القالب المعدل :

معاينة تحميل

لزيادة التنسيق :

اذهب الى قالب ==تحرير === التعليم على توسيع القالب

نبحث عن وسم :

Published on: <span><data:post.timestamp/></span> by <span><data:post.author/></span> - <b:if cond='data:post.allowComment

و نغيره بـ :

على الساعة: <span><data:post.timestamp/></span> بواسطة <span><data:post.author/></span> - <b:if cond='data:post.allowComments'>

يجب تعديل اضافة تابعنا عبر البريد المشروحة هنا

يجب ايضا تغير meta-tag desciption و keywords

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

تركيب القوالب مشروح مسبقا على المدونة يمكنك قرائته كاملا من هنا

ال meta-tag هي موشارات دلالية لتحسين ارشفة المواقع على محركات البحث و سيصبح موقعك في بداية نتائج البحث يمكن تشبيه المتاتاغ بالمصابيح التي تسهل محركات البحث على التعرف على تعريفها كلمات الدلالية التي يمكن ان تجدها بها و العديد من الامعلومات لارشفة قوية ...

تختلف انواع الميتا تاغ من حيث الفعالية و يمكن التعرف على مدى فعالية الميتاتاغ الخاص بموقعك بالظغط هنا

اليوم ساقدم لكم كود خرافي و هاهي نتائجه تتكلم عليه فهو يفوق اكثر الاحتياجات max.recomended

: الكود

<meta content='قالب,بلوغر,أداة,تعريب,تصميم,معرب,قوال,بلوجر,هاك,مدونة,wordpress,css,xhtml,plugins,seo,ووردبريس,مدونات,blogger,widget,template,arab,seo,أيقونات,cons,free,مجانية,إضافة,blogspot' name='keywords'/>

<b:if cond='data:blog.pageType == "index"'>

<meta content='و جديد تطبيقات الهاتف مدونة التقنية توداي تهتم بتتبع جديد عالم التقنية و تتبع ايضا مدونات بلوجر Blogger و ووردبريس Wordpress تضم دروسا و هاكات ، قوالب ، إضافات ، أيقونات، صورا بالإضافة إلى الدعم المتقدم للمدونين.' name='description'/>

<meta content='global' name='distribution'/>

<meta content='10 days' name='revisit'/>

<meta content='10 days' name='revisit-after'/>

<meta content='document' name='resource-type'/>

<meta content='all' name='audience'/>

<meta content='general' name='rating'/>

<meta content='all' name='robots'/>

<meta content='index, follow' name='robots'/>

<meta content='عماد' property='og:author'/>

<meta content='ar' property='og:language'/>

<meta content='algeria' name='country'/>

<meta content='473b25d4475c457b' name='y_key'/>

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>

<meta content='true' name='MSSmartTagsPreventParsing'/>

<meta content='blogger' name='generator'/>

<meta content='مدونة التقنية توداي' property='og:title'/>

<meta content='http://thecktoday.blogspot.com/' property='og:url'/>

<meta content='مدونة التقنية توداي' property='og:site_name'/>

</b:if>

لتلقى نفس النتائج غير مايجب تغييره دون ما تنقص من عدد الكلمات الدلالية و التعريفية

كيفية حفظ/رفع قالب على بلوجر

ليست هناك تعليقات:

بسم الله الرحمن الرحيم

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

يجب التسجيل على بلوجر و انشاء مدونة بعده سجل الدخول من هنا
تظهر هذه الصورة نظغط منها على اسم المدونة

3. تظهر لوحة التحكم تختار منها قالب او model

4. تظهر نافدة نختار منها

5- تظهر نافدة اخرى نختار اما 1 لتحميل القالب و 2 لرفع القالب

كيفية اضافة صندوق تابعنا عبر البريد كما الموجودة في مدونة ذؤيب

بسم الله الرحمن الرحيم

يوم سوف اقدم لكم كيفية اضافة صندوق تابعني عبر البريد الالكتروني كالموجودة في مدونة ذؤيب

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

عن طريق اولا يجب التسجيل الدخول في feedburner عن طريق gmail
تظهر الصورة التالية تملئها ب رابط المدونة

3. تختار الثانية

4.تتبع الخطوات حتى تصل الى

تفعيل الاشتراك باليميل :

اتبع الخطوات

احفظ الرابط الناتج نستحقه فيمابعد

ولاضافة عدد المشاركين reader يجب تفعيلها ايضا من feedcount و تحديد نوعها (متحرك او ثابت) ثم اخد الرابطين الناتجين

تركيب اضافة تابعنا عبر البريد الاصلية :

نضيفها عبر الظغط على تخطيط ثم اضافة اداة ثم نختارها و هي على شكل :

بعدها ندهب الى فالب نحفظ نسخة احتياطية تم نظغط على "تحرير html" و نضع علامة في خانة توسيع القوالب

نبحث عن وسم ]]></b:skin> و نضع فوقه

/* -------------------[ Subscribe Box ]------------------- */
.intro{ text-align:center; padding:12px 30px 30px 30px;}
p.email-form {
width:220px;
height:24px;
margin:0;
padding:0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSwsFx4E42BpDb2a7JduvrdIZh0Q6G87JjwTDhASDTMwIinwHYcwBo2PtyDjFUkk8Fb80h4e8pC66qwZxgRvjOT5On5AHahGv87T45NDlvecIPT2tdMpM5YO72AusRlV-zfhb0QKkCX0Y/s1600/emailbg.gif) top right no-repeat;
}
p.email-form .sub {
color:#aaa;
float:left;
padding:4px 0 0 26px;
width:130px;
margin: 0;
border:0;
background:transparent;
}
p.email-form .subbutton {
margin: 0;
float:right;
font-size:8pt;
width:52px;
height:24px;
text-align:center;
border:0;
text-indent:-10000em;
background: transparent;
border:0;
}
/* -------------------[ by tecktoday ]------------------- */

ثم نبحث عن وسم

<form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"http://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'>
        <table width='100%'>
          <tr>
            <td>
              <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
            </td>
            <td width='64px'>
              <input class='follow-by-email-submit' type='submit' value='Submit'/>
            </td>
          </tr>
        </table>
        <input expr:value='data:feedPath' name='uri' type='hidden'/>
        <input name='loc' type='hidden' value='en_US'/>
      </form>

تم نغيره ب

<div class='intro' style='border:#ececec 1px solid'> <a href='http://feeds.feedburner.com/tecktoday' imageanchor='1' style='clear:right;margin-bottom:0.5em;margin-left:1em'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxtvxnB3c3YSnTrCNazTE4vQHYuGBtySsCBM6mlV-Drq5c8MAP_BBcWszaCVeXMN-vP5-GrafK9dDwDeYIM-kjOo_eznk71tTM0Lm5bR3d_VP44gqWI3QoYPg-3_4MZXU-ndTUQI3ZB7M/s512/Social_Email_RSS.png'/></a> <p>أدخل بريدك الإلكتروني ليصلك جديد المواضيع و الأخبار المنشورة.</p> <form action='http://feedburner.google.com/fb/a/mailverify' dir='ltr' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/tecktoday;, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'> <input name='uri' type='hidden' value='doaib2'/> <input name='loc' type='hidden' value='en_US'/> <p class='email-form'> <input class='sub' name='email' type='text'/> <input alt='submit' class='subbutton' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEnlWpVfzeDMpAQX3rJNdqzp0ll6KP3xWQs3qljXeU3xBSkdJPOFdsMK8blY6plqZoTyf5heHuzlwKb0N0-DhxhcWbsEKpsqAtBXx5LynTu_iO0fdcPCNuFklgVwJTD4Bq7llOgeeFkZ0/s1600/button-mail.gif' type='image'/> </p> </form> <p align='center'><a href='http://feeds.feedburner.com/blogspot/tecktoday'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/blogspot/tecktoday?bg=99CCFF&fg=444444&anim=0' style='border:0' width='88'/></a></p> </div>

نغيرما لون بالاحمر برابط المدونة في feedburner

نغير ما لون بالازرق بالرابط الذي احتفظت به -1-

اما الاصفر و البني فنغيره حسب الرابطين الاخيرين الدي احتفظت بهما

ارجو انكم اسفدتم

الى الملتقى