طريقة : اضافة سلايد شو المحترف 2014

0 التعليقات
السلام عليكم وفقا لطلبات الكثيرين يسرني أن أقدم لكم سلايدر / سلايدشو مدونة المحترف حاليا (محترفي الحماية سابقا)
لا أسمح بنقل الموضوع دون ذكر المصدر
معاينة السلايدر بمثال حي :
معاينة
صورة للسلايدر :



شرح التركيب :

أضف الكود التالي مباشرة قبل : ]]></b:skin>


كود HTML:
#featured{
margin-bottom:10px;
}
.sliderwrapper{
position: relative;
border-bottom-width: 6px;
height: 124px;
}
.sliderwrapper .contentdiv{
visibility: hidden;
position: absolute;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;
padding:15px 15px 15px 0px;
background:#f1f1f1;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 3px #ABABAB;
margin-top:10px;
}
.pagination{
text-align: right;
margin-top: 50px;
padding:5px;
}
.pagination a{
font:11px Arial;
color:#a3a3a3;
padding:4px 8px 4px 8px;
}
.pagination a.selected{
color:#4f4f4f;
}
.pagination .prev,.pagination .next { color:#EAEAEA;
font-size:0px; background:none; padding:0px; }
.featuredPost{
width:410px;
padding:0px 10px 10px 10px !important;
bottom:0;
float:left !important;
margin-right: 54px;
}
.featuredPost a{
color:#515151;
font: 18px "Microsoft Sans Serif";
margin:0;
padding:0;
}
.featuredPost h2{margin:0 0 8px 0;}
.featuredPost span{font-size:11px; margin:0; color:#797979;}
.featuredPost p{font-size:12px; margin:4px 0 0 0; color:#797979;}
.sliderPostPhoto a img{float: right !important;}
.sliderPostPhoto{float: right !important; width:100px !important;}
الآن أضف الكود التالي قبل : </head>

كود HTML:
&lt;script&gt;
/* Script from:http://simplexdesign.blogspot.com/ */
imgr = new Array();
imgr[0] = &quot;http://lh3.ggpht.com/_kViOplhgIHI/TKxBIScZTiI/AAAAAAAAAWE/PM7AQ1lf6ME/noimages.jpg&quot;;
showRandomImg = true;
aBold = true;
summaryPost = 140;
numposts1 =21;
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=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k&lt;entry.link.length;k++){if(entry.link[k].rel=='replies'&amp;&amp;entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(&quot;&quot;)[0];break}}
if (&quot;content&quot; in entry) {
var postcontent = entry.content.$t;}
else
if (&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+ ' ' + m + ' ' + y ;
var trtd = '&lt;div class=&quot;contentdiv&quot;&gt;&lt;div class=&quot;sliderPostPhoto&quot;&gt;&lt;a href=&quot;'+posturl+'&quot;&gt;&lt;img width=&quot;155&quot; height=&quot;121&quot; class=&quot;alignnone&quot; src=&quot;'+img[i]+'&quot;/&gt;&lt;/a&gt;&lt;div class=&quot;sliderPostInfo&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;featuredPost&quot;&gt;&lt;h2&gt;&lt;a href=&quot;'+posturl+'&quot;&gt;'+posttitle+'&lt;/a&gt;&lt;/h2&gt;&lt;span&gt;'+daystr+'&lt;/span&gt;&lt;p&gt;'+removeHtmlTag(postcontent,summaryPost)+'...&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;';
document.write(trtd);
j++;
}}
&lt;/script&gt;

مع تغيير إنترنت باسم القسم الذي سيتم عرض مواضيعه عشوائيا
numposts1 =21 : عدد المواضيع المعروضة
وهذا الكود قبل : </body>


كود HTML:
&lt;script src='http://dl.dropbox.com/u/12924430/contentslider.js'&gt;&lt;/script&gt;
&lt;script&gt;
featuredcontentslider.init({
id: &quot;slider1&quot;, //id of main slider DIV
contentsource: [&quot;inline&quot;, &quot;&quot;], //Valid values: [&quot;inline&quot;, &quot;&quot;] or [&quot;ajax&quot;, &quot;path_to_file&quot;]
toc: &quot;#increment&quot;, //Valid values: &quot;#increment&quot;, &quot;markup&quot;, [&quot;label1&quot;, &quot;label2&quot;, etc]
nextprev: [&quot;Previous&quot;, &quot;Next&quot;], //labels for &quot;prev&quot; and &quot;next&quot; links. Set to &quot;&quot; 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)
}
})
&lt;/script&gt;

وأخيرا
ومن القالب أضف الكود التالي بعد <div id='main-wrapper'> :


