‏إظهار الرسائل ذات التسميات إضافات بلوجر. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات إضافات بلوجر. إظهار كافة الرسائل

الاثنين، 24 نوفمبر، 2014

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

السلام عليكم و رحمة الله تعالى و بركاته
مرحبا بكم زوار و متابعي مدونة Dz Pc pro اليوم أتيتكم بأزرار مشاركة المواضيع
عبر المواقع الاجتماعية بطريقة احترافية
تابعوا معي ...

صورة عن الاضافة :


 و الان طريقة التركيب
نقوم بالبحث عن هذا الكود ( عادة ما يكون الاخير )

الكود :
<data:post.body/>
بعد ذلك نقوم بلصق هذا الكود بعده مباشرة ( اسفله ) 

<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='text-align: center;'><span style='color: #3d85c6; font-family: Century Gothic, serif; font-size: x-large;'><b>هل أعجبك الموضوع&#1567; شارك! &#8595; </b></span></div><style>@import url(http://fonts.googleapis.com/css?family=Open+Sans);@import &quot;//netdna.bootstrapcdn.com/font-awesome/3.0/css/font-awesome.css&quot;;#cajared{width:430px;overflow: hidden;margin: 10px auto 0;}.botones{float:left;margin-right: 10px;width: 120px;background: #eaeaea;border: 1px solid #cbcbcb;border-radius: 3px; -o-border-radius: 3px;-ms-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow:inset 0 1px 0px #fdfdfd;padding:15px 5px 5px;box-sizing:border-box;}.botones i{background: #c5c5c5;color: #eaeaea;text-align:center;line-height:40px;font-size: 18px;width:40px;height:40px; display:block;margin: 0 auto 10px;border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%;}.social-container{text-align:center;text-transform:uppercase;font-size: 12px;color: #656565;line-height: 54px;font-family: Open Sans;background: #d8d8d8;width: 100%;height: 45px;box-shadow:inset 0 -2px 4px #c7c7c7;border-radius: 3px;-o-border-radius: 3px;-ms-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;position:relative;overflow: hidden;}.slide,.botones i{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}.slide {box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);border-radius: 0 0 22px 22px;-o-border-radius: 0 0 22px 22px; -ms-border-radius: 0 0 22px 22px;-moz-border-radius: 0 0 22px 22px;-webkit-border-radius: 0 0 22px 22px;transition: all 0.2s ease-in-out;position: absolute;height: 45px;width: 100%;top: -35px;}.slide::after {content: &quot;&quot;;display: block;position: absolute;width:100%;height: 10px;box-shadow: inset 0 1px 0px #fdfdfd, 0 3px 0px #cdcdcd;border-radius: 3px;-o-border-radius: 3px;-ms-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;background: #eaeaea;border:1px solid #cbcbcb;box-sizing: border-box;bottom: 0;}.botones:hover .slide {top: 0;border-radius: 3px;}.IN-widget,.botones iframe, .google #___plusone_0 {top:-2px;position: relative;}.twitter iframe {width: 79px !important;}.google #___plusone_0 {width: 60px !important;}.botones.facebook:hover i, .facebook .slide {background:#305c99;color: white;}.botones.twitter:hover i, .twitter .slide{background: #00cdff;color: white;}.botones.google:hover i, .google .slide{background: #d24228;color: white;}</style><div id='cajared'><div class='facebook botones'> <i class='icon-facebook'/> <div class='social-container fb'> <div class='slide'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px'/> </div> Facebook </div></div><div class='twitter botones'> <i class='icon-twitter'/> <div class='social-container tw'> <div class='slide'><a class='twitter-share-button' href='https://twitter.com/share'> Tweet </a> <script> !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?&#39;http&#39;:&#39;https&#39;; if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+&#39;://platform.twitter.com/widgets.js&#39;;fjs.parentNode.insertBefore(js,fjs);}}(document, &#39;script&#39;, &#39;twitter-wjs&#39;);</script></div>Twitter </div></div><div class='google botones'> <i class='icon-google-plus'/> <div class='social-container tw'> <div class='slide'><div class='g-plusone' data-size='medium'/><script type='text/javascript'>(function(){var po=document.createElement(&#39;script&#39;);po.type = &#39;text/javascript&#39;;po.async = true;po.src=&#39;https://apis.google.com/js/plusone.js&#39;; var s =document.getElementsByTagName(&#39;script&#39;)[0];s.parentNode.insertBefore(po, s);})();</script></div>Google+</div></div></div><div style='t ext-align: right;'/></b:if>
و مبرووك عليك الاضافة لا تنسى مشاركة الموضوع مع اصدقائك
و ذكر المصدر عند النقل ^_^ شكراً  

اكمل القراءة

الجمعة، 14 نوفمبر، 2014

انعش موقعك ب 15 الف زيارة حقيقية

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



اكمل القراءة

الأربعاء، 12 نوفمبر، 2014

انشاء فهرس لمدونات بلوجر بشكل احترافي

انشاء فهرس لمدونتك بشكل رائع واحترافي

انشاء فهرس لمدونات بلوجر بشكل احترافي

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

