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

الأربعاء، 4 يوليو 2012

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

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


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

وهذا شكل الأداة



نبدأ بالشرح

نبدأ بالخطوات على الفيس بوك

1. ادخل الموقع التالي :

 https://developers.facebook.com/apps/

قد يطلب منك تسجيل الدخول بحسابك في الفيس بوك


2. اضغط على زرار انشئ تطبيق جديد او Create New App

 أو إنشاء تطبيق جديد




3. قم بالسماح للتطبيق من استخدام معلوماتك الشخصية لأنشاء التطبيق ( اضغط سماح ) Allow

4. ادخل معلومات التطبيق و هي الاسم المعروض و اسم التطبيق و قم بالتأشير على الموافقة على الشروط و البنود الخاصة بالخدمة ثم استئناف او Continue


ملاحظة : اسم التطبيق يجب ان يكون خالي من المسافات ولا يتوي على اي حروف كبيرة Capital


5. قم بأدخال الرقم التأكيدي

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


في خانة App Domain سو تقوم بأدخال موقعك كامل بهذا

 الشكل


www. xxxxx .com


ثم تضغط ENTER و سوف يتحول الى مربع كما ترى بالصورة

6 - اختر موقع او Website  و قوم بأدخال موقعك كما ترى

 بالصورة بهذا الشكل :


ثم أضغط حفظ Save

اخر خطوة و هي الحصول على اي دي البروفايل الخاصة بك

قم بفتح بروفايلك .. و لمن لا يعرف فقط قم بالضغط على

 صورة البروفايل


سوف تجد رابط الصفحة من الاعلى كالآتي :



قم بأخذ الرقم او الاسم الذي يلي مباشرة ID= ( اسم او رقم )
و احتفظ به ...


اذا وجدت رابط بروفايلك بالشكل التالي :

https://www.facebook.com/mody.mahmoud5

أنسخ 

mody.mahmoud5

كده خلصنا شغل على الفيس بوك

دلوقتى هنحط الأكواد داخل التصميم

______________________________

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

 الان ابحث عن :



<html

و قم بأضافة الكود التالي بنهايتة مباشرة قبل



>

الكود :
xmlns:fb='http://www.facebook.com/2008/fbml'




 و الان قم بالبحث عن : 



</head>


و اضف قبلة مباشرة الكود التالي :



<!-- Facebook Comment Start-->
<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='ضع هنا رابط صورة مصغرة لمدونتك او موقعك اذا اردت' property='og:image'/>
<meta content='رقم التطبيق الذي حصلنا عليه من قبل' property='fb:app_id'/>
<meta content='اي دي البروفايل الذي حصلنا علية من قبل' property='fb:admins'/>
<meta content='article' property='og:type'/>

<!-- Facebook Comment End-->


ملاحظة : لا تنسى استبدال المعلومات داخل الكود . باللون الاحمر

الان ابحث عن :



<body>
أو
</tbody>



ملاحظة  : قوالب بلوجر الحديثة تستخدم </tbody> و القوالب العادية تستخدم </body>

و قم بأضافة الكود التالي بعده مباشرة :


<!-- Facebook Comment Start-->
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : &#39;رقم التطبيق الذى حصلنا عليه&#39;,
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};

