مطالب اصلی

مطالب وبلاگ

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

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

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

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

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

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

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

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

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

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

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

پنهان کردن لینک بخش نظرات بلاگ بیان
  • پنهان کردن لینک بخش نظرات بلاگ بیان
  • فیلم آموزشی چگونه لینک بالای نظرات را در وبلاگ بیان حذف کنیم
  • 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);

دریافت فایل پیوست ( کد سورس )

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

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

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

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

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

برای شروع کار یک فولدر در دسکتاپ ویندوز خودتون با نام قالب بلاگ من (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) این ویندوز رو نصب کرده باشید ، میدانید که آپدیت ها به صورت خودکار دانلود و نصب می شوند. در این مطلب میخواهیم دو روش  غیر فعال سازی آپدیت خودکار ویندوز ۱۰ را بررسی کنیم هر کدوم که شما دوست داشتی رو انتخاب کنید.

ابزارک ها

بالا