برچسب: وبلاگ/آموزش

ابزارک رتبه دهی و لایک برای مطالب وبلاگ نویسان
ابزارک رتبه دهی و لایک برای مطالب وبلاگ نویسان ، شما می توانید با استفاده از این ابزارک به مطالب و حتی نظرات وبلاگ تون رتبه دهی و لایک اضافه کنید.

همچنین امکان اشتراک گذاری مطالب نیز وجود دارد. برای کاربران بلاگ که بازدیدکنندگان شان باید عضو بیان باشند تا بتونند رای خود را ثبت کنند بسیار کاربردی است.

شما می توانید با خیالت راحت و به آسانی هر چه تمام تر فقط با گذاشتن چند خط کد در صفحه مورد نظرتون اضافه کنید و آمار لایک و رتبه کاربران را فوری در داشبورد سایت ابزارک مشاهده کنید.

گام اول : به این سایت وارد بشید. کلیک کن

وارد سایت که شدید روی دکمه GET CODE کلیک کنید. صفحه اسکرول شد اومد رو اون بخش دریافت کد ، تو این مرحله می توانید تنظیمات و استایل ( رنگ ، دکمه ، فونت و …).

* دقت کنید قسمت Website Plan را روی FREE Plan بذارید. تا بتونید برای همیشه رایگان استفاده کنید. ( پیش فرض روی 7 روز آزمایشی هست ).

گام آخر : دریافت و جای گذاری کد رتبه دهی و لایک مطالب

وقتی تنظیمات و استایل مورد نظرتون رو انتخاب کردید ، کدی که بهتون میده رو کپی کنید ، وارد بخش مدیریت پنل وبلاگ تون -> ویرایش قالب فعلی -> ساختار قالب -> کدهای کپی شده رو در آخر کدهای فعلی بگذارید.
اگر می خواهید برای هر مطلب تون جدا بذارید. این خط از کد رو در بین همین کدها که دریافت کردید پیدا کنید و در بخش مشاهده مطلب جداگانه بگذارید. کد زیر رو با دقت ببینید ، نحوه ی استفاده دکمه رتبه دهی و لایک در یه مطلب که کاربر در حال مشاهده آن هست.
```
<post_detail>
   <h2>
     (*post_title*)
     <span class="likebtn-wrapper"></span>
   </h2>
   ...
</post_detail>
```
می تونید این کد رو هر جا که خواستین دکمه نمایش داده بشه جای گذاری کنید مثلا در کد بالا من کنار عنوان مطلب گذاشتم.

کد مروبط به نمایش دکمه رتبه دهی و لایک در وبلاگ و سایت.
```
<span class="likebtn-wrapper"></span>
```
همچنین اگر می خواهید امتیازات مطالب و صفحاتی که از این ابزارک استفاده کرده اید در نتایج گوگل نمایش داده شود.

باید در قسمت تنظیمات دریافت کد بخش item description اطلاعات رو وارد کنید. کاربران بلاگ فقط کافیه کدهای زیر را به تگ نمایش دهنده دکمه اضافه کنید تا اطلاعات مروبط برای هر مطلب به صورت جداگانه اضافه شود.
```
این تکه رو به تگ نمایش دهنده دکمه اضافه کنید.
data-rich_snippet="true"
data-item_url="(*post_link*)"
```
```
data-item_title="(*post_title*)"
```
```
data-item_description="(*post_summary*)"
```
```
data-item_image="(*post_image*)" data-item_date="(*post_date*)"
```
```
<span class="likebtn-wrapper" data-rich_snippet="true" data-item_url="(*post_link*)" data-item_title="(*post_title*)" data-item_description="(*post_summary*)" data-item_image="(*post_image*)" data-item_date="(*post_date*)"></span>
```
.

کدهای جاوا اسکریپت مربوط به ابزارک رو در آخر ساختار قالب فعلی وبلاگ تون بذارید.

* دقت کنید اگر می خواهید قسمت های مانند اشتراک گذاری و … رو حذف کنید قبلش حتما عضو سایت مورد نظر شوید.سپس از این مطلب دیدن کنید. *

عضویت در سایت معرفی شده

