‏إظهار الرسائل ذات التسميات اضافات و خدع بلوقر Tools and tricks for blogger. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات اضافات و خدع بلوقر Tools and tricks for blogger. إظهار كافة الرسائل

الثلاثاء، يوليو 05، 2011

منع النسخ من مدونتك.

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


هذه الاداة رائعة جداً لمن يدونون الخواطر الخاصة.. والمشاعر الرائعة..

من المؤكد اننا صادفنا من يسرقون كتاباتنا.. هذا الأداه.. تمنع السارقين من النسخ.

اعجبتني كثيرا..^^

اتبع الخطوات لتفعيل منع النسخ

1. سجل دخولك لمدونتك ----> تصميم ----> تحريرHTML

2. ابحث عن كلمة </head> 

3. انسخ الكود ادناه.. وضعه بالسطر الذي يلي كلمة </head> .





<!--Disable Copy And Paste-->
<script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

4. احفظ عملك.. تستطيع الان محاولة النسخ..
100% لن تستطيع. ههههههه

اتمنى لكم  التوفيق جميعاً.. ادعوا لي.

[..[ خربوشة

اضافة قائمة افقية لمدونتك بشكل جذاب

اضافة قائمة افقية..

اضافة احببتها كثيراً..

كيفية وضعها في مدونتك..

في البدايه سنضع كود هذة الاداه في منسق الـــHTML

الخطوات:





1.سجل دخولك لمدونتك ------> تصميم ------> تحرير HTML


2. ابحث عن كلمة ]]></b:skin> في الاسفل.

للمساعدة على البحث: اضغط F3 ثم ضع الكلمة المراد البحث عنها.


3.انسخ الكود الذي تراه في المربع في الاسفل.. والصقه بعد ]]></b:skin> مباشرتاً

 


<style type='text/css'>
#top_navigation {
background : transparent;
width: 800px;
height : 77px;
list-style : none;
margin-top : 7px;
margin-bottom : 11px;
width : 100%;
}
ul.nav {
background : transparent;
width: 800px;
height : 57px;
line-height : 31px;
list-style : none;
padding : 0 10px;
font-size : 14px;
}
ul.nav li {
display : inline;
padding : 0;
background : transparent;
}
ul.nav a {
background : transparent;
height : 30px;
font-size : 16px;
color : #808080;
float : left;
padding : 11px 19px 11px 16px;
text-decoration : none;
border-top: 1px solid #252525;
border-bottom : 4px solid #252525;
border-left : 1px solid transparent;
border-right : 1px solid transparent;
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius: 4px;
}
ul.nav a:hover {
background : #252525;
border-top : 1px solid #252525;
border-bottom : 4px solid #000;
border-left : 1px solid #252525;
border-right : 1px solid #252525;
color : #FFF;
padding : 11px 19px 11px 16px;
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius: 4px;
}
</style>

4. قم بحفظ عملك.

5. الان اضغط على عناصر الصفحة ------> إضافة أداه


6. ثم اختر 'HTML/Javascript'  من القائمة.. والصق فيه الكود الذي تراه في المربع السفلي.



<div id="top_navigation">
<ul class="nav">
<li><a href="Url here 1"> Home </a></li>
<li><a href="Url here 2"> Your Blog </a></li>
<li><a href="Url here 3"> About You </a></li>
<li><a href="Url here 4"> More stuff </a></li>
<li><a href="Url here 5"> Contact </a></li></ul>
</div>



ملاحظة: 
- من الكلمات الملونه باللون البنفسجي تستطيع تغيير اسماء التبويبات في القائمة الافقية.
- ومن الكلمات الملونة باللون الاحمر.. يجب ن تضع الرابط الذي تريده.


7. احفظ عملك.. وها انت قد انتهيت..



اتمنى لكم التوفيق..


[..[خربوشة

اضافة زر تحميل وديمو لمدونتك.اصدار 2

اضافة زر تحميل / اضافة زر ديمو كما هو موضح بالصورة.
باللون الاخضر.


1.سجل الدخول لحسابك ----> تصميم ------> تحرير HTML


 2. ثم ابحث عن كلمة  ]]></b:skin>   


3. انسخ الكود في المربع ادنه... واضفه بعد كلمة ]]></b:skin>
 
 

<style type='text/css'>
.bttoolz {
   border-top: 1px solid #adadad;
   background: #4dd417;
   background: -webkit-gradient(linear, left top, left bottom, from(#133466), to(#4dd417));
   background: -moz-linear-gradient(top, #133466, #4dd417);
   padding: 7px 14px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 20px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.bttoolz:hover {
   border-top-color: #11a800;
   background: #11a800;
   color: #ffffff;
   }
.bttoolz:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
</style>

4. قم بحفظ عملك.
 
5. اضغط على عناصر الصفحة -----> إضافة أداه


6. ثم قم بإختيار 'HTML/Javascript' من القائمة.. واضف الكود ادناه.


<a class="button" href="YOUR DEMO URL HERE" rel="nofollow" target="_blank">Demo</a>&nbsp;&nbsp;<a class="button" href="YOUR DOWNLOAD URL HERE" rel="nofollow" target="_blank">Download</a></div>



ملاحظة:  قم بتغيير
YOUR DEMO URL HERE: بالرابط الذي تريده عند الضغط على Demo
Demo: باسم الزر الذي تريده بدل ديمو.
YOUR DOWNLOAD URL HERE: بالرابط الذي تريدة عند الضغط على Download
 Download : بأسم الزر الذي تريده.


7.الان اضغط على حفظ "Html Java Script" .
و تستطيع معاينة الاضافة الان. 
 
اتمنى لكم التوفيق..

[..[خربوشة
 

 

اضافة زر تحميل وديمو لمدونتك.

اضافة زر تحميل / اضافة زر ديمو كما هو موضح بالصورة.
باللون الارجواني.



1.سجل الدخول لحسابك ----> تصميم ------> تحرير HTML


 2. ثم ابحث عن كلمة  ]]></b:skin>   


3. انسخ الكود في المربع ادنه... واضفه بعد كلمة ]]></b:skin>

<style type='text/css'>
.button {
   border-top: 1px solid #97b9de;
   background: #c417d4;
   background: -webkit-gradient(linear, left top, left bottom, from(#133466), to(#c417d4));
   background: -moz-linear-gradient(top, #133466, #c417d4);
   padding: 7px 14px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 20px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #8d00d4;
   background: #8d00d4;
   color: #ffffff;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
</style>

4. قم بحفظ عملك.
 
5. اضغط على عناصر الصفحة -----> إضافة أداه



6. ثم قم بإختيار 'HTML/Javascript' من القائمة.. واضف الكود ادناه.


<a class="button" href="YOUR DEMO URL HERE" rel="nofollow" target="_blank">Demo</a>&nbsp;&nbsp;<a class="button" href="YOUR DOWNLOAD URL HERE" rel="nofollow" target="_blank">Download</a></div>



ملاحظة:  قم بتغيير
YOUR DEMO URL HERE: بالرابط الذي تريده عند الضغط على Demo
Demo: باسم الزر الذي تريده بدل ديمو.
YOUR DOWNLOAD URL HERE: بالرابط الذي تريدة عند الضغط على Download
 Download : بأسم الزر الذي تريده.


7.الان اضغط على حفظ "Html Java Script" .
و تستطيع معاينة الاضافة الان.

اتمنى لكم التوفيق..

[..[خربوشة