كود HTML:
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div id='featured'>
<div class='sliderwrapper' id='slider1'>
<script>
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;);
</script>
</div>
<div class='pagination' id='paginate-slider1'>
</div>
</div>
</b:if>
ملاحظة هامة جدا : نحن في معهد خبراء بلوجر لا نسعى لاستغلال مدوني بلوجر بغرس أكواد لصالحنا كما يفعل البعض
لذلك أتمنى أن تساهموا في نشر الموضوع قدر الإمكان مع ذكر المصدر
لا أسمح بنقل الموضوع دون ذكر المصدر
 
المصدر : معهد خبراء بلوجر

حصرياً : طريقة اضافة تعليقات الفيس بوك

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

منذ مدة وأنا أريد وضع شرح لإضافة تعليقات الفيسبوك إلى بلوجر، لكني لم تسمح لي الفرصة إلى الآن وذلك بعض أن لاحظت استغلالا لمدوني بلوجر بزرع أكواد لا صلة لها بتعليقات الفيسبوك.

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

1- الحصول على معرف تطبيق لتعليقات الفيسبوك :

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



أدخل كود التحقق الأمني واضغط تقديم

الآن قم بنسخ معرف التطبيق (App ID) الموضح في الصورة أسفله :


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

2- الحصول على معرف حسابك على الفيسبوك :

الصق الرابط التالي على المتصفح وقم بنسخ الأرقام المقابلة ل "id" :
كود:
https://graph.facebook.com/YourProfile

بالنسبة لي وضعت الرابط التالي :


كود:
https://graph.facebook.com/DevExpCom

ذلك لأن رابط بروفايلي على الفيسبوك هو :
كود:
http://www.facebook.com/DevExpCom

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

قم بأخذ نسخة احتياطية للقالب

اذهب إلى تحرير HTML وعلم على توسيع قوالب عناصر واجهة المستخدم وابحث عن <html أضف بعده مباشرة الكود التالي :
كود PHP:
xmlns:fb='http://www.facebook.com/2008/fbml' 

ليصبح الكود هكذا :
كود PHP:
<html xmlns:fb='http://www.facebook.com/2008/fbml' 

الآن ابحث عن وأضف <body> بعده مباشرة الكود التالي مع تغيير معرف التطبيق :
كود PHP:
<div id='fb-root'/>
<
script>window.fbAsyncInit = function() {
    
FB.init({xfbmltrueappIdمعرف التطبيق });
  };
  (function() {
    var 
document.createElement('script'); e.async true;e.src document.location.protocol +
      
'//connect.facebook.net/ar_AR/all.js'
    
document.getElementById('fb-root').appendChild(e);
  }());
</script> 

الآن ابحث عن </head> وأضف قبلها مباشرة الكود التالي مع تغيير اسم المدونة ومعرفي التطبيق والحساب :
كود PHP:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<
meta   expr:content='data:blog.pageTitle' property='og:title'/>
<
meta   expr:content='data:blog.url' property='og:url'/>
<
b:else/>
<
meta   expr:content='data:blog.title' property='og:title'/>
<
meta   expr:content='data:blog.homepageUrl' property='og:url'/>
</
b:if>
<
meta   content='اسم المدونة' property='og:site_name'/>
<
meta   content='http://www.bloggerexp.com/images/default-image.jpg'   property='og:image'/>
<
meta content='معرف التطبيق'   property='fb:app_id'/>
<
meta content='معرف الحساب'   property='fb:admins'/>
<
meta content='article'   property='og:type'/> 

هام : لا تنس تغيير الصورة التالية
كود PHP:
http://www.bloggerexp.com/images/default-image.jpg 
بشعار لمدونتك

الآن ابحث عن <data:post.body/> والصق بعده الكود التالي مع تغيير 600 إلى عرض صندوق التعليقات حسب عرض مدونتك :
كود PHP:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<
div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<
fb:comments width='600' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/>
</
div>
</
b:if> 

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

بانتظار رأيكم


شبان صينين يخترقون لعبة world of warcraft العالمية

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

مجموعة الهاكرز الصينين كونوا فريقا من أجل قرصنة أكثر من 11.000 حساب على الأنترنيت خاصة بلاعبي اللعبة الإفتراضية الشهيرة (World of Warcraft) على شبكة الإنترنيت وقاموا ببيع الذهب الإفتراضي الذي يشتريه الاعبون من أجل الترقي في اللعبة كما أنهم باعوا ماتبقى من الحسابات بتخفيضات كبيرة وصلت إلى 3 دولار.

ومن وراء هذه العملية نجح الفريق في جمع مبلغ مالي قدره 10800 دولار, قبل أن يتم توقيف العصابة الصينية و الحكم على أفرادها بسنتين سجنا و تعويضات مالية.