نحوه ی عضویت : به این آدرس برید.سپس از منوی بالا login رو کلیک کنید تا صفحه مورد نظر بیاد ، زیر فرم همین صفحه نوشته register روش کلیک کنید الان اطلاعات خود را وارد کنید. ( ایمیل و پسوردی که میخواهید برای دسترسی به این سایت استفاده کنید) رو دکمه register بزنید تا عضویت انجام بشه. بعد صفحه مربوط به ثبت آدرس سایت یا وبلاگ تون میاد ، دقت کنید که اول کد مورد نیاز رو دریافت کرده اید و ابزارک رتبه دهی در سایت تون فعال هست تا سایت تون تایید بشه. وقتی سایت تون را با موفقیت اضافه کردید قسمت نظرات همین مطلب آدرس وبلاگ یا سایت تون رو بذارید تا قسمت های اضافی و تبلیغاتی ابزارک رو حذف یا ویرایش کنیم. موفق باشید.
2018-01-31
فیلم آموزشی چگونه لینک بالای نظرات را در وبلاگ بیان حذف کنیم
پنهان کردن لینک بخش نظرات بلاگ بیان

توضیحات پنهان کردن لینک بخش نظرات بلاگ بیان

فیلم آموزشی چگونه لینک بالای نظرات را در وبلاگ بیان حذف کنیم

حجم 8.37 مگابایت

