برنامه نویس وب - دانلود قالب بلاگ بیان ، میهن بلاگ و وردپرس

آموزش برنامه نویسی وب ، دانلود رایگان قالب بلاگ بیان ، میهن بلاگ و وردپرس، دانلود برترین آهنگ

۳۸ مطلب با نشانه «آموزشی» ثبت شده است

سئوی وردپرس با Yoast SEO (آموزش گام به گام)

سئوی وردپرس با Yoast SEO (آموزش گام به گام)

همان‌طور که می‌دانید مقوله سئوی وردپرس از موارد بسیار مهم در هر نوعی از وبسایت است که باید توجه شایانی به آن داشت. سئوی وردپرس دارای بخش‌های گسترده‌ای است که برای همگان قابل درک نیست اما به هر جهت باید تلاش کرد تا محتوای وبسایت را به گونه‌ای مناسب برای موتورهای جستجو بهینه کنیم تا بتوان قدمی در جهت بهبود جایگاه وبسایت برداشت.

۰ نظر موافقین ۰ مخالفین ۰
محمد جامو
افزودن دکمه رتبه دهی به مطالب وبلاگ

افزودن دکمه رتبه دهی به مطالب وبلاگ

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

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

۹ نظر موافقین ۱ مخالفین ۰
ج . محمد
چگونه از کلاس کاذب hover در سی اس اس استفاده کنم؟

چگونه از کلاس کاذب hover در سی اس اس استفاده کنم؟

چگونه از کلاس کاذب hover در سی اس اس استفاده کنم؟

گام اول : کدنویسی اچ تی ام ال (html) ؛ ساختار بلاک مورد نظرمون رو ایجاد میکنیم. شامل عکس و عنوان عکس که می خواهیم افکت هاور را رویشان اعمال کنیم.

<div class="block">
    <img title="" alt="" src="/park.jpg">
    <div class="block-caption">
       عنوان عکس مورد نظر
    </div>
</div>

۲ نظر موافقین ۰ مخالفین ۰
ج . محمد
فیلم آموزشی چگونه لینک بالای نظرات را در وبلاگ بیان حذف کنیم

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

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

کدهای مربوطه

کدهای بخش استایل
#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);

۱ نظر موافقین ۰ مخالفین ۰
محمد جامو
آموزش ساخت قالب بلاگ بیان:بخش اول ساختار فایل ها

آموزش ساخت قالب بلاگ بیان:بخش اول ساختار فایل ها

قسمت قبلی : مقدمه

آموزش ساخت قالب بلاگ بیان : بخش اول ساختار فایل های قالب بلاگ بیان

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

برای شروع کار یک فولدر در دسکتاپ ویندوز خودتون با نام قالب بلاگ من (My Blog Theme) ایجاد کنید.سپس سه فولدر دیگر با نام های css – js– imgs   داخل آن ایجاد کنید. سه تا فایل با نام و فرمت های زیر ایجاد کنید.

Index.html – post.html ، وارد پوشه سی اس اس شوید فایلی با نام و فرمت زیر ایجاد کنید style.css. یک اسکرین شات از طرح قالب را در فولدر imgs  اضافه کنید.اسکرین شات مورد نظر در لیست قالب های شخصی بیان نشان داده خواهد شد.

۱ نظر موافقین ۴ مخالفین ۰
ج . محمد
درگاه پرداخت و کیف پول الکترونیک برای وبلاگ و سایت

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

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

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

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

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

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

۰ نظر موافقین ۱ مخالفین ۰
محمد جامو
آموزش ساختن قالب های حرفه ای برای بلاگ بیان

آموزش ساختن قالب های حرفه ای برای بلاگ بیان

اگر عضو بلاگ بیان  هستید و می خواهید برای خودتان قالب درست کنید یا اینکه می خواهید بعنوان یه کدنویس قالب دانش خودتون رو توسعه بدهید و برای سرویس وبلاگدهی بیان هم قالب بنویسد، جای درستی اومدید این سری مطالب برای شماست.

برای این که بتوانید قالب بلاگ بیان برای خودتان بسازید به موارد زیر نیاز دارید یا حداقل آشنایی باهاشون داشته باشید.

 

  • آشنایی با تگ های اچ تی ام ال ( زبان نشانه گذازی ابر متن یا HTML: Hyper Text Markup Language)
  • آشنایی با سی اس اس (CSS : Cascading Stylesheet )
  • ویرایشگر متن یا محیط کدنویسی
  • مرورگر وب فقط گوگل کروم ، موزیلا فایرفاکس و اپرا
  • توانایی کار با محیط پنل مدیریت بلاگ بیان
  • تگ های مخصوص قالب های بلاگ بیان
  • طرح برای قالب بلاگ خودتون (طراحی قالب با نرم افزارهای گرافیکی مانند فتوشاپ)؛ حتما نباید خودتون طراحی کنید می توانید از طراحان عزیز بخواهید براتون طراحی کنند یا اینکه تو اینترنت جست جو کنید و از طرح های آماده ایده برداری کنید یا از طرح های رایگان که مناسب برای بلاگ تان هست استفاده کنید.

 

همه موارد بالا خودش هر کدوم یه بحث جدا هست و نیاز به چندین جلسه آموزش دارد. من فرض می کنم شما حداقل های هر کدام رو می دانید. همچنین از تگ های که استفاده می کنیم سعی میکنم توضیحات کاملی در مورد اون تگ HTML یا CSS  خدمت تون عرض کنم.

 

 

۴ نظر موافقین ۳ مخالفین ۰
ج . محمد
تگ های قالب بندی متن

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