طريقة انشاء فهرس لمدونتك

1- نذهب الى لوحة تحكم المدونة >> الصفحات >> انشاء صفحة جديدة
2- نضع الصفحة الجديدة من وضع التأليف الى html شاهد الصورة
نضع الكود التالي داخل الصندوق ونضغط على تأليف ثم نشر
 <div dir="rtl" style="text-align: right;" trbidi="on">
<style scoped="" type="text/css">
#toc-outer {
color:black;
font:normal 11px/15px Arial,Sans-Serif;
height:auto;
margin:0 auto;
overflow:hidden;
padding:0;
text-align:right;
}


#loadingscript {
padding:0px 0px;
height:37px;
text-indent:-9999px;
color:transparent;
background:white url('data:image/gif;base64,R0lGODlhEAALALMMAOXp8a2503CHtOrt9L3G2+Dl7vL0+J6sy4yew1Jvp/T2+e/y9v///wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCwAMACwAAAAAEAALAAAEK5DJSau91KxlpObepinKIi2kyaAlq7pnCq9p3NZ0aW/47H4dBjAEwhiPlAgAIfkECQsADAAsAAAAAAQACwAABA9QpCQRmhbflPnu4HdJVAQAIfkECQsADAAsAAAAABAACwAABDKQySlSEnOGc4JMCJJk0kEQxxeOpImqIsm4KQPG7VnfbEbDvcnPtpINebJNByiTVS6yCAAh+QQJCwAMACwAAAAAEAALAAAEPpDJSaVISVQWzglSgiAJUBSAdBDEEY5JMQyFyrqMSMq03b67WY2x+uVgvGERp4sJfUyYCQUFJjadj3WzuWQiACH5BAkLAAwALAAAAAAQAAsAAAQ9kMlJq73hnGDWMhJQFIB0EMSxKMoiFcNQmKjKugws0+navrEZ49S7AXfDmg+nExIPnU9oVEqmLpXMBouNAAAh+QQFCwAMACwAAAAAEAALAAAEM5DJSau91KxlpOYSUBTAoiiLZKJSMQzFmjJy+8bnXDMuvO89HIuWs8E+HQYyNAJgntBKBAAh+QQFFAAMACwMAAIABAAHAAAEDNCsJZWaFt+V+ZVUBAA7') no-repeat 50% 50%;
}


.itemposts {
float: right;
height: auto;
overflow: hidden;
width: 47%;
box-shadow: 1px 1px 5px #C3C3C3;
background: none repeat scroll 0% 0% #F9F9F9;
border: 1px solid #FFF;
margin: 3px 5px 8px;
padding: 0px 3px;
}


.itemposts h6 {
border-bottom: 1px solid #CCC;
color: #333;
height: 15px;
overflow: hidden;
text-transform: none;
margin: 0px 0px 5px;
padding: 2px 6px !important;
font:bold 13px GE SS two medium;

}


.itemposts h6 a:hover {
color:#38f;
text-decoration:none;
}


.itemposts img {
background-color:#fff;
border:1px solid #ccc;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
float:right;
height:65px;
margin:0 0 5px 7px;
padding:3px;
width:65px;
z-indent:99999px;
}


.itemposts .iteminside {
font-family: GE SS two medium;
}



.itemposts .itemfoot {
border-top: 1px solid #CCC;
clear: both;
overflow: hidden;
padding: 4px 5px;
font:12px GE SS two medium;
}


.itemposts .itemfoot a.itemrmore {
color:#333;
float:left;
font-weight:bold;
text-decoration:none;
}


.itemposts .itemfoot a.itemrmore:hover {text-decoration:underline}

#itempager {
clear:both;
padding:10px 0;
}


#pagination,

#totalposts {
color:#000;
display:block;
font:12px GE SS two medium;
margin-bottom:10px;
text-align:center;
padding:0;
}


#pagination span, #pagination a {
color: #FFF;
display: inline;
margin: 0px 1px;
padding: 2px 5px;
text-indent: 0px;
background-color: #068BC9;
background-image: linear-gradient(#068BC9 0%, #3161C2 50%, #3059AB 51%);
border: 1px solid #3161C2;
text-decoration: none;
border-radius: 10px;
}

#pagination a:hover {background-color:#333}

#pagination span.actual {background-color:black}

#pagination span.hidden {display:none}
</style>
<script>
var showPostDate = true,
showComments = true,
idMode = true,
sortByLabel = false,
labelSorter = "JQuery",
loadingText = "Loading...",
totalPostLabel = "عدد المواضيع:",
jumpPageLabel = "الصفحة",
commentsLabel = "التعليقات",
rmoreText = "الموضوع كامل &#9658;",
prevText = "السابق",
nextText = "التالي",
siteUrl = "http://dzpcpro.blogspot.com/",
postPerPage = 10,
numChars = 150,
imgBlank = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC";
</script>
<script src="http://yourjavascript.com/1183493241/rifan-pagination.js"></script></div>
قم بتغير رابط المدونة /http://dzpcpro.blogspot.com الى رابط مدونتك
اذا اعجبك الموضوع لاتبخل علينا بتعليق بسيط

