اضافة أداة لمعرفة الـ ID الخاص بالفيس بوك بضغطة زر على بلوجر

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

درس اليوم هواضافه تمكنك من الحصول على الأى دى (ID) الخاص بالفيس بوك (Facebook)

كل ما عليك هو وضع رابط الحساب الذى تريد الحصول على الأى دى الخاص به 

سواء كان أى دى خاص بحساب على الفيس بوك او بصفحة على الفيس بوك

معاينة الأداة من هنا
http://www.hossamherry.com/p/url-httpswww.html

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

قم بالدخول على البلوجر ومن ثم اختر الصفحات ثم صفحه جديدة

بعد ذلك قم بإضافة هذا الكود

<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<br />
<span class="" id="result_box" lang="ar"><span class="hps">أدخل عنوان URL</span> <span class="hps">الكامل</span> لحسابك <span class="hps">أو صفحة</span> <span class="hps">الفيسبوك</span> الخاصة بك <span class="hps">في</span> <span class="hps">الحقول</span><span class="">، على سبيل المثال</span>:</span> <br />
<br />
<code>https://www.facebook.com/blogger.hosamherry</code><br />
<br />
<span class="short_text" id="result_box" lang="ar"><span class="hps">ثم انقر فوق إرسال</span></span></div>
<br />
<center>
<form action="https://graph.facebook.com/" method="GET">
<input class="textinput" name="id" size="35" type="text" /><br />
<button class="buttonsubmit" name="submit" type="submit" value="Submit">إرسال</button></form>
</center>
<br />
<div style="text-align: left;">
<br />
<div style="text-align: center;">
اداة البحث عن ID الفيسبوك من تصميم <span style="font-size: large;"><a href="http://www.hossamherry.com/">مدونة حسام حرى</a></span></div>
</div>
<style scoped="" type="text/css">
#comments {display:none;}
input,input[type="submit"] {transition: all 0.4s ease-out;}
input:focus, input[type="submit"]:hover {outline:0;background:#fff;box-shadow:0 0 5px rgba(81,203,238,0.7);}
input, textarea {display:inline-block;width:75%;height:40px;text-align: left;padding:10px;margin:0;font-size:13px;line-height:18px;color:#666;border:none;background:#fff;box-shadow:inset 0 0 0 1px #e6e6e6;border-radius:3px 0 0 3px;transition:all 0.4s ease-out;}
button {display:inline-block;white-space:nowrap;background-color:#005AB5;padding:6px 20px;
margin:0;margin-left:-9px;font:bold 1em/2em Arial,Helvetica;text-decoration:none;
color:#fff;border:1px solid transparent;line-height:27px;border-radius:5 5px 5px 5;cursor:pointer;transition: all 0.4s ease-out;}
button:hover {background-color:#0271DA;}
button:active {background-color:#0271DA;}
button:focus {outline:0;background:#0271DA;}
.credit, .item {width:50%;font-size:9pt;text-align:center;display:block;padding:15px 10px;
margin:40px auto;color:#ddd;word-wrap:break-word;}
.credit a, .item a {color:#ddd;}
form br,#sidebar-wrapper {display:none;}
#post-wrapper {width:100%;}
.post-inner {padding:0;}
h3.post-title a, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-weight:700;
font-size:2rem;color:#999;}
.post-body p,.post-body code {font-size:1.3rem;font-weight:700;line-height:normal;}
</style></div>