مدت زمان 5 دقیقه 57 ثانیه
کدهای مربوطه
```
کدهای بخش استایل
#comments .item_success{ display:none;}
```
```
کد اسکریپت
```
setTimeout(function(){ var count = $(“#comment-add-form”).children().length; if(coutn==0){$(“.item_success”).show().text(“نظر با موفقیت ارسال شد”).css( {“position”:”fixed”, “top”:”12%”,”right”:”0%”, “left”:”0%”,”padding”:”25px”, “z-index”:”1000″, “background-color”:”green”, “font-size”:”20px”, “font-family”:”inherit”, “color”:”#222″, “text-align”:”center”}); } },1000); setTimeout(function(){ $(“.item_success”).hide(); },10000);
دریافت فایل پیوست ( کد سورس )
2018-01-04
درگاه پرداخت و کیف پول الکترونیک برای وبلاگ و سایت

دریافت درگاه پرداخت و کیف پول الکترونیک برای وبلاگ و سایت در کمتر از یک روز! هر آنچه که شما از یک سرویس پرداخت آنلاین برای سایت یا وبلاگ خودتان نیاز دارید! امکاناتی نظیر درگاه اختصاصی رسمی با مجوز بانک مرکزی ، کیف پول الکترونیک ، فروشگاه شارژ و سرویس آسان پرداخت و …! همچنین ربات تلگرامی جذاب برای انتشار محصولات خود در گروه های تلگرامی و کسب درآمد بدون داشتن سایت و وبلاگ اختصاصی! در ادامه همین مطلب یک توضیح مختصر از هر امکانات معرفی شده براتون می نویسم.

درگاه پرداخت : درگاه پرداخت به شما اجازه می دهد تا وب سایت خود را در کوتاه ترین زمان ممکن و با استفاده از پلاگین های آماده سیستم های مدیریت محتوا متفاوت ، به سیستم پرداخت شتابی کشور متصل کنید.

کیف پول الکترونیک : با استفاده از سرویس کیف پول قادر خواهید بود تا وجه کالا یا خدمات خود را به وسیله اعتبار کیف پول دریافت نمایید.

فروشگاه شارژ : با استفاده از این سرویس می توانید بدون نیاز به سرمایه ، فروشگاه مجازی با قابلیت فروش انواع شارژ تاپ آپ،پین کد، پرداخت قبض و … داشته باشید و پورسانت دریافت نمایید.

آسان پرداخت : این سرویس ساده ترین راه برای دریافت وجه کالا و محصولات شما بدون داشتن وب سایت است.فقط کافیست عضو شوید و بی نهایت فرم پرداخت برای محصولات خود ایجاد نمایید.

چگونه کیف پول داشته باشم و درگاه پرداخت برای وب سایتم بگیرم ؟

روال ثبت نام خیلی ساده است ، فقط کافیه یه شماره موبایل داشته باشید و با یک کد ساده ثبت نام کنید. فراموش نکنید که کلمه عبورتان را به صورت ترکیبی با عدد و حروف استفاده کنید. بعد از ثبت نام اگر قصد استفاده از درگاه پرداخت رو داشته باشید می بایست هویت تان را اعتبار سنجی کنیم که این کار با روش های مختلفی در زمان کوتاهی انجام می شود. شما می توانید یه عکس از یه مدرک (گواهینامه ، کارت معافیت ، کارت ملی و …)که روش اطلاعات هویتی شما ( شماره ملی و نام و…) باشه رو برای سایت ارسال کنید پس از اعتبارسنجی و تایید می توانید از امکانات پرداخت آنلاین برای سایت و وبلاگ خود استفاده کنید.

درگاه پرداخت خود را در کمتر از یک روز دریافت نمایید.ارائه درگاه پرداخت اختصاصی با مجوز رسمی PSP از بانک مرکزی.

ثبت نام و دریافت درگاه

2017-06-14

تگ های قالب بندی متن

سلام خدمت دوستان امروز بخش سوم آموزش را با عنوان ” معرفی تگ های قالب بندی متن “آغاز می کنیم. خب برای متوجه شدن بهتر این مطالب حتمن باید جلسات قبل رو خوانده باشید، خب بریم سراغ این جلسه :

۱ : تگ ضحیم کننده متن هستش <b>

<p>آموزش  <b>  برنامه نویسی وب </b> </p>           خروجی : آموزش برنامه نویسی وب

۲ و ۳ : تگ نمایش متن بصورت کج <i> و <em>

<p>آموزش  <em>  برنامه نویسی وب </em> </p>            خروجی : آموزش برنامه نویسی وب

<p>آموزش  <i>  برنامه نویسی وب </i> </p>            خروجی : آموزش برنامه نویسی وب

۴: تگ کاهش سایز متن ( کوچک نمایش دهنده متن) <small>

<p>آموزش  <small>  برنامه نویسی وب </small> </p>           خروجی : آموزش برنامه نویسی وب

۵ : تگ نمایش دهنده متن بصورت پررنگ <strong>

<p>آموزش  <strong>  برنامه نویسی وب </strong> </p>            خروجی : آموزش برنامه نویسی وب

۶: نمایش دهنده ی متن بصورت اندیس (پایین تر از خط/متن اصلی) ؛ زیرنویس!!! <sub>

<p>آموزش  <sub>  برنامه نویسی  </sub> وب </p>

خروجی : آموزش _{برنامه نویسی} وب

<p>A<sub>i</sub>+B</p>

خروجی : A_i+B

۷: تگ قالب بندی متن بصورت توان (بالا نویس / برعکس بالایی) <sup>

<p>آموزش  <sup>  برنامه نویسی  </sup> وب </p>

خروجی : آموزش ^{برنامه نویسی} وب

<p>(A)<sup>2</sup> = A*A</p>

(A)² = A*A خروجی

خب یه مثال کامل ببینیم با هم !

<p>lim <sub>x->0</sub> (2x <sup>4</sup> +x<sup> 2</sup> -8x)</p>

lim _x->0 (2x ⁴ +x² -8x) خروجی

۸ : تگ خط کشیدن زیر متن <ins>

<p>آموزش  <ins>  برنامه نویسی  </ins> وب </p>             خروجی : آموزش برنامه نویسی وب

این تگ صفت (attribute) به نام ” CITE” می گیره که مقدار آن یک “URL” لینکِ

<p>آموزش برنامه نویسی وب   <ins cite="1coder.blog.ir/dev3.html">بخش سوم</ins>  </p>              
خروجی : آموزش برنامه نویسی وب بخش سوم

کاربرد این تگ برای مشخص کردن خبر جدید (اتفاق تازه) هست .

۹ : تگ خط کشیدن روی متن <del>

<p>آموزش  <del>  فتوشاپ  </del>  </p>             خروجی : آموزش فتوشاپ

کاربرد این تگ نشان دادن حذف شدن خبر (هر خبری…) هست!!!!

بهترین نوع کاربرد تگ شماره ی ۹ در کنار شماره ۸ هست ! مثال بهتر حرف میزنه !ببینیم

<p>تیم مورد علاقه ی من<del>  چلسی</del>،<ins>منچستر یونایتد</ins>!</p>           
 !خروجی : تیم مورد علاقه ی من چلسی ، منچستر یونایتد

۱۰ : تگ هایلات کردن متن <mark>

<p>آموزش  <mark>  برنامه نویسی  </mark> وب </p>             خروجی : آموزش برنامه نویسی وب

موفق باشید..

2016-11-18

امکان پرداخت آنلاین برای بلاگ

برای داشتن یک فروشگاه آنلاین و ارائه‌ی یک سرویس یا محصول حتماً نیاز نیست یک وبسایت داشته باشید.خرید دامنه و سرویس میزبانی و نصب یک سیستم مدیریت محتوا و…

این همه دردسر فقط با ایجاد یک صفحه در هر یک از شبکه‌های اجتماعی و ارتباطی، تبلیغ محصول، گذاشتن لینک پرداخت آنلاین به سادگی اتفاق می‌اُفتد.

آسان‌پرداختِ زرین‌پال پرداخت‌های مشتریان شما را ضمانت می‌کند، فروش شما را زیاد می‌کند و پرداخت‌ها را ساده‌تر. به همین آسانی

شما می‌توانید در وبلاگ، فروم یا وبسایت نیز به سادگی لینک فروش و پرداخت ایجاد نمایید.

همین امروز فروشگاه خود را با امکان پرداخت آسان در ۴ گام بسازید:
۱- وارد حساب کاربری زرین‌پال شوید.اگر حساب کاربری ندارید اول ثبت نام کنید.
۲- از منوی سمت راست وارد قسمت «آسان‌پرداخت» شوید و روی «+ ایجاد لینک آسان‌پرداخت» کلیک کنید.
۳- فرم اطلاعات محصول و پرداخت خود را پر کنید و روی ساخت آسان پرداخت کلیک کنید.
۴- لینک پرداخت را در زیر محصول خود به اشتراک بگذارید.

امکان مشاهده فروش های انجام شده نیز وجود دارد.

چنانچه در استفاده از این امکان مشکلی داشتید می توانید در قسمت نظرات همین مطلب بفرستید. موفق باشید.

2016-11-17
فیلم آموزش سی اس اس ، افکت محو شدن تصویر

در این مطلب در خدمت تون هستم با فیلم آموزش سی اس اس نحوه ی پنهان کردن یک تصویر و نمایش تصویر دیگر را آموزش بدهم ، امیدوارم براتون مفید باشه.( آموزش درخواستی کاربر) ؛ صفحه مربوط به دمو و کدها (کلیک کنید)

2016-06-30
باکس صفحات بلاگ وبلاگ من
در خدمتون هستم با مطلب مربوط به باکس صفحات بلاگ ، در این مطلب ( باکس صفحات بلاگ با استایل ) چند نمونه باکس برای دوستان آماده کردم. در این پست میخام باکس صفحات بلاگ خودم را به درخواست یکی از کاربران عزیز در اختیارتون بگذارم که بتونید استفاده کنید. کد آماده شده به اچ تی ام ال هست که شما میتوانید با جایگزینی کدهای صفحه بندی مربوط به قالب بلاگ خود از این کدها استفاده کنید.

کد مخصوص قالب های بلاگ
```
<box:pagination>
 <nav id="pgnav">
   <ul class="clr">
<check:if page_prev>
<li class="button">
<a class="(*page_prev*)" href="(*page_prev*)">
<span>صفحه قبلی</span><span class="icon-arrow-right"></span>
</a>
</li>
</check:if>
<view:pages spec="5,2,4,2,3,2">
<check:if page_num>
<li><a href="(*page_link*)" class="(*page_current*)">(*page_num*)</a></li>
</check:if>
<check:if not page_num><li class="sep"><a href="/"> ...</a> </li></check:if>
</view:pages>
<check:if page_next>
<li class="button">
<a class="(*page_next*)" href="(*page_next*)">
<span>صفحه بعدی</span><span class="icon-arrow-left"></span>
</a>
</li>
</check:if>
</ul>
</nav>
</box:pagination>
```
اگر این مطلب برایتان مفید بود ؛ لطفا به دوستان خود نیز پیشنهاد کنید(http://goo.gl/PmYCHc). برای حمایت رو تبلیغات یه کلیک ناقابل! :).
2016-06-28
آموزش افکت محو نمودن یک تصویر بر روی تصویری دیگر با سی اس اس
در این مطلب می خواهم نحوه ی پنهان کردن یک تصویر و نمایش تصویر دیگر با سی اس سی را آموزش بدهم ، امیدوارم براتون مفید باشه.( آموزش درخواستی کاربر)

مرحله اول : با استفاده از اچ تی ام ال یک باکس هم اندازه با تصویر مورد نظرمون ایجاد میکنیم.
```
<div class="balochdesign"></div>
```
مرحله دوم : سپس تصاویر مورد نظرمون رو داخل باکس میگذاریم. برای هر تصویر یک نام کلاس در نظر می گیریم. (برای اعمال استایل)
```
<div class="balochdesign">
  <img class="ax1" src="http://lorempixel.com/200/200" />
  <img class="ax2" src="http://lorempixel.com/200/200/sports" />
</div>
```
مرحله سوم : کدنویسی سی اس اس رو شروع میکنیم. دقت کنید که اندازه تصاویر استفاده شده تو این مثال ۲۰۰*۲۰۰ پیکسل هست ، پس اندازه باکس اصلی هم باید همین مقدار رو داشته باشد همچنین balochdesign نام کلاس باکس اصلی هست.

– استایل مورد نظر را به باکس اصلی اعمال میکنیم.
```
.balochdesign{
  width:200px;
  height:200px;
  position:relative;
  overflow:hidden;
}
```
– استایل بخش تصاویر باکس رو اعمال می کنیم. این قطعه کد تمام عکس های که داخل باکس اصلی هستن رو شامل می شود.
```
.balochdesign img{
  transition:2s all;
  position:absolute;top:0px;
  width:100%;
}
```
– استایل مورد نیاز تصاویر که باید برای پنهان شدن اعمال کنیم.دقت کنید در حالت معمولی عکس دومی میاد رو عکس اولی برای اینکه عکس اولی رو در لایه ی بالاتر قرار بدهیم از z-index استفاده میکنیم ، برای لایه ی بالاتر باید مقدار بیشتری نسبت به لایه ی زیرین اعمال کنیم.
```
.ax1{z-index:2;}.ax2{z-index:1;}
```
– استایل حالت قرار گرفتن ماوس رو تصویر رو اعمال می کنیم.
```
.balochdesign:hover .ax1{
  opacity:0;
}
```
مشاهده خروجی
2016-06-26
ابزار آنلاین و رایگان بهینه سازی تصاویر برای استفاده در وب

تصاویر سرعت بیشتری در انتقال مفهوم و جذب کاربر در مقابل متن و تیترهای گنده را دارد.بسیاری از صفحات اینترنتی بیشتر به جای استفاده از متن های طولانی سعی می کنند کاربران را با یک تصویر جذاب به سوی اهداف خویش جذب کنند.استفاده پرکاربرد تصاویر در طراحی قالب سایت ها نیز یکی از عواملی هست که ما باید از ابزاری برای بهینه سازی تصاویر خودمان استفاده کنیم ؛ که بتوانیم مشکلاتی چون دیر بالا اومدن ( لود شدن سایت ) در اثر استفاده از تصاویر حجیم را براحتی حل کنیم.

ابزارهای چون فتوشاپ نیازمند دانش اولیه بوده و یک نویسنده وبلاگ شاید آنچنان از آن بهره نبرده باشد، بنابراین استفاده از یک ابزار آنلاین و رایگان برای بهینه سازی تصاویر برای استفاده در صفحات وبلاگ یا سایت مان خیلی هم با حال تر از فتوشاپ و دیگر برنامه ها هست.تا می تونید تصاویر مورد استفاده در وبلاگ تون رو بهینه کنید و سرعت لود صفحه مورد نظرتون رو افزایش بدهید.کافیه به وبسایت (کلیک کنید) برید و عکس مورد نظرتون رو آپلود کنید بقیه کارها رو بسپارید به پاندا توپوله تا یه تصویر بهینه براتون آماده کنه.با پاندا کلی کیف خواهید کرد.

2016-05-18
اینفوگرافیک دنیای برنامه نویسی

در این اینفوگرافیک با تاریخچه، شخصیت‌های مهم دنیای برنامه‌نویسی، نکات و الگوریتم‌ها و آما‌رهای مربوط به محبوبیت زبان‌های مختلف برنامه‌نویسی آشنا می‌شوید.

دانلود اینفوگرافی دنیای برنامه نویسی دانلود

منبع : فرانش

2016-01-09
نحوه ی فعال و غیر فعالسازی آپدیت خودکار ویندوز ۱۰

اگر شما هم از کاربران جدید ویندوز ۱۰ هستید و نسخه نهایی(Build 10586) این ویندوز رو نصب کرده باشید ، میدانید که آپدیت ها به صورت خودکار دانلود و نصب می شوند. در این مطلب میخواهیم دو روش غیر فعال سازی آپدیت خودکار ویندوز ۱۰ را بررسی کنیم هر کدوم که شما دوست داشتی رو انتخاب کنید.

* برای نمایش تصاویر در سایز بزرگ تر روی عکس کلیک کنید.

روش اول : با استفاده از Local Group Ploicy Editor

۱ : قسمت Local Group Ploicy Editor را باز کنید (استارت منو رو باز کنید سپس عبارت رو تایپ کنید پس از مشاهده روش کلیک کنید تا بخش مورد نظر نمایان بشه)
۲: از سمت چپ مسیر زیر رو پیدا کنید( اسکرین شات رو ببینید)
Computer Configuration/Administrative Templates/Windows Componets/Windows Update

۳: از گزینه های سمت راست ، گزینه windows Update رو انتخاب کنید ( دابل کلیک کنید)
تا صفحه مربوط به ویرایش براتون باز بشه .(اسکرین شات رو ببینید)

۴ : برای فعال سازی آپدیت خودکار (شماره یک اسکرین شات بالا)
سمت چپ بالا پنجره باز شده گزینه Enable را کلیک کنید ( انتخاب کنید)
۵: برای فعال سازی هشدار قبل از دانلود و نصب آپدید ها ( غیر فعال سازی آپدیت خودکار)
دقت کنید که مرحله قبل رو حتمن انجام داده باشید ، سپس به قسمت پایین تر همین پنجره برید و از بخش Configure automatic updating گزینه ۲. Notify for download and notify for install رو انتخاب کنید.(شماره دو اسکرین شات بالا)

تنظیمات را سیو کنید ، حالا می توانید به بخش آپدیت ویندوز بروید و چک کنید آپدیت جدید موجود هست یا نه سپس اون رو دانلود کنید.

روش دوم با استفاده از Windows Update service در بخش Service

با کلیک رو گزینه Windows Update پنجره جدیدی براتون باز می شود که گزینه های مورد نیاز رو مشخص کرده ام ؛ با دوگرینه Start -Stop می توانید بروز رسانی خودکار در ویندوز ۱۰ خودتان را فعال و غیر فعال کنید. موفق باشید.

2016-01-05
فایل کرک و فعال سازی فتوشاپ 2015 64bit

با سلام ، اگر شما هم یکی از نرم افزارهای مورد استفاده روزانه و یا مورد علاقه تون فتوشاپ هست ، حتمن بعد از نصب آپدیت جدید فتوشاپ 2015 به مشکل فعالسازی مواجه شده اید و یا اصلا فعالساز معتبر نداشته اید که فعال کنید. بنده با نصب آپدیت های فتوشاپ کرکش نیز از کار افتاد و زمان استفاده رایگان هم به پایان رسیده بود که !

تو نت گشتم و فایل زیر رو دانلود کردم و خیلی راحت بدون دردسر آنتی ویروس و کارکردن یا نکردن کرک فتوشاپ رو فعال کردم. برای فعالسازی شما کافیه فایل زیر را دانلود کنید و تو فولدر یا پوشه فتوشاپ تون بذارید به همین سادگی ! از فتوشاپ تان لذت ببرید .

فقط برای فتوشاپ 2015 نسخه 64 بیتی : Adobe Photoshop 2015 64bit

دانلود فایل

2015-10-20

برچسب: وبلاگ/آموزش

گام اول : به این سایت وارد بشید. کلیک کن

گام آخر : دریافت و جای گذاری کد رتبه دهی و لایک مطالب

عضویت در سایت معرفی شده

چگونه کیف پول داشته باشم و درگاه پرداخت برای وب سایتم بگیرم ؟