اكمل القراءة

الثلاثاء، 11 نوفمبر، 2014

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




السلام عليكم ورحمة الله وبركاته ، بداية أسبوع موفقة للجميع .. درسنا اليوم يوجد بالعديد من المدونات إلا اني سأشرحه بطريقتي الخاصة مع النظرة الجميلة أيضا ليس فقط ضع إعلان وإنتهى الموضوع ! ربما لن يهمك أين يسكون الإعلان في الوسط او تحت بعض لا فكل شيئ يتمحور حول الرؤية والمكان الصحيح له لجذب انتباه الزائر له سأقدم لكم وحدات إعلانية مقاس 300x250 و 280x336 هما الأكثر استعمالا ايضا بإعتبار مقاس البوست الذي يكون به المواضيع مثال أول  و مثال ثاني .

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

1 . توجه لقالب >> تحرير 
2. ابحث بإستعمال CTRL+F عن :  ]]></b:skin>
3. ضع مقاس الإعلان المختار فوقه 
إعلانين مقاس 280x336

/* ads-ar1web */.adspostsfotter {
line-height: 15;
margin-bottom: 1px;
margin: 0 auto;
overflow: hidden;
padding: 7px 10px;
text-align: center;
width: 760px;
background: url(http://4.bp.blogspot.com/-xaSAYDTCql4/U1AO14YolTI/AAAAAAAAD94/Lenz-oZ0o2c/s1600/pattern-1.png);
}
.ads1post, .ads2post {
background: none repeat scroll 0 0 #E0E0E0;
height: 280px;
width: 336px;
}

.ads1post {
float: right;
}
.ads2post {
float: right;
}

إعلانين مقاس 250x300

/* ads-ar1web */


.adspostsfotter {

line-height: 15;

margin-bottom: 1px;

margin-right: -16px;

text-align: center;

overflow: hidden;
padding: 15px 2px;

.ads1post, .ads2post {

width: 672px;
}


background: none repeat scroll 0 0 #F7F5F5;

}

height: 280px;
width: 335px;


.ads1post {

float: right;

}
.ads2post {

}


float: left;

4. ابحث عن <data:post.body/> ضع قبله  أو بعده الكود الأتي
* ملاحظة قد تجد الكود متكرر مرتين أو أكثر الأخير هو المقصود -- بإمكانك الإستغناء عن البحث عنه إذا كان لديك أزرار المشاركة أو تعريف الكاتب إلى غير ذلك وتعرف مكان الأكواد بالبحث عن الإسم .. فوق بداية الوسم ضع الكود التالي

<b:if cond='data:blog.pageType == &quot;item&quot;'>


<!--Add Adsense Code Here / Before Post Footer (Show Only Post Page)-->


<div class='adspostsfotter'>


<div class='ads1post'>


إعلانك هنا


</div>


<div class='ads2post'>




إعلانك هنا


</div>


</div>


</b:if>


<div class='clear'/>

5. ضع كود الإعلان ادسنس أو حسوب إلخ بعد تحويله من هنا بدل إعلانك هنا
6. قم بحفظ العمل ثم إنتظر دقائق لظهور الإعلان

* لمن لا يتوفر على حساب ادسنس ... يمكنك وضع صورة إعلانية عادية بإضافة الكود التالي بدل إعلانك هنا
<a href="الربط هنا"><img border="0" src="رابط الصورة هنا"></a>

دائما اوجه كلامي لمن واجهته مشكلة فسأستقبل ردودكم لحل المشكل وفقكم الله تحياتي ـ أخوكم أدم
اكمل القراءة

الجمعة، 7 نوفمبر، 2014

اضافة تابعنا علي شبكات الإجتماعية بشكل جديد


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

 تقوم بذهاب الي لوحة تحكم مدونتك ثم تخطيط ثم اضافة اداة 
html / java

ثم قم بوضع الكود التالي وعمل حفظ




<div class="widget-amrweb">
<style type="text/css">
#th3protechsocial
{
list-style:none;
}
#th3protechsocial li
{
background-size:60px 60px !important;
display:inline-block;
width:60px;
height:60px;
transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
}
#th3protechsocial li:hover
{
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
#th3protechsocial .facebook
{
background:url('http://im80.gulfup.com/TCD59C.png') no-repeat;
}
#th3protechsocial .twitter
{
background:url('http://im80.gulfup.com/1J6BqQ.png') no-repeat;
}
#th3protechsocial .plus
{
background:url('http://im80.gulfup.com/Ua8QRN.png') no-repeat;
}
#th3protechsocial .youtube
{
background:url('http://im80.gulfup.com/P0Blhq.png') no-repeat;
}
</style>
<div id="th3protechsocial" align="center">
<ul>
<a href="https://www.facebook.com" target="_blank"><li class="facebook"></li></a>
<a href="https://twitter.com/" target="_blank"><li class="twitter"></li></a>
<a href="https://plus.google.com/" target="_blank"><li class="plus"></li></a>
<a href="https://www.youtube.com/" target="_blank"><li class="youtube"></li></a>
</ul>
</div>
</div>

اكمل القراءة