(function() {
var e = document.createElement(&#39;script&#39;);
e.src = document.location.protocol + &#39;//connect.facebook.net/ar_AR/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<!-- Facebook Comment End-->

الان ابحث عن الكود التالي :


<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>


ملاحظة : عند البحث ابحث عن السطر الاول او الثاني حتى تجد السطرين بنفس الترتيب بالاعلى .



و ضع بعدة مباشرة الكود التالي :
<!-- Facebook Comment Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='right'>
<img alt='' class='icon-action' height='83' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5KiWMGyIFy18NjsVU-392Xc_5s2P506TmOWU5QOnTQc12gUaqGNTJReT7vy99zVHLYujnAQbJdoilHz82oN5-ZlpAlIuyEFJPpL2D2Kugm1nAhlcbtHPI0MUvzOuhhJZih4riObT-2olo/s1600/facebook-comment.png' width='300'/></p>
<script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<div><fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='450'/>
</div>
</b:if>
<!-- Facebook Comment End-->

اللى باللون الأحمر ده عرض الصندوق

اخيرا اضغط حفظ ... و قم بمشاهدة موضوعاتك

كود الحماية لمنع نسخ المواضيع ومنع كلك يمين

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


موضوع النهاردة هنعرف ازاى نمنع زر كلك يمين داخل المدونة 

او بمعنى اصح منع سرقة مواضيعك سواء بالماوس او حتى أختصارات الكيبورد

التركيب

أدخل الى التصميم 

ثم أضافه أداة Html جديدة وضع هذا الكود بداخلها 


<!-- Start Of Copy Right PROTECTION : Thanks For Your Support --> <!-- No select At All : www.3rab-pro.blogspot.com --> <script language="javascript" src="http://html-code.webs.com/html/NS.js"></script> <!-- No Right Click : www.3rab-pro.blogspot.com --> <script language="javascript" src="http://html-code.webs.com/html/NRC.js"></script> <!-- No ctrl Key Allow : www.3rab-pro.blogspot.com --> <script language="javascript" src="http://html-code.webs.com/html/NCAOC.js"></script> <!-- End Of Copy Right PROTECTION : Thanks For Your Support -->

ثم أضغط حفظ وشكرا

الاثنين، 2 يوليو 2012

كود وضع المصدر عن النسخ واللصق

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





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

هذا الكود يظهر فقط عند النسخ واللصق ولا يظهر فى مدونتك 

البعض سيقول ربما الذى يقوم بالنسخ يمسح الرابط فهذا وارد

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

دلوقتى هنعرف طريقة التركيب

أبحث عن الكود ده


<head>



ثم ضع هذا الكود فوقها مع تغيير كلمة المصدر بالكلمة التى تريدها



<script type='text/javascript'>
function addLink() {
var body_element = document.getElementsByTagName(&#39;body&#39;)[0];
var selection;
selection = window.getSelection();
var pagelink = &quot;<br/><br/>المصدر : <a href='&quot;+document.location.href+&quot;'>&quot;+document.location.href+&quot;</a><br/>&quot;; // change this if you want
var copytext = selection + pagelink;
var newdiv = document.createElement(&#39;div&#39;);
newdiv.style.position=&#39;absolute&#39;;
newdiv.style.left=&#39;-99999px&#39;;
body_element.appendChild(newdiv);
newdiv.innerHTML = copytext;
selection.selectAllChildren(newdiv);
window.setTimeout(function() {
body_element.removeChild(newdiv);
},0);
}document.oncopy = addLink;
</script>

السبت، 30 يونيو 2012

موقع لتشفير رموز الهتمل

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


أفضل موقع فى تشفير رموز الهتمل والذى أستخدمة شخصيا

كيفية انشاء او وضع موضوعات ذات صلة أسفل الموضوعات

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


طبعا أداة  موضوعات ذات صلة أداة مهمة جدا ولا غنى عنها فى أى مدونة 

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

فى البداية

أدخل الى تصميم

ثم تحرير HTML

ثم متابعة ثم توسيع القالب

الأن أضغط Ctrl +F او F3

ثم البحث عن هذا الكود





</head>



ثم ضع هذا الكود فوقه مباشرة



<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-right:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: arial;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
//<![CDATA[

//Script by Aneesh of www.bloggerplugins.org
//Released on August 19th August 2009
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
var thumburl = new Array();
function related_results_labels_thumbs(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
try
{thumburl[relatedTitlesNum]=entry.media$thumbnail.url;}


catch (error){
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){
thumburl[relatedTitlesNum]=d;} else thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwWrQu1TwPb3qEuf7fapW8C3crAcJ81XWRyMD2iVZCzmtW6YGy7BFQpYsnU21YWYeVeDOaUR-kiOnYRmU0MdlUXNRC1ECtJ80d4BpS1zuNWncvS4HOYvLrH2i10MHJc5nYDqpgFQnBdOo/s400/noimage.png';




}

if(relatedTitles[relatedTitlesNum].length>35) relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0, 35)+"...";
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;


}
}
}
}
function removeRelatedDuplicates_thumbs() {
var tmp = new Array(0);
var tmp2 = new Array(0);
var tmp3 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains_thumbs(tmp, relatedUrls[i]))
{
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp3.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
tmp3[tmp3.length - 1] = thumburl[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
thumburl=tmp3;


}

function contains_thumbs(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels_thumbs() {
for(var i = 0; i < relatedUrls.length; i++)
{
if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i])))
{
relatedUrls.splice(i,1);
relatedTitles.splice(i,1);
thumburl.splice(i,1);

}
}


var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;

if(relatedTitles.length>0) document.write('<h2>'+relatedpoststitle+'</h2>');
document.write('<div style="clear: both;"/>');
while (i < relatedTitles.length && i < 20 && i<maxresults) {


document.write('<a style="text-decoration:none;padding:5px;float:right;');
if(i!=0) document.write('border-left:solid 0.5px #d4eaf2;"');
else document.write('"');
document.write(' href="' + relatedUrls[r] + '"><img style="width:72px;height:72px;border:0px;" src="'+thumburl[r]+'"/><br/><div style="width:72px;padding-left:3px;height:65px;border: 0pt none ; margin: 3px 0pt 0pt; padding: 0pt; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal;">'+relatedTitles[r]+'</div></a>');


if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</div>');

}

//]]>
</script>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->



ثم قم بالبحث عن هذا الكود




<div class='post-footer-line post-footer-line-1'/>



ثم ضع هذا الكود تحته مباشرة


<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=7&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=7;
var relatedpoststitle=&quot;موضوعات ذات صلة&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->


ثم قم بحفظ القالب


يمكنك تغيير ما هو باللون الأحمر لما يناسبك


maxresults=7 هو عدد الموضوعات الظاهرة

أسهل طريقة لحذف كلمة إظهار الرسائل ذات التسميات

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


فى البداية سوف ندخل اللى التصميم

ثم تحرير Html

ثم متابعة 

ثم توسيع القالب


ثم أبحث عن هذا الكود


]]></b:skin>




ثم قم بوضع هذا الكود فوقه مباشرة




.status-msg-wrap{
display:none;
}



ثم قم بحفظ القالب وشكرا

الأحد، 24 يونيو 2012

Started


شارك

Twitter Delicious Facebook Digg Stumbleupon Favorites More