القالب الرائع سيو الوان بلوجر 2016

السلام عليكم متابعي المدونة نعت\ر عن طول الغياب في مدونتكم تقني الانترنت اليوم باول موضوع بعد حوالي 3 اشهر سنتطرق للقالب جديد 2016 قالب بلوجر رائع يسمى سيو الوان قالب اكثر من احترافي قالب بتاثيرات احترافية هو قالب وجهات المشهور لاكنه مطور باحترافية وامتياز .

المميزات 

1- سلايد شو احترافي بتاثيرات رائعة فوق القالب
2- طريقة عرض المواضيع بالوان مختلفة رائعة
3- قالب سريع التصفح
4- صديق للسيو 2016
5- والمزيد
تحميل ومعاينة القالب

تحميل   معاينة

المصدر 

مرسلة بواسطة Aouadi Ilyas في 2:56 ص

تغير شكل المشاركات الشائعة بلوجر 2016

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

تغير شكل المشاركات الشائعة بلوجر 2016

معاينة

طريقة الاضافة

فوق هذا الوسم  <body/>  نضع الكود التالي

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/> <script type='text/javascript'>//<![CDATA[ $(document).ready(function() { var tbn = 150; $('#PopularPosts1').find('img').each(function(n, image){ var image = $(image); image.attr({src : image.attr('src').replace(/s\B\d{2,4}/,'s' + tbn)}); image.attr('width',tbn); image.attr('height',tbn); }); }); //]]></script>

فوق هذا الوسم  <b:skin/><[[  نضع الكود التالي

/***** Sidebar Popular Posts - jazairiweb.blogspot.com *****/
.sidebar .popular-posts ul { counter-reset: popcount; margin: 0; padding: 0; } .sidebar .popular-posts ul li:first-child {} .sidebar .popular-posts ul li { font-family:tahoma; height: 130px; list-style: none !important; overflow: hidden; padding: 0 !important; position: relative; margin: 2px; border: 0; width: 48%; float: left; } .sidebar .PopularPosts .item-thumbnail {margin: 0; width: 100%;} .sidebar .PopularPosts ul li img { display: block; float: left; padding: 0; width: 100%; height: 130px; -webkit-transition-duration: 1.0s; /*Webkit: Animation duration*/ -moz-transition-duration: 1.0s; /*Mozilla Animation duration*/ -o-transition-duration: 1.0s; /*Opera Animation duration*/ transition:1.0s; } .sidebar .PopularPosts ul li img:hover { -webkit-transform:scale(1.06); /*Webkit: 0.5 times the original Image size*/ -moz-transform:scale(1.06); /*Mozilla 0.5 times the original Image size*/ -o-transform:scale(1.06); /*Opera 0.5 times the original Image size*/ transform:scale(1.06); overflow: hidden; } .sidebar .PopularPosts .item-title { bottom:0; left: 0; right: 0; padding-bottom: 0; position: absolute; z-index: 999; } .sidebar .PopularPosts .item-title a { background: rgba(32, 32, 32, 0.77); color: #FFFFFF; display: block; font-size: 12px; line-height: normal; padding: 5px 5px 8px 5px; text-transform: capitalize; transition: all .4s ease-in-out; } .sidebar .popular-posts ul li:hover .item-title a { color: rgba(255, 255, 255, 1); background: rgba(231, 76, 60, 0.88); text-decoration: none; } .sidebar .popular-posts ul li:before { background:#000; color: #fff; content: counter(popcount, decimal); counter-increment: popcount; float: left; font-size: 14px; line-height: 20px; list-style-type: none; padding: 0px 5px 1px 5px; position: absolute; top: 0; z-index: 4; border-width: 0px 1px 1px 0px; }

مصدر الاضافة مدونة جزائري ويب

ارجو ان تكون الاضافة اعجبتكم وشكرا لكم 

مرسلة بواسطة Aouadi Ilyas في 8:23 ص

اضافة من انا - تعريف الكاتب لمدونات بلوجر 2016

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

طريقة الاضافة

سهلة جدا ما عليك ان تدخل لتخطيط أضف أداة Html/Javascript وضع بها الكود التالي 

<style type='text/css'>
/* About Me */
.sidebar_about_author { height: 200px; }
.aboutpro-img:before { content: ''; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhaocaVZGqhxyTHoQK64cQECz_V2ijLhoPQWhvaQdFgqNw6p9pcPF1TeKvJ-tT-TLYeJiD2btNcfsqd5P0G3U7kP6UHHbwe7Fr4RQyPAfez3FASqS63DJYrI0RSoE88wSNAYSfa-nP1Ts/s1600/pattern-overlay.png)center top repeat; opacity: .3; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 2; } .aboutpro-img {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUI9Fxg0tXzYSJi3VfVEAD0zf4MH0ZmCca2HHfbWgfEW-wBrqVN4VOJ2JO1g0fCIs_cKWx_2EoDhJjFo7VsYqmb-Pqzfwwa8VylOTxaSY9IXgm-xeaFfunkDeRRZgEWatsSGtI_Rb-gec/s1600/66.jpg); height: 200px; display: block; width: 100%; position: relative; right: 0; bottom: 0;background-size: cover; } .sidebar_about_author { height: 200px; }
.aboutpro-wrapicon{display:block;margin:-225px auto 0;position:relative;z-index:3;}
.aboutpro-wrapicon .extender{width:100%;display:block;}
.extender{text-align:center;font-size:18px}
.extender .aboutpro-icon{display:inline-block;margin:0 .5px;padding:0;border:0;}
.extender .aboutpro-icon a{display:inline-block;font-family:fontawesome;height:32px;width:32px;line-height:32px;font-weight:normal;color:#fff;font-size:80%;transition:all .5s}
.extender .aboutpro-icon:hover a,.extender .aboutpro-icon a:hover{color:rgba(255,255,255,.7);}
.aboutpro-info{font-size:12px;position: relative; bottom: 200px;    z-index: 99999;}
.aboutpro-info h4{display:table;background:rgba(255,255,255,1);margin:10px auto;font-family:&#39;Playfair Display&#39;,serif;font-size:220%;font-weight:normal;text-transform:capitalize;color:#454545;border:4px double #2e2e2e;z-index:3;padding:5px 10px}
.aboutpro-info p{position:relative;display:block;color:#fff;z-index:4;font-size:110%;text-align:center;font-family: Droid Arabic Naskh,sans-serif;line-height: 1.7em;    padding: 1px; }
</style>
<div class="sidebar_about_author">
<div class="inner_wrapper">
<div class="aboutpro-img">
</div>
</div>
<div class="aboutpro-info">
<h4>iHussam</h4>
<p>حسام بها، مغربي الجنسية ، مهتم ومتابع لكل ما يتعلق بالتقنية، محب للتصميم والألعاب أيضاً، هاوٍ بجمع شخصيات ديزني،لا تنسى متابعتي عبر المواقع الاجتماعية.</p>
</div>
<div class="aboutpro-wrapicon">
<ul class="extender">
<li class="aboutpro-icon"><a href="facebook" rel="nofollow" target="_blank" ><i class="fa fa-facebook"></i></a></li>
<li class="aboutpro-icon"><a href="twitter" rel="nofollow" target="_blank" ><i class="fa fa-twitter"></i></a></li>
<li class="aboutpro-icon"><a href="googleplus" rel="nofollow" target="_blank" ><i class="fa fa-google-plus"></i></a></li>
<li class="aboutpro-icon"><a href="youtube" rel="nofollow" target="_blank" ><i class="fa fa-youtube"></i></a></li>
<li class="aboutpro-icon"><a href="rss" rel="nofollow" target="_blank" ><i class="fa fa-rss"></i></a></li>
</ul>
</div>
</div>

التغييرات :
غير كل ما هو محدد بالأحمر بالروابط الاجتماعية
المحدد بالوردي يغير بالكلمات
المحدد بالأخضر يخص رابط الصورة

مرسلة بواسطة Aouadi Ilyas في 5:27 ص

افضل التطبيقات لالتقاط الصور باحترافية للاندرويد

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

سنذكر التطبيقات بالترتيب حسب مميزاتها ونقصان المشاكل عليها 

اولا : CANDY CAMERA

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

صور عن التطبيق

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

تقيم المستخدمين

4.3

 2,013,052 كإجمالي

 

51,320,400

4346,028

3164,719

267,423

1114,482

ثانيا: RETRICA

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

صور عن التطبيق

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

تقيم المستخدمين

4.1

 89,243 كإجمالي

 

554,026

412,281

38,255

24,230

110,451

ثالثا : B612

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

صور عن التطبيق

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

تقيم المستخدمين

4.3

 1,532,327 كإجمالي

 

5986,849

4264,685

3133,952

260,477

1

مرسلة بواسطة Aouadi Ilyas في 2:12 م

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

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

اضافة مواضيع مميزة بلوجر

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

اولا :

1. تسجيل حسابك في Blogger

2. على لوحة التحكم الرئيسية اختر  قالب » تحرير Html

3. ابحث بإستعمال CTRL+F عن :  ]]></b:skin>

4. أضف الكود التالى قبله ( فوقه )

الكود

#recomanim {    margin: 1% 1% 0px;margin-top: 50px;}
.stat {position: absolute;z-index: 10;color: #FFF;padding: 3px 6px;font-size: 10px;border-radius: 3px;top: 5px;right: 5px;}
.recobox {margin-bottom: 10px;padding: 5px;background-image: linear-gradient(to bottom, #E8E8E8 0px, #F5F5F5 100%);background-repeat: repeat-x;border: 1px solid #DBDBDB;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);}
.anim {float: right;margin: 16px;border: 1px solid #CCC;border-radius: 3px;position: relative;width: 122px;height: 171px;overflow: hidden;font-family: ge_ss_threeregular;}
.stat.ongo {background: none repeat scroll 0% 0% #E75040;}
.anim a {display: block;font-size: 0px;}
.anim img {width: 100%;height: 100%;cursor: url(//ar1web-com.googlecode.com/svn/Hm/cursormicky.png),pointer;}
.anim img:hover {opacity: 0.9;margin-top: -11px;transition: all 0.3s ease;}
.anim p {margin: 0px;font-size: 11px;background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5);color: #FFF;position: absolute;bottom: 0px;z-index: 200;padding: 4px 6px 5px;width: 110px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: right;}

5. قم بحفظ القالب

ثانيا :

اضف الكود التالي في اداة في التخطيط او في اي مكان في القالب

<div class='recobox'> <div class='anim'> <span class='stat ongo'>200 زائر</span> <a href='http://www.tech1net.com/p/200.html'> <img alt='' src='http://s27.postimg.org/f473ravmb/Color.png' title=''/> <p> مجانا</p> </a> </div> <div class='anim'> <span class='stat ongo'>مسابقة</span> <a href='http://goo.gl/OrTlU0'> <img alt='' src='http://goo.gl/Q4aOWo' title=''/> <p> اشترك الان</p> </a> </div> <div class='anim'> <span class='stat ongo'>تبادل اعلاني</span> <a href='http://tknielantrnat.blogspot.com/p/blog-page_12.html'> <img alt='' src='http://goo.gl/5VcmdL' title=''/> <p> اضف موقعك الان</p> </a> </div> <div class='anim'> <span class='stat ongo'>خدمة مجانية</span> <a href='http://www.tech1net.com/p/blog-page_20.html'> <img alt='' src='http://goo.gl/AarnOE' title=''/> <p> تصميم شعار</p> </a> </div> <div class='clear'/> </div> </div>

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

ومبروك عليك الاضافة 

مرسلة بواسطة Aouadi Ilyas في 1:13 م

افضل تطبيق اندرويد للجرائد الجزائرية PDF

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

صور عن الواجهة 

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

مرسلة بواسطة Aouadi Ilyas في 4:00 م

اضافة شريط اخر الاخبار بشكل احترافي 2016 بلوجر

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

اضافة شريط اخر الاخبار بلوجر

طريقة الاضافة

1. من القالب ابحث عن ]]></b:skin> وضع كود التالي فوقه مباشرة

.ticker {overflow: hidden;}
.ticker .title {float: right; width: 130px; height: 40px; line-height: 40px; text-align: center; color: #FFFFFF; background: #269bd0;}
.post-tag{display: inline-block;height: 20px;line-height: 20px;padding: 0px 5px;font-size: 13px;margin-left: 4px;color: #fff !important;font:13px/1.5em tahoma;background-color: #B565BE;}
.ticker .ticker-icon {float: right;margin-right: 10px;}
.ticker .ticker-icon i {margin-left: 15px;display: inline-block;font-size: 18px;}
.ticker .title h6 {text-align: right; line-height: 40px; font-size: 13px; font-weight: bold; font-family: 'Droid Arabic Naskh',sans-serif; color: #fff;}
.ticker .tickercontainer {width: 84%;margin: 0;overflow: hidden;float: right;height: 40px;}
.ticker .tickercontainer .mask {position: relative;top: 8px;overflow: hidden;height: 40px;}
.ticker ul.newsticker {position: relative;right: 100px;list-style-type: none;margin: 0;padding: 0;height: 40px;}
.ticker ul.newsticker li {float: right;padding: 2px;height: 40px;margin-left: 15px;}
.ticker ul.newsticker a {white-space: nowrap;padding: 0 7px;color: #FFFFFF;font-size: 13px;font-weight:400;font:13px/1.5em tahoma;}
a.post-tag {line-height: 21px;}
.newsticker li:nth-child(1) a.post-tag{background-color: #2C97DE;}
.newsticker li:nth-child(2) a.post-tag{background-color: #A557A5;}
.newsticker li:nth-child(3) a.post-tag{background-color: #1E73BE;}
.newsticker li:nth-child(4) a.post-tag{background-color: #DD3333;}
.newsticker li:nth-child(5) a.post-tag{background-color: #E94B35;}
.newsticker li:nth-child(6) a.post-tag{background-color: #1EBE65;}
.newsticker li:nth-child(7) a.post-tag{background-color: #F7B625;}
.newsticker li:nth-child(8) a.post-tag{background-color: #479123;}
.newsticker .recent-title{display: inline-block;}
.ticker ul.newsticker span {margin: 0 0 0 10px;}
.ticker ul.newsticker .sep {display: inline-block;width: 6px;height: 7px;margin: 0 40px;}
.ticker-section {width: 100%; overflow: hidden; background: #414D58; box-shadow: inset 0 5px 0 rgba(0,0,0,0.04);}
.jari { color: #fff; position: relative; right: 5px; }

@media only screen and (max-width:640px){
.ticker .title{display:none}
.ticker .tickercontainer {width: 95%;}}

2. ضع الكود التالي فوق </body>

<script src='https://googledrive.com/host/0B0LkZloPKBfWSkI0T0R5VkVMQ0U'/>
<script>
  //<![CDATA[
$(".ticker .jari").each(function () {
 var e = $(this).text();
 if (e.match("recent")) {
  $.ajax({
   url: "/feeds/posts/default?alt=json-in-script&max-results=6",
   type: "get",
   dataType: "jsonp",
   success: function (e) {
    var t = "";
    var n = "<ul>";
    for (var r = 0; r < e.feed.entry.length; r++) {
     for (var i = 0; i < e.feed.entry[r].link.length; i++) {
      if (e.feed.entry[r].link[i].rel == "alternate") {
       t = e.feed.entry[r].link[i].href;
       break
      }
     }
     var s = e.feed.entry[r].title.$t;
     var o = e.feed.entry[r].category[0].term;
     n += '<li><a href="/search/label/' + o + '" class="post-tag">' + o + '</a><h3 class="recent-title"><a href="' + t + '">' + s + "</a></h3></li>"
    }
    n += "</ul>";
    $(".ticker .jari").each(function () {
     $(this).html(n);
     $(this).prev("h2").prepend('<i class="fa fa-thumb-tack"></i>');
     $(this).removeClass("widget-content").addClass("layout-content");
     $(this).find("ul").webTicker();
     $("p.trans").each(function () {
      var e = $(this).text();
      var t = $(this).attr("data-tran");
      $("#pages-wrapper *").replaceText(e, t)
     })
    })
   }
  })
 } else {
  $.ajax({
   url: "/feeds/posts/default/-/" + e + "?alt=json-in-script&max-results=10",
   type: "get",
   dataType: "jsonp",
   success: function (e) {
    var t = "";
    var n = "<ul>";
    for (var r = 0; r < e.feed.entry.length; r++) {
     for (var i = 0; i < e.feed.entry[r].link.length; i++) {
      if (e.feed.entry[r].link[i].rel == "alternate") {
       t = e.feed.entry[r].link[i].href;
       break
      }
     }
     var s = e.feed.entry[r].title.$t;
     var o = e.feed.entry[r].category[0].term;
     n += '<li><a href="/search/label/' + o + '" class="post-tag">' + o + '</a><h3 class="recent-title"><a href="' + t + '">' + s + "</a></h3></li>"
    }
    n += "</ul>";
    $(".ticker .jari").each(function () {
     $(this).html(n);
     $(this).prev("h2").prepend('<i class="fa fa-thumb-tack"></i>');
     $(this).removeClass("widget-content").addClass("layout-content");
     $(this).find("ul").webTicker();
     $("p.trans").each(function () {
      var e = $(this).text();
      var t = $(this).attr("data-tran");
      $("#pages-wrapper *").replaceText(e, t)
     })
    })
   }
  })
 }
});
  //]]>
</script>

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

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

<div class='clear'/>
<div class='ticker ticker-section' id='ticker'>
   <div>
     <div>
<div class='content-wrap container-wrapper '>
  <div class='title second-color-bg '>
        <div class='ticker-icon'> <i class='fa fa-globe'/> </div>
        <h6>آخر الصيحات</h6>
      </div>
  <div class='jari'>
    recent
  </div>
       </div>
</div>
   </div>
 </div>

مهم

التغييرات الأساسية
* في كود الشكل الثاني بالمرحلة 2 غير http://rissalat-i.blogspot.com/ برابط موقعك
* لتحكم في طول الشريط فالمقاسات محددة بالأخضر في كِلا الكودين بالمرحلة 1
* لتغيير لون مربع العنوان فهو محدد بالأزرق بالمرحلة 1
* إذا لم تظهر لك الأيقونات أضف الكود التالي فوق </head>

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'/>

المصدر مدونة عرب ويب

مرسلة بواسطة Aouadi Ilyas في 3:11 م

زيادة زوار المدونة ب600 زائر يوميا

السلام عليكم ورحمة الله تعالى وبركاته اضن انكم قد لاحضتم ان ترتيب مدنتي انخفض بشكل رهيب في الايام القليلة هاته هذا كله بسبب هذا الموقع الرائع الذي سيكسبك اكثر من 200 زائر يوميا .

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

شرح العمل على الموقع :

اولا : الدخول للموقع من هنا 

ثانيا : اتبع الخطوات الموضحة في الصورة

ملاحضة : عند وضع الرابط ما موضح في الصورة ستكسب 200 زائر ويمكنك فعل هذا مرة واحدة في اليوم لاكن اذ سجلت في الموقع بحسابت مختلفة يمكنك ان تكسب من كل حساب 200 زائر في اليوم وثلاث حسابات يمكن ان تكسب منها 600 زائر .

مرسلة بواسطة Aouadi Ilyas في 11:00 ص