محترف حصرى

ahmed bendary https://www.facebook.com/mo7trf.7sry https://www.youtube.com/channel/UCt5EmUmuZj9Yk0d_71vS7sg?sub_confirmation=1

تابعنا على :

f yt

محترف حصرى




نص من اختيارك
My E-mail : manyme05@gmail.com
My Phone No. : no Phone N° Provid
My Website : https://poowerless.blogspot.com
.
السلام عليكم ورحمة الله وبركاتة متابعي ومحبي مدونة محترف حصرى الأعزاء عدنا اليكم من جديد بعد غياب طويل وأقدم لكم اليوم  قالب شبابي المدفو...

7sry

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

    أهم مميزات قالب شبابي shbabee :

    1. تم تصميمه بأحدث التقنيات HTML5 , CSS3 , jQuery , Bootstrap 3
    2. متجاوب مع كل مقاييس الشاشات و الهواتف
    3. سهل و سريع في التصفح
    4. يمكن التحكم في القالب فقط من التخطيط
    5. يدعم مصمم النماذج لتعديل على ألوان القالب حسب ذوقك
    6. سلايد شو عملاق
    7. قائمة إحترافية
    8. صناديق عرض المواضيع حسب التسميات باشكال رهيبة
    9. صناديق مواقع التواصل الاجتماعي
    10. اظهار مشاركات الجديدة او حسب التسميات في صندوق يدعم ثلاث اقسام
    11. اضافة البث المباشر
    12. معرض الصور
    13. مشاركة الموضوع فوق التدوينة بشكل عائم
    14. الموضوع السابق و التالي مع صور بشكل انيق
    15. مواضيع ذات صلة رهيبة
    16. شكل التعليقات أنيق
    17. والمزيد ...
    صوره من لوحة التحكم

    معاينة

    والان نأتى لمعاينة وتحميل القالب

    معاينة

    تحميل                                               تحميل

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

    7sry

  • السلام عليكم اخواني اخواتي ,أعتقد أن جميعنا حاول أكثر من مره أن يستخدم خطوط عربيه جديده فى قالب مدونته على غرار الخطوط السته العربيه التي قدمتها جوجل مؤخرا ولكن البعض منا يريد ان يميز مدونته بخط اكثر جمالا ووضوحا لتظهر بشكل مميز واحترافي ولكنه يجد عائقا في اضافة هذه الخطوط الى مدونته , واليوم باذن الله سنتطرق الى كيفية تجاوز هذا العائق واضافة افضل ثلاثه خطوط في الويب الى مدونات بلوجر بطريقه سهله جدآ واحترافيه ,,,
    كيفية اضافة هذا الخط الى مدوناتكم

    1. من لوحة التحكم -> قالب -> تحرير HTML
    2. خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
    3. قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)

    </head>

    الخط الاول GESSTwoLight
    كود الخط الاول
    <link href='https://googledrive.com/host/0B-3cyo_HIYMIbGhrM09nZk5sVmc/GESSTwoMediumRegular.css' rel='stylesheet' type='text/css'/>

    الخط الثاني GESSTwoMediumRegular
    كود الخط الثاني

    <link href='https://googledrive.com/host/0B-3cyo_HIYMIbGhrM09nZk5sVmc/GESSTwoMediumRegular.css' rel='stylesheet' type='text/css'/>

    الخط الثالث DroidKufi-Bold
    كود الخط الثالث

    <link href='https://dl.dropboxusercontent.com/s/0saazd998wx8vpn/DroidKufi-Bold.css' rel='stylesheet' type='text/css'/>

    الآن بعد ان اضفت كود الخط الذي اخترته الى القالب تبقى لك خطوه اخيره لكي يظهر هذا الخط في مدونتك , كل ماعليك الان هو تغير اسم الخطوط في القالب , وخصوصا الأوسمة المهمه مثل الـ h2 , h3 , h1 , باسم الخط الذي اخترته ولتغيير اسم الخطوط في مدونتك قم بعمل الاتي:
    قم بالبحث داخل القالب عن الكود التالي
    Font-family:

    Font-family:Arial, Tahoma,vardana;       ستجده غالبا بهذا الشكل 
      font-family: كل ماعليك الان هو  استبدال اسم الخط الذي يلي كود الــــ
    باسم الخط المطلوب الذي  سبق واضفته لمدونتك 
             GESSTwoLight   وفي مايلي مثال لاضافة الخط الاول المسمى بـ 
    قبل 
    Font-family:Arial, Tahoma,vardana;
    بعد
    Font-family:GESSTwoLight, Tahoma, vardana;
    لاحظ هنا اننا قمنا باستبدال اسم الخط Arial   باسم الخط الجديد الذي اضفناه الى المدونه وهو  GESSTwoLight
    الان قم بتكرار العمليه على باقي اكواد font-family 
    واذا اردت تغيير خط المدونه بالكامل فقم بالبحث عن الكود التالي
    body{
    واضف الكود التالي بعده مباشره
    Font-family:GESSTwoLight, Tahoma, vardana;

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

    7sry

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


    كيفية اضافة هذا السلايد شو لمدوناتكم

    1. من لوحة التحكم -> قالب -> تحرير HTML
    2. خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
    3. قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)

     ]]></b:skin>

    ثم الصق الكود التالي قبله تمامآ
    .featuredpost.box_skitter.box_skitter_home.maxxiz-theme{padding:4px; background-color:#FDFDFD; box-shadow:0 1px 5px #BDBDBD; -moz-box-shadow:0 1px 5px #BDBDBD; -webkit-box-shadow:0 1px 5px #BDBDBD; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; height:350px; position:relative; z-index:88; margin-bottom:15px}.box_skitter_home.maxxiz-theme .prev_button, .box_skitter_home.maxxiz-theme .next_button, .box_skitter_home.maxxiz-theme .info_slide_dots{background-color:#F3F3F3; background:-moz-linear-gradient(top,#FFF 0%,#F3F3F3 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFF),color-stop(100%,#F3F3F3)); background:-webkit-linear-gradient(top,#FFF 0%,#F3F3F3 100%); background:-o-linear-gradient(top,#FFF 0%,#F3F3F3 100%); background:-ms-linear-gradient(top,#FFF 0%,#F3F3F3 100%); background:linear-gradient(top,#FFF 0%,#F3F3F3 100%); transition:background-color linear .3s; -moz-transition:background-color linear .3s; -webkit-transition:background-color linear .3s; -o-transition:background-color linear .3s; outline:0}#autorslidertop{padding:4px; border:1px solid #DDD; background-color:white; box-shadow:0 1px 5px rgba(0,0,0,.15); -moz-box-shadow:0 1px 5px rgba(0,0,0,.15); -webkit-box-shadow:0 1px 5px rgba(0,0,0,.15); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}.box_skitter ul{display:none}.box_skitter .container_skitter{overflow:hidden; position:relative; width:100% !important; height:100% !important; max-width:100%}.box_skitter .image{overflow:hidden; max-width:100%; max-height:100%; height:350px}.box_skitter .image > a{display:block; height:350px}.box_skitter .image img{display:none; width:100%; height:100%; max-height:100%}.box_skitter .box_clone{position:absolute; top:0; left:0; width:100px; overflow:hidden; display:none; z-index:20}.box_skitter img{max-width:none}.box_skitter .box_clone img{position:absolute; top:0; height:350px; left:0; z-index:19; max-width:710px; width:710px}.box_skitter .prev_button{position:absolute; top:50%; left:35px; z-index:100; width:42px; height:42px; overflow:hidden; text-indent:-9999em; margin-top:-25px}.box_skitter .next_button{position:absolute; top:50%; right:35px; z-index:100; width:42px; height:42px; overflow:hidden; text-indent:-9999em; margin-top:-25px}.box_skitter .info_slide{position:absolute; top:15px; left:15px; z-index:100; background:#000; color:#FFF; font:padding:5px 0 5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; opacity:0.75}.box_skitter .info_slide .image_number{background:#333; float:left; padding:2px 10px; margin:0 5px 0 0; cursor:pointer; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px}.box_skitter .info_slide .image_number_select{background:#c00; float:left; padding:2px 10px; margin:0 5px 0 0}.box_skitter .container_thumbs{position:relative; overflow:hidden; height:50px}.box_skitter .info_slide_thumb{-moz-border-radius:0; -webkit-border-radius:0; border-radius:0; overflow:hidden; height:45px; top:auto; bottom:-5px; left:-5px; padding:5px; opacity:1.0}.box_skitter .info_slide_thumb .image_number{overflow:hidden; width:70px; height:40px; position:relative}.box_skitter .info_slide_thumb .image_number img{position:absolute; top:-50px; left:-50px}.box_skitter .box_scroll_thumbs{padding:0 10px}.box_skitter .box_scroll_thumbs .scroll_thumbs{position:absolute; bottom:60px; left:50px; background:#ccc; background:-moz-linear-gradient(-90deg,#555,#fff); background:-webkit-gradient(linear,left top,left bottom,from(#555),to(#fff)); width:200px; height:10px; overflow:hidden; text-indent:-9999em; z-index:101; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; cursor:pointer; border:1px solid #333}.box_skitter .info_slide_dots{position:absolute; bottom:-40px; z-index:151; padding:5px 0 5px 5px; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px}.box_skitter .info_slide_dots .image_number{background:#333; float:left; margin:0 5px 0 0; cursor:pointer; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; width:18px; height:18px; text-indent:-9999em; outline:0; overflow:hidden}.box_skitter .info_slide_dots .image_number_select{background:#c00; float:left; margin:0 5px 0 0}.box_skitter .label_skitter{z-index:80; position:absolute; bottom:0; left:0; display:none}.loading{position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px; color:#FFF; text-indent:-9999em; overflow:hidden; background:#FFF no-repeat left top; width:32px; height:32px}.label_skitter{z-index:150; position:absolute; bottom:0; left:0; color:#FFF; display:none; opacity:0.9}.label_skitter p{padding:5px; margin:0}.info_slide *{}.box_skitter .progressbar{background:#000; position:absolute; bottom:5px; left:10px; height:5px; width:940px; z-index:99; border-radius:20px}.preview_slide{display:none; position:absolute; z-index:999; bottom:40px; left:-40px; width:100px; height:50px; border:3px solid #FFF; background:rgba(0,0,0,.5); -moz-box-shadow:rgba(0,0,0,0.7) 0 0 10px; -webkit-box-shadow:rgba(0,0,0,0.7) 0 0 10px; box-shadow:rgba(0,0,0,0.7) 0 0 10px; overflow:hidden}.preview_slide ul{width:100px; height:50px; padding:0; overflow:hidden; margin:0; list-style:none; display:block; position:absolute; top:0; left:0}.preview_slide ul li{width:100px; height:55px; overflow:hidden; float:left; margin:0; padding:0; position:relative; display:block}.preview_slide ul li img{position:absolute; top:0; left:0; height:55px; width:100px}#overlay_skitter{position:absolute; top:0; left:0; width:100%; z-index:9998; opacity:1; background:#000}.box_skitter_home{background-image:url(http://2.bp.blogspot.com/-DCmjx6RoZr4/USE6_AtfkoI/AAAAAAAAIew/Kymik1Hv4sY/s1600/anim_loading_sm_082208.gif); background-position:center center; background-repeat:no-repeat}.box_skitter_home.maxxiz-theme .prev_button, .box_skitter_home.maxxiz-theme .next_button, .box_skitter_home.maxxiz-theme .info_slide_dots{border:1px solid #FFF; box-shadow:0 1px 3px #BDBDBD; -moz-box-shadow:0 1px 3px #BDBDBD; -webkit-box-shadow:0 1px 3px #BDBDBD; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0}.box_skitter_home.maxxiz-theme .info_slide{}.box_skitter_home.maxxiz-theme .info_slide_dots{    bottom:-14px;     height:30px;     padding:0px 4px;     z-index:99}.box_skitter_home.maxxiz-theme .info_slide_dots span{transition:background linear .3s; -webkit-transition:background linear .3s; -moz-transition:background linear .3s; background-image:url(http://2.bp.blogspot.com/-wlQ0ByipI94/USJMy6cTt4I/AAAAAAAAIhI/0ZQk2Nw-F-Y/s1600/light-overlay.png); background-repeat:repeat-x; background-position:left -13px; background-color:#d1d1d1; color:#777; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border-bottom:1px solid #FFF; display:block; width:10px; height:10px; text-indent:-9999px; float:left; margin:10px 6px 0 6px}.box_skitter_home.maxxiz-theme .info_slide_dots span:hover{background-color:#777}.box_skitter_home.maxxiz-theme .info_slide_dots span.image_number_select{background-color:#1ABFC6; border:none; width:14px; height:14px; margin:8px 3px 0 3px; box-shadow:inset 1px 0 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.1); -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.1); -moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.1)}.box_skitter_home.maxxiz-theme .prev_button, .box_skitter_home.maxxiz-theme .next_button{display:block; width:75px; height:22px; line-height:30px; text-decoration:none; font-size:10px; text-transform:uppercase; transition:none; -webkit-transition:none; -o-transition:none; -moz-transition:none; text-indent:0; bottom:-11px; top:auto; color:#777; z-index:98; cursor:pointer}.box_skitter_home.maxxiz-theme .prev_button:hover, .box_skitter_home.maxxiz-theme .next_button:hover, .box_skitter_home.maxxiz-theme .prev_button:active, .box_skitter_home.maxxiz-theme .next_button:active{opacity:1 !important}.box_skitter_home.maxxiz-theme .next_button{right:25.5%; padding-right:5px; text-align:right; line-height:22px; opacity:1 !important}.box_skitter_home.maxxiz-theme .next_button span{padding-right:20px; background:url(http://3.bp.blogspot.com/-0sdXIJ1gg7E/USJMx9yN_NI/AAAAAAAAIg8/_c5LEVNSzyU/s1600/nav-next.png) no-repeat left top; background-position:right center; padding-bottom:1px; display:block}.box_skitter_home.maxxiz-theme .prev_button{left:25.5%; padding-left:5px; text-align:left; line-height:22px; opacity:1 !important}.box_skitter_home.maxxiz-theme .prev_button span{padding-left:20px; background:url(http://4.bp.blogspot.com/-z8Ap4NNJRac/USJMxgHGlDI/AAAAAAAAIg4/wblKthAlpyQ/s1600/nav-prev.png) no-repeat left top; background-position:left center; padding-bottom:1px; display:block}.box_skitter_home.maxxiz-theme .label_skitter{width:90%; padding:0; left:50%; margin-left:-45%; bottom:10%; text-align:right; height:auto; color:white}.box_skitter_home.maxxiz-theme .label_skitter .inner{padding:5px 8px 5px; background:#1ABFC6; border-right:5px solid white; border-left:5px solid white}.box_skitter_home.maxxiz-theme .label_skitter p{padding:0; margin-top:5px; margin-bottom:5px; font-size:11px; text-shadow:0 1px 0 rgba(0,0,0,0.3)}.box_skitter_home.maxxiz-theme .label_skitter strong{margin-top:0; line-height:20px !important; font-size:15px; text-shadow:0 1px 0 rgba(0,0,0,.3); color:white}.box_skitter_home.maxxiz-theme .label_skitter a{color:#fff; text-decoration:none; font-family:arial,tahoma; font-size:17px; text-shadow:1px 1px #00D2D9}.box_skitter_home.maxxiz-theme .label_skitter a:hover{color:#00D2D9}.box_skitter_home.maxxiz-theme .info_slide_thumb{background-color:#FFF}.box_skitter.maxxiz-theme .info_slide_thumb .image_number{margin:5px}.box_skitter .container_skitter .date, .box_skitter .container_skitter .cm{font-size:8px}.box_skitter .container_skitter .date span{margin-right:3px}#autoslidenya .widget-content, #manualslidenya1 .featuredarea{margin:0; padding:2px}#manualslidenya1 .featuredarea{margin:0 0 15px}

    ثم قم بالبحث عن الكود التالي
    </head>

    والصق الكود التالي قبله مباشره (فوقه)
    <script type="text/javascript" src="http://yourjavascript.com/3102224223/slideshow-jalal-maxxiz.js"></script><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script>
    قم بالبحث عن
    <div id='main-wrapper'>
    واذا لم تجده قم بالبحث عن احد الاكواد التاليه
    <div id='main-wrapper'>          او<div id='content'>          او<div id="content"></div>          او<div class='column-center-inner'>

    و الصق الكود التالي بعده/أسفله :
    <b:if cond='data:blog.url == data:blog.homepageUrl'><div class='clear'/><div id='featpost'/><script type='text/javascript'>jQuery(&quot;#featpost&quot;).AutofeaturedPost({blogURL: &quot;https://poowerless.blogspot.com/&quot;,MaxPost:10,tagName: &quot;قوالب بلوجر&quot;});</script><div class='clear'/></b:if>
    الان يجب عليك استبدال رابط مدونتي https://poowerless.blogspot.com برابط مدونتك
    وايضا قم باستبدال كلمة قوالب بلوجر باسم احد اقسام مدونتك

    وبالاخير قم بحفظ القالب وتمتع بمشاهدة السلايدرشو وهو يعرض اخر مواضيع مدونتك بطريقه تلقائيه وبدون بذل اي جهد او تعب من قبلك
    قوالب البيع والشراء في منصة بلوجر تواجه مشكلة كبيرة وهي طرق الدفع حيث ان بلوجر كمنصة ليست مخصصه لعمليات البيع , لكن الكثيرين ير...
  • M-7sry

    • هناك تعليقان (2)

    • حصرى

    • أغسطس 13, 2019

  • قوالب البيع والشراء في منصة بلوجر تواجه مشكلة كبيرة وهي طرق الدفع حيث ان بلوجر كمنصة ليست مخصصه لعمليات البيع , لكن الكثيرين يرغبون بأن يكون هناك معرض للمنتجات يوفر التواصل بين البائع والمشتري للمنتج بحيث يمكنه التوصل لطرق دفع مناسبه لكليهما وهذا ما يوفره القالب الخاص بنا يعمل القالب كمعرض للمنتجات تضيف به ما ترغب من المنتجات الخاصة بك وان أراد مشتري ان يطلب أحدها يمكنه ببساطه أن يدخل بياناته وبريده الإلكتروني وطلب المنتج وتلقائياً سيصل طلب على بريد المدونة به اسم المنتج المطلوب وبريد المشتري بحيث تتواصل معه وتحدد له طريقة دفع مناسبه او تخبره ما تريد حول المنتج
    ويتميز القالب بـ تصميم حديث وجميل جداً ويصلح للمتاجر الإلكترونيه، كما أنه خفيف فى التحميل ومتجاوب مع مختلف مقاسات الشاشات وأيضاً متوافق مع السيو Seo.
    يتميز قالب تسويق بلوجر معرب بـ : 
    1. متوافق مع أجهزة الجوال المختلفه. 
    2. متوافق مع السيو. 
    3. صفحة الخطأ 404. 
    4. خفيف وسريع فى التحميل. 
    5. جاهز لوضع الإعلانات. 
    6. بسيط فى التصميم. 
    7. القوائم المنسدله مدعومه. 
    8. يدعم مشاركة الروابط عبر مواقع التواصل الإجتماعى. 
    9. يدعم لغات الـ HTML5 و الـCSS3. 
    10. متوافق مع جميع المتصفحات. 
    11. يدعم طريقة دفع الباى بال PayPal فقط. 
    12. يحتوى على حقوق التعريب. 
    13. يحتوى على حقوق التصميم.
    معاينة لوحة التحكم 

    معاينة

    كيفية تركيب القالب:
    افتح ملف القالب فى محرر النصوص و قم بنسخ جميع الأكواد الموجوده داخل ملف القالب ، توجه إلى المدونه التى تريد تركيب القالب عليها ثم أدخل على تبويب المظهر ومن ثم إضغط على تحرير HTML وقم بـ تحديد جميع الأكواد وحذفها ، قم بـ لصق أكواد القالب الجديد وأضغط على حفظ النموذج.
    أكواد مهمه تحتاجها فى عملية تخصيص القالب:
    كود الأقسام:
    http://رابط الموقع/search/label/اسم القسم
    كود سلايد شو Slider Widget:
    <div class=”latestposts” data-no=”5″></div><div class=”tagpost” data-label=”اسم القسم” data-no=”5″></div>
    كود المنتجات المفضله Featured Product:
    <span class=”labelpost” data-label=”اسم القسم” data-no=”4″></span>

    كود المنتجات الشائعه Random Product:
    <span class=”randomposts” data-no=”4″></span>

    اضافة صفحة عربة التسوق:
    لـ إضافة عربة التسوق بـ شكلٍ صحيح قم بـ إنشاء صفحة ثابتة على مدونتك ويجب تسميتها بـ cart أى أن عنوان الصفحه يكون بـ هذا الاسم، ثم قم بـ عرض الصفحة للتأكد من رابطها حيث أن رابط الصفحه يجب أن يكون على هذا النحو:
    http://رابط المدونه/p/cart.html

    اضافة صفحة متابعة عملية الشراء:
    لـ إضافة متابعة عملية الشراء بـ شكلٍ صحيح قم بـ إنشاء صفحة ثابتة على مدونتك ويجب تسميتها بـ checkout أى أن عنوان الصفحه يكون بـ هذا الاسم، ثم قم بـ عرض الصفحة للتأكد من رابطها حيث أن رابط الصفحه يجب أن يكون على هذا النحو:
    http://رابط المدونه/p/checkout.html

    كود السعر:
    يضاف كود السعر داخل حقل التسميات على جانب المقاله وكود سعر المنتج يكون على هذا النحو:
    price_120.00 دولارprice_140.00 دولارprice_160.00 دولار
    كود الخصم:
    يضاف كود الخصم داخل حقل التسميات أيضاً وكود الخصم الخاص المنتج يكون على هذا النحو:
    off@-55%off@-65%off@-75%
    كود تقييمات المستخدمين:
    <span class=”recentcomments” data-no=”4″></span>
    يوجد كود كود إعلان الخصم مع القالب يتم وضعة اسفل كل مقال لكي يعطيك شكل افضل 
    انتظرنا فى شرح قريب بالفيديو على قناة حصرى اونلاين
    والان مع المعاينة وتحميل القالب

    معاينة

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



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

    7sry

  • السلام عليكم اخواني اخواتي متابعي مدونة محترف حصرى , كثير من المدونين يعتقدون أن مدونات بلوجر تفتقر الى الاضافات الجيده والمنسقه بشكل انيق , التي يمكن أن تضاف إلى منصات أخرى مثل ووردبريس وجوملا،ولكن هذا الاعتقاد خاطئ.فهناك كثير من الاضافات الاحترافيه التي تمكنك من تخصيص مدونتك وتطويرها لتظهر بشكل جذاب واحترافي ,واليوم باذن الله سوف نكسر هذا المعتقد بهذه الاضافه الاحترافيه والتي هي عباره عن شريط جانبي على شكل قائمه عموديه تتضمن خمس من اشهر مواقع التواصل الاجتماعي (twitter ,Facebook ,Google+, feedburner, tumblr )والتي تتميز بشكلها الرائع والانسيابي والذي بدوره يزيد من جمالية المدونه واحترافيتها


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

    معاينة

    كيفية اضافة هذه القطعه الى مدوناتكم

    1. انتقل إلى لوحة تحكم مدونتك
    2. إختر "تخطيط" ثم إضافة أداة ثم اختر HTML/Javascript
    3. والآن الصق داخل المستطيل الكود التالى
    <div id='social-sidebar'><ul><li><a class='entypo-twitter' href='https://twitter.com/#' target='_blank'><span>Twitter</span></a></li><li><a class='entypo-gplus' href='https://plus.google.com/u/0/b/115387305017738790650' target='_blank'><span>google+</span></a></li><li><a class='entypo-tumblr' href='http://www.tumblr.net/##' target='_blank'><span>tumblr</span></a></li><li><a class='entypo-facebook' href='http://www.facebook.net/###' target='_blank'><span>facebook</span></a></li><li><a class='entypo-rss' href='http://feeds.feedburner.com/####' target='_blank'><span>feedburner</span></a></li></ul></div><style type='text/css'>/*<![CDATA[*/@charset "utf-8";/* CSS Document *//* ---------- ENTYPO ---------- *//* ---------- Digital Hub Inc : /---------- */@import url(http://weloveiconfonts.com/api/?family=entypo);[class*="entypo-"]:before {font-family: 'entypo', sans-serif;}/* ---------- GENERAL ---------- */#social-sidebar a { text-decoration: none; }#social-sidebar ul {list-style: none;margin: 0;padding: 0;}/* ---------- Social Sidebar ---------- */#social-sidebar {left: 0;margin-top: -75px; /* (li * a:width) / -2 */position: fixed;top: 50%;}#social-sidebar ul li:first-child a { border-radius: 0 5px 0 0; }#social-sidebar ul li:last-child a { border-radius: 0 0 5px 0; }#social-sidebar ul li a {background: #121212;color: #fff;display: block;height: 50px;font-size: 18px;line-height: 50px;position: relative;text-align: center;width: 50px;}#social-sidebar ul li a:hover span {left: 130%;opacity: 1;}#social-sidebar ul li a span {border-radius: 3px;line-height: 24px;left: -100%;margin-top: -16px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;padding: 4px 8px;position: absolute;-webkit-transition: opacity .3s, left .4s;-moz-transition: opacity .3s, left .4s;-ms-transition: opacity .3s, left .4s;-o-transition: opacity .3s, left .4s;transition: opacity .3s, left .4s;top: 50%;z-index: -1;}#social-sidebar ul li a span:before {content: "";display: block;height: 8px;left: -4px;margin-top: -4px;position: absolute;top: 50%;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);width: 8px;z-index: -2;}#social-sidebar ul li a[class*="twitter"]:hover,#social-sidebar ul li a[class*="twitter"] span,#social-sidebar ul li a[class*="twitter"] span:before { background: #6CDFEA; }#social-sidebar ul li a[class*="gplus"]:hover,#social-sidebar ul li a[class*="gplus"] span,#social-sidebar ul li a[class*="gplus"] span:before { background: #E34429; }#social-sidebar ul li a[class*="tumblr"]:hover,#social-sidebar ul li a[class*="tumblr"] span,#social-sidebar ul li a[class*="tumblr"] span:before { background: #1769ff; }#social-sidebar ul li a[class*="facebook"]:hover,#social-sidebar ul li a[class*="facebook"] span,#social-sidebar ul li a[class*="facebook"] span:before { background: #234999; }#social-sidebar ul li a[class*="rss"]:hover,#social-sidebar ul li a[class*="rss"] span,#social-sidebar ul li a[class*="rss"] span:before { background: #f57b05; }/*]]>*/</style>
    التعديل على الاضافى
    استبدال #### باسم حسابك في فيدبرنر
    استبدال # باسم حسابك في تويتر
    استبدال ### باسم صفحتك في فيس بوك
    استبدال 115387305017738790650 باسم حسابك جوجل بلس
    استبدال ## باسم حسابك في تمبلر
    وبالاخير قم بحفظ القطعه ومبروك عليك الاضافه ولا تنسى ان تشاركنا ارائك بتعليق
    يتسأل الكثيرون مؤخراً عن دراسات الحالة التى قمنا بنشرها على الموقع لأكثر من عميل فى سيو صح وكيف قمنا بمضاعفة زيارات هذه المواقع من محركات ...

    7sry

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

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

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

    إذا كيف نقوم بهذا الأمر بهذه السرعة ؟

    بعد العمل لمدة 10 سنوات وأكثر على مئات المواقع توصلت إلى ما يسمى بـ Blueprint أو دليل أثبت نجاحه فى أكثر من 80% من المواقع التى عملت عليها أنا وفريقى وهو كالتالى :-

    1. جمع الداتا وكشف الـ Not Provided
    بعد تسلم الموقع نبدأ فى رحلة جمع البيانات وذلك عن طريق كشف الكلمات المفتاحية الـ Long Tail التى يتصدر فيها المنافسين ولكنهم لا يستهدفونها بشكل مباشر فى عناوين صفحاتهم ونستخدم فى هذا الأمر موقع Semrush لكشف الكلمات المفتاحية التى تظهر فيها المواقع المنافسة .

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

    2. كتابة محتوى معتمدين على الـ Topical Research
    بعد تحديد أهم الكلمات المفتاحية التى يظهر فيها المنافسين ولا يستهدفونها بشكل مباشر فى عناوين صفحاتهم وكشف الكلمات الـ Not Provided نبدأ فى كتابة محتوى يعتمد على الـ Topics وهنا أيضاً نستفيد من بيانات Semrush حيث نقوم بفلترة نتائج المنافسين عن طريق روابط الصفحات التى يظهرون بها فى جوجل ومن ثم معرفة عدد الكلمات التى تظهر بها كل صفحة فى جوجل .

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

    3. الربط الداخلى على أكبر عدد ممكن من الكلمات ( Automatic )
    ما الذى يميز ويكيبيديا عن أى موقع أخر على الإنترنت ؟
    نعم عدد الصفحات المهول والبنية التحتية المترابطة ما بين صفحاته المختلفة !

    ويكيبيديا يستخدم سكريبت يدعى Media wiki ولكننا فى الـ WordPress نستخدم Plugins مدفوعة تساعدنا على الربط على كافة الكلمات المفتاحية التى سنستهدفها خلال الشهر عن طريق تحديد الكلمة والرابط الذى نريد أن نضعه على الكلمة حين يتم ذكرها داخل أى مقالة أو صفحة جديدة وهذا يساعد الموقع أن يحسن بنيته التحتية والربط بين صفحاته بشكل أوتوماتيكى بدون تدخل يدوى منا بعد ذلك .

    4. تنقيح المحتوى إعتماداً على TF-IDF
    لقد تحدث حول هذا الأمر كثيراً مؤخراً وهذا لأهميته الكبيرة التى يغفلها معظم أصحاب المواقع ، بإختصار شديد مصطلح TF-IDF معناه معدل تكرار الكلمات المفتاحية مقارنة بنسبة المحتوى المحيط بها .

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

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

    5. أخيراً الباك لينكس والـ Social Signals
    كما تلاحظ أننى لم أذكر الباك لينكس أو السوشيال سيجنالز فى البداية وهذا لأننا بالفعل لا نحتاجها فى بداية العمل على أى موقع إلا بعد القيام بكافة الخطوات السابقة .

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

    نبدأ دائماً بنشر مقالات حصرية فى هذه المواقع والحصول على إشارات لمواقع عملائنا بأكثر من شكل عن طريق anchor text أو image url أو حتى فى خانة المصادر نهاية المقالة وهذا لتنويع نمط الباك لينك بالإضافة لأننا أحياناً نعيد كتابة محتوى سابق فى هذه المواقع بغرض تحسين ترتيبه والإستفادة من كونه محتوى قديم به أوثورتى .

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

    7sry

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

    كيفية اضافة هذا السلايدر شو الى مدوناتكم

    1. من لوحة التحكم -> قالب -> تحرير HTML
    2. خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
    3. قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
    ]]></b:skin> 
    والصق الكود التالي قبله تمامآ
    #alwansd{height: 428px;margin: 0 0 0px 0px;padding: 15px 28px 15px 16px;width: 672px;background: #373737;}.alwanw{position: relative;height:385px;}.alwanw .contentdiv{visibility: hidden;position: absolute;opacity: 1;}.alwan-ps{text-align: right;float: left;width: 670px;height: 11px;margin-left:-43px;}.alwan-ps .toc{font-size: 0px;width: 102px;height: 11px;float: right;background: #5b5b5b;margin-left: 1px;}.alwan-ps a.selected{background:#dfdfdf;}.alwan-ps .prev, .alwan-ps .next {display:none; }.alwanip{width: 618px;padding: 10px !important;bottom: 0;float: left !important;position: absolute;background:url(http://3.bp.blogspot.com/--PmJCnAgSsc/USDs0q1v30I/AAAAAAAADoY/_nmnrEqXG4U/s1600/backslide.png);}.alwanip a{color:#dcdcdc;font: 12px droidkufi-bold;margin:0;padding:0;line-height: 19px;}.alwanip h6{margin: 0;}.alwanip h6 a:hover {color:#c2df00;}.alwanip .alwand{font:12px arial; margin:4px 0; color:#a5a5a5; }.alwanip p{font-size: 13px;margin: 0;color: #a5a5a5;line-height: 23px;}.alwansf a img{float: right !important; }.alwansf {float: right !important; width:680px!important;}.column-center-outer {width: 680px;}

    قم بتغيير اللون بكود اللون المناسب لمدونتك
    الآن قم بالبحث عن
    </head>
    والصق الكود التالي قبله مباشره (فوقه)
    &lt;script&gt; /* Script from:http://computer-for-security.blogspot.com */imgr = new Array();imgr[0] = &quot;http://lh3.ggpht.com/_kViOplhgIHI/TKxBIScZTiI/AAAAAAAAAWE/PM7AQ1lf6ME/noimages.jpg&quot;;showRandomImg = true;aBold = true;summaryPost = 150; numposts1 = 6; label1 = &quot;القسم&quot;;function removeHtmlTag(strx,chop){var s=strx.split(&quot;&lt;&quot;);for(var i=0;i&lt;s.length;i++){if(s[i].indexOf(&quot;&gt;&quot;)!=-1){s[i]=s[i].substring(s[i].indexOf(&quot;&gt;&quot;)+1,s[i].length)}}s=s.join(&quot;&quot;);s=s.substring(0,chop-1);return s}function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i&lt;numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k&lt;entry.link.length;k++){if(entry.link[k].rel==&#39;alternate&#39;){posturl=entry.link[k].href;break}}for(var k=0;k&lt;entry.link.length;k++){if(entry.link[k].rel==&#39;replies&#39;&amp;&amp;entry.link[k].type==&#39;text/html&#39;){pcm=entry.link[k].title.split(&quot;&quot;)[0];break}}       if (&quot;content&quot; in entry) {var postcontent = entry.content.$t;}elseif (&quot;summary&quot; in entry) {var postcontent = entry.summary.$t;}else var postcontent = &quot;&quot;;postdate = entry.published.$t;if(j&gt;imgr.length-1) j=0;img[i] = imgr[j];s = postcontent    ; a = s.indexOf(&quot;&lt;img&quot;); b = s.indexOf(&quot;src=\&quot;&quot;,a); c = s.indexOf(&quot;\&quot;&quot;,b+5); d = s.substr(b+5,c-b-5);if((a!=-1)&amp;&amp;(b!=-1)&amp;&amp;(c!=-1)&amp;&amp;(d!=&quot;&quot;)) img[i] = d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=[&quot;Jan&quot;,&quot;Feb&quot;,&quot;Mar&quot;,&quot;Apr&quot;,&quot;May&quot;,&quot;Jun&quot;,&quot;Jul&quot;,&quot;Aug&quot;,&quot;Sep&quot;,&quot;Oct&quot;,&quot;Nov&quot;,&quot;Dec&quot;];var day=postdate.split(&quot;-&quot;)[2].substring(0,2);var m=postdate.split(&quot;-&quot;)[1];var y=postdate.split(&quot;-&quot;)[0];for(var u2=0;u2&lt;month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;}}var daystr = day+ &#39; &#39; + m + &#39; &#39; + y ;var trtd = &#39;&lt;div class=&quot;contentdiv&quot;&gt;&lt;div class=&quot;alwansf&quot;&gt;&lt;a href=&quot;&#39;+posturl+&#39;&quot;&gt;&lt;img width=&quot;617&quot; height=&quot;385&quot; class=&quot;alignnone&quot; src=&quot;&#39;+img[i]+&#39;&quot;/&gt;&lt;/a&gt;&lt;div class=&quot;sliderPostInfo&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;alwanip&quot;&gt;&lt;h6&gt;&lt;a href=&quot;&#39;+posturl+&#39;&quot;&gt;&#39;+posttitle+&#39;&lt;/a&gt;&lt;/h6&gt;&lt;div class=&quot;alwand&quot; &gt;&#39;+daystr+&#39;&lt;/div&gt;&lt;p&gt;&#39;+removeHtmlTag(postcontent,summaryPost)+&#39;...&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&#39;;    document.write(trtd);      j++;}}&lt;/script&gt;

    قم بتغيير كلمة القسم باسم القسم الذي سيتم عرض مواضيعه على السلايدرشو
    بعد ذلك قم بالبحث عن
    </body>
    والصق الكود التالي قبله مباشره (فوقه)
    <script src='http://albaadani.googlecode.com/files/contentslider.js'></script> <script> featuredcontentslider.init({id: "slider1", //id of main slider DIVcontentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc]nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide.enablefade: [true, 0.5], //[true/false, fadedegree]autorotate: [true, 6000], //[true/false, pausetime]onChange: function(previndex, curindex){ //event handler fired whenever script changes slide//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)}})</script>
    وفى الاخر ابحث عن
    <div id='main-wrapper'>
    او احد الاكواد الاتيه ان لم تجدو جرب على حسب نوع القالب الخاص بك

    <div id='main-wrapper'>
        او
    <div id='content'>
        او
    <div id="content"></div>
        او
    <div class='column-center-inner'>
    و الصق الكود التالي بعده/أسفله 
    <b:if cond='data:blog.url == data:blog.homepageUrl'><div id='alwansd'><div class='alwanw' id='slider1'>&lt;script&gt;document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);&lt;/script&gt;</div><div class='alwan-ps' id='paginate-slider1'></div></div></b:if>

    قم بحفظ القالب وقم بالمعاينه ومبرووك عليك السلايدرشو الاحترافي
    السلام عليكم ورحمة الله تحميل قالب عالم المدون فى اخر أصدار له الأصدار العاشر v10 الأن مجانا للجميع ، بعد طلب الكثير منى نشر القالب وا...
  • M-7sry

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

    معاينة


    مميزات القالب 
    1. متجاوب 
    2. دعم السيو
    3.  أكواد ميتا تاج 
    4. دعم المتصفحات الحديثه 
    5. تصميم عصري وأكواد نظيفة 
    6. سريع 
    7. قالب تقني 
    8. صمم بأحدث التقنيات 

    معاينة وتحميل القالب

    معاينة

    تحميل                                                  تحميل

    إدعمنا لكي نستمر في تقديم المزيد 
    تابع المدونه : من هنا 
    لايك لصفحتنا : من هنا 
    اشترك فى قناتنا:من هنا
    نرجو عدم حذف الحقوق وعدم مخالفة شروط الإستخدام وبالتوفيق
    تم بحمد الله الانتهاء من الموضوع ...
    أي أسئلة أو إستفسار حول الموضوع لا تتردد في طرحها ف التعليقات 
    مرحبا بكم اخواني من جديد فى مدونة محترف حصرى هذه المرة سوف نقوم بإضافة " قائمه المتابعه عبر المواقع الاجتماعيه على شكل Metro "...

    7sry

  • مرحبا بكم اخواني من جديد فى مدونة محترف حصرى هذه المرة سوف نقوم بإضافة " قائمه المتابعه عبر المواقع الاجتماعيه على شكل Metro " لمدونات بلوجر بشكل جديد بل بأشكال جديدة وبعدة ألوان مصممة حسب ذوقكم والتي تظفي جمالية أكثر لمدونات بلوجروتزيدها احترافيه , تحتوي هذه الاضافه على قائمه افقيه متعددة الالوان تشمل اشهر مواقع التواصل الاجتماعي twitter ,Facebook ,Google+, feedburner, LinkedIn والذي بدورها تساهم في توسع مدونتك وزيادة متابعيها وزوارها
    يمكنك معاينة الاضافة قبل العمل 

    معاينة


    ضع هذه الاضافه وفي اي اتجاه تكون اجمل؟
    مكان وضع الإضافة مهم جدا لإقبال الزوار عليها , فهناك اماكن لا يقترب الزائر منها , فالمكان الامثل لوضع هذه الإضافة
    إما على اعلى المدونه (تحت الهايدر)،او اسفل المدونه (فوق الفوتر)، وهذا لتظهر افضل نتائج للإضافة

    كيفية اضافة الاكواد الى مدونتك 
    1. انتقل إلى لوحة تحكم مدونتك
    2. إختر "تخطيط" ثم إضافة أداة ثم اخترHTML/Javascript
    3. والآن الصق داخل المستطيل الكود التالي
    <style>A:link {text-decoration: none; color: }.Mbt-Social-metro {width: 960px;float: right;margin: 0;padding: 1em 0; }.Mbt-Social-metro ul { margin: 0;  padding: 0;}.Mbt-Social-metro ul li {  list-style:none; list-style-type: none;   padding: 0; text-transform: none; margin:0; float: right;display: inline-block; width: 20%; }.Mbt-Social-metro ul li a { font-size:80%;text-align : center;color: #fff!important;   display:block;  }.Mbt-Social-metro ul li a:hover {  color: #000!important;  background-color: #e5e5e5; text-decoration: none;   }idc-scoail ul li a, ul li a:hover {-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}.Mbt-Social-metro ul li .rss { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center #F87E12; background-size: 30px; padding: 10px 50px; }.Mbt-Social-metro ul li .twitter { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center #4CACEE; background-size: 30px; padding: 10px 50px;}.Mbt-Social-metro ul li .facebook { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center #3B5998; background-size: 30px; padding: 10px 50px; }.Mbt-Social-metro ul li .google { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center #D44937; background-size: 30px; padding: 10px 50px; }.Mbt-Social-metro ul li .linkedin { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 10px center #3692C3; background-size: 30px; padding: 10px 50px; }/* width of 768px */@media only screen and (min-width: 768px) and (max-width: 959px) {    .Mbt-Social-metro ul li { width: 50%; }}/* width of 480px */@media only screen and (min-width: 480px) and (max-width: 767px) {     .Mbt-Social-metro ul li { width: 50%; }}/* width of 320px */@media only screen and (max-width: 480px) {.Mbt-Social-metro ul li { width: 100%; }}</style><div class='Mbt-Social-metro'><ul><li><a class='rss' href='http://feeds.feedburner.com/##'>اشترك معنا عبر الخلاصات</a></li><li><a class='twitter' href='https://twitter.com/###'>تابعتي على تويتر twitter</a></li><li><a class='facebook' href='https://www.facebook.com/####'>تواصل معي عبر فيس بوك</a></li><li><a class='google' href='https://plus.google.com/0000'>تابعني على جوجل بلس</a></li><li><a class='linkedin' href='http://in.linkedin.com/in/#####'>LinkedIn تواصل مع على </a></li></ul></div>
    تخصيص الاضافه
    استبدال ## باسم حسابك في فيدبرنر
    استبدال ### باسم حسابك في تويتر
    استبدال #### باسم صفحتك في فيس بوك


    استبدال ##### باسم حسابك في لينكدين
    استبدال 0000 باسم حسابك جوجل بلس
    لتغيير عرض الاضافهwidth: 960px; قم بتغيير القيمه فقط

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

    7sry

  • سنتطرق اليوم في هذه التدوينه الى كيفية اضافة سلايد شو Slidershow احترافي لمدونات بلوجر بطريقه سهله جدا ومميزه حيث تعتمد هذه الاضافه على كود الجافا سكريب , يعني تقدر تضيف هذا السلايد شو الى مدونتك بخطوه واحده فقط وهي اضافة اداه
    HTML/JavaScript , مايميز هذا السلايد شو انه يضفي لمسة جميلة على المدونات حيث يساهم بشكل كبير في إثارة انتباه الزائر إلى أكثر المواضيع أهمية. الأمر بسيط جدا و سأحاول تبسيطه أكثر قدر الإمكان ان شاء الله


    كيفية اضافة هذه الاداه الى مدوناتكم



    1. انتقل إلى لوحة تحكم مدونتك
    2. HTML/Javascript إختر "تخطيط" ثم إضافة أداة ثم اختر
    3. والآن الصق داخل المستطيل الكود التالي
    <style type="text/css">/* alb33dani.blogspot.com */#sliderFrame {position:relative;width:700px;margin: 0 auto 40px;}#slider {width:700px;height:306px;/* Make it the same size as your images */background:#fff urlundefinedhttp://4.bp.blogspot.com/-aVGCcclfKQo/UR-T3vxFAMI/AAAAAAAABm8/ncwIfUdoLIw/s1600/loading.gif) no-repeat 50% 50%;position:relative;margin:0 auto;/*make the image slider center-aligned */box-shadow: 0px 1px 5px #999999;    }#slider img {position:absolute;border:none;display:none;    }/* the link style undefinedif an image is wrapped in a link) */#slider a.imgLink {z-index:2;display:none;position:absolute;top:0px;left:0px;border:0;padding:0;margin:0;width:100%;height:100%;    }/* Caption styles */div.mc-caption-bg, div.mc-caption-bg2 {position:absolute;width:100%;height:auto;padding:0;left:0px;bottom:15px;z-index:3;overflow:hidden;font-size: 0;    }div.mc-caption-bg {background-color:black;    }div.mc-caption {font: bold 14px/20px Arial;color:#EEE;z-index:4;padding:10px 0;text-align:center;    }div.mc-caption a {color:#FB0;    }div.mc-caption a:hover {color:#DA0;    }/* ------ built-in navigation bullets wrapper ------*/div.navBulletsWrapper  {top:320px; left:280px; /* Its position is relative to the #slider */width:150px;background:none;padding-left:20px;position:relative;z-index:5;cursor:pointer;    }/* each bullet */div.navBulletsWrapper div    {width:11px; height:11px;background:transparent urlundefinedhttp://3.bp.blogspot.com/-ZUaX5-lcCi4/UR-TzMXcpuI/AAAAAAAABm0/kokxtfFdNcU/s1600/bullet.png) no-repeat 0 0;float:left;overflow:hidden;vertical-align:middle;cursor:pointer;margin-right:11px;/* distance between each bullet*/_position:relative;/*IE6 hack*/    }div.navBulletsWrapper div.active {background-position:0 -11px;}/* --------- Others ------- */#slider    {transform: translate3dundefined0,0,0);-ms-transform:translate3dundefined0,0,0);-moz-transform:translate3dundefined0,0,0);-o-transform:translate3dundefined0,0,0);    }</style><script src="http://dimpost.googlecode.com/files/js-image-slider.js" type="text/javascript"></script><div id="sliderFrame"><div id="slider"><a href="#"><img src="رابط الصوره الاولى" alt="عنوان الموضوع الاول" /></a><a href="#"><img src="رابط الصوره الثانيه" alt="عنوان الموضوع الثاني" /></a><a href="#"><img src="رابط الصوره الثالثه"alt="عنوان الموضوع الثالث" /></a><a href="#"><img src="رابط الصوره الرابعه"alt="عنوالن الموضوع الرابع" /></a><a href="#"><img src="رابط الصوره الخامسه" alt="عنوان الموضوع الخامس"/></a></div></div>

    مايجب عليك تغييره
    عنوان الموضوع : استبدلها بعنوان الموضوع المراد عرضه في السلايد شو.
    رابط صورة الموضوع : استبدلها برابط صورة الموضوع المراد عرضه بالسلايد شو.
    # : استبدلها برابط الموضوع المراد عرضه بالسلايد شو.
    700px : لتغيير عرض السلايد شو .
    306px:لتغيير ارتفاع السلايدشو.
    وبالاخير قم بحفظ الاداه ومبروك عليك السلايدشو
    السلام عليكم ورحمة الله وبركاته ومرحبا بكم من جديد في مدونة محترف حصرى , اليوم ان شاء الله سنتعلم معا كيفية ترقيم تعليقات بلوجر بطريقه بسي...

    7sry

  • السلام عليكم ورحمة الله وبركاته ومرحبا بكم من جديد في مدونة محترف حصرى , اليوم ان شاء الله سنتعلم معا كيفية ترقيم تعليقات بلوجر بطريقه بسيط بتقنية CSS داخل ايقونات صغيره بجوار التعليق , , ما يميز هذه الاضافه انها تقوم بترقيم التعليقات في مدونة بلوجر بطريقه اليه بالترتيب من الاقدم الى الاحدث , ومن مميزاتها ايضا انه يمكنك التعقيب على التعليقات بكل سلاسه ويسر حيث يمكنك من خلاله التعقيب على التعليق رقم 1 مثلا , ثم الرد عليه بسهوله تامه
    كيفية اضافة صندوق الاعجاب على فيس بوك على مدوناتكم
    1. من لوحة التحكم -> قالب -> تحرير HTML ->
    2. خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
    3. قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
    ]]></b:skin>

    والصق الكود التالي بعده تمامآ
    counter-reset: countcomments;    }.comment-thread li:before { content: counter(countcomments,decimal); counter-increment: countcomments; float: right; font-size: 22px; color: #555555; padding-left: 10px; padding-top: 3px; background: url(http://3.bp.blogspot.com/-f6ByQfbwApQ/T4x_8p1FGpI/AAAAAAAAB2A/WJKf-ybmvQk/s1600/comment+bubble2.png) no-repeat; margin-top: 7px; margin-left: 10px; width: 50px; /*image-width size*/ height: 48px; /*image-height size*/ } .comment-thread ol ol { counter-reset: contrebasse;    } .comment-thread li li:before { content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin); counter-increment: contrebasse; float: right; font-size: 18px; color: #666666;   }
    الان قم بحفظ القالب ومبرووك عليك الاضافه
    ولتغيير ايقونة ترقيم التعليقات قم بالبحث عن الرابط التالي
    http://3.bp.blogspot.com/-f6ByQfbwApQ/T4x_8p1FGpI/AAAAAAAAB2A/WJKf-ybmvQk/s1600/comment+bubble2.png
    واستبدله برابط الايقونه حسب رغبتيك
    وفي ما يلي بعض من ايقونات التي يظهر داخلها ترقيم التعليق
    لتغيير الايقونه، انقر بزر الماوس الأيمن على أي ايقونه، حدد نسخ عنوان URL للصورة واستبدله برابط الايقونه التي في الكود باللون الاحمر

    how to blog    blogger blogspot    blogspot blogger, how to blog    widget blogger blogspot    blogs, how to blog     blogspot or blogger, how to blog    tutorials, how to    comments, how to, blogspot blogger    new comment, how to blog    blog design, blogger blogger.com                   bubble comment count, bubble blogger posts   blogger comments, comment count    blogger blogspot, blogger comments   blogger bubble comment count   comments in blogger titles    blogger tips, blogger tricks   blogger widgets, bubble comment count    bubble comment count    Bubble Comment Count    Bubble Comment Count, blogger blogspot                                 

    .

    مواضيع مميزة

    المتابعون

    مشاركة مميزة

    تحميل قالب شبابى بدون حقوق ملكيه النسخة الاصلية

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

    اشترك ليصلك كل جديد

    • الإشعارات
    • من نحن

    • اتصل بنا

    • ×

    ادخل الاسم (إختيارى)

    ادخل البريد الإلكترونى (مطلوب)

    ادخل الرسالة (مطلوب)