سلام خدمت دوستان 

امروز بخش سوم آموزش را با عنوان " معرفی تگ های قالب بندی متن "

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

۰ نظر موافقین ۰ مخالفین ۰
ج . محمد
آموزش سی اس اس : طراحی روبان گوشه ی باکس

آموزش سی اس اس : طراحی روبان گوشه ی باکس

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

قدم اول : کدنویسی ساختار باکس و روبان

<div id="box-wrp">
<div class="rooban-wrp">
<div class="rooban">1coder.blog.ir</div>
</div>
</div>

قدم دوم : استایل باکس 

#box-wrp {
  margin: 50px auto;
  width: 280px;
  height: 370px;
  background: white;
  border-radius: 10px;
  box-shadow:0px 0px 8px rgba(0,0,0,0.3);
  position: relative;
  z-index: 90;
}

۵ نظر موافقین ۴ مخالفین ۰
ج . محمد

نحوه ی ثبت مطلب در گوگل

با استفاده از لینک زیر می توانید پس از انتشار مطلب به صورت دستی آدرس مطلب خود را به گوگل معرفی کنید تا سریعتر ایندکس بشه! کافیست روی لینک زیر کلیک کنید تا به صفحه مربوطه ارجاع داده بشید ، سپس لینک مطلب خود را در کادر مربوطه بنویسید (جایگذاری "Paste") کنید بعد رو دکمه add url کلیک کنید. حتمن باید اکانت گوگل داشته باشید و لاگین هم باشید.

لینک

موافقین ۱ مخالفین ۰
ج . محمد

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

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

۰ نظر موافقین ۰ مخالفین ۰
ج . محمد
باکس صفحات بلاگ وبلاگ من

باکس صفحات بلاگ وبلاگ من

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

۰ نظر موافقین ۵ مخالفین ۰
ج . محمد
آموزش افکت محو نمودن یک تصویر بر روی تصویری دیگر با سی اس اس

آموزش افکت محو نمودن یک تصویر بر روی تصویری دیگر با سی اس اس

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

مرحله اول  : با استفاده از اچ تی ام ال یک باکس هم اندازه با تصویر مورد نظرمون ایجاد میکنیم.

<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>

۳ نظر موافقین ۲ مخالفین ۰
ج . محمد
ابزار آنلاین و رایگان بهینه سازی تصاویر برای استفاده در وب

ابزار آنلاین و رایگان بهینه سازی تصاویر برای استفاده در وب

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

ابزار بهینه ساز تصاویر

۰ نظر موافقین ۲ مخالفین ۰
ج . محمد

نحوه ی نمایش تاریخ روز در قالب های بلاگ بیان بدون جاوا اسکریپت

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

۳ نظر موافقین ۱ مخالفین ۰
ج . محمد
نحوه ی فعال و غیر فعالسازی آپدیت خودکار ویندوز ۱۰

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

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

۰ نظر موافقین ۰ مخالفین ۰
ج . محمد

نحوه ی پنهان کردن بلوک یا یک قسمت از سایت با css

در این مطلب با شما هستم با نحوه ی پنهان کردن مطالب و یا هر چیزی با سی اس اس (CSS) 

ویژگی یا (property)  ؛ display  که میتوان با دادن مقدار none همه چیز رو پنهان کرد ؛ ولی همیشه قابل استفاده نیست مثلا وقتی شما بخواهید یک منو افتادنی یا کشویی رو با سی اس اس ایجاد کنید این ویژگی اصلا مفید و بدردخور نیست ! و اینکه این ویژگی (display) قابلیت انتقال (transitionable) رو نداره  ؛ یعنی نمیشه با افکت و انیمیشن از حالتی به حالت دیگر منتقل بشه ، بعنوان مثلا نمیشه افکت محو شدن را بهش اعمال کرد مگر اینکه از جاوا اسکریپت استفاده بشه !

۰ نظر موافقین ۰ مخالفین ۰
ج . محمد

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

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

۰ نظر موافقین ۰ مخالفین ۰
ج . محمد
چگونه با سی اس اس رنگ متن انتخاب شده را تغییر بدهیم؟

چگونه با سی اس اس رنگ متن انتخاب شده را تغییر بدهیم؟

اگر اهل وبگردی هستید و یا کدنویس وب شاید دیده باشید که در بعضی از صفحات ، " بعنوان مثال در همین صفحه اگه شما یک متن را انتخاب کنید رنگ متن و پس زمینه آن تغییر میکند. " شاید دوست داشته باشید که این امکان را به وبلاگ یا صفحات خود اضافه کنید و یا اینکه بدانید چگونه با سی اس اس رنگ متن انتخاب شده را تغییر بدهیم؟

کافیست شما کد زیر را به کدهای استایل ( فایل CSS ) خود اضافه کنید.

۰ نظر موافقین ۰ مخالفین ۰
ج . محمد
باکس صفحات بلاگ با استایل

باکس صفحات بلاگ با استایل

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

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

   راهنمای استفاده :  در گام اول کد استایل زیر را کپی و در بخش قالب --> فایل css  اضافه کنید و تغییرات را ذخیره کنید. 

در گام بعدی هم  کد باکس مورد نظر را انتخاب و کپی کنید وارد بخش ساختار قالب وبلاگتون شوید و کد صفحات رو بعد از تگ <box:post_list/> قرار بدهید. (کد باکس صفحات را بعد از پایان کدهای نمایش پست بلاگ تان قرار بدهید) 

۷ نظر موافقین ۱ مخالفین ۰
ج . محمد