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

نویسنده: محمد جمال زاده

  • قالب شخصی و مینیمال برای بلاگ

    قالب شخصی و مینیمال برای بلاگ

     

    ویژگی ها : 

    • ریسپانسیو (واکنش گرا)
    • پشتیبانی تصاویر شاخص مطلب
    • سرعت لود بالا
    • html5 و css3
    • کدنویسی استاندارد
    • رایگان (برای استفاده شخصی)

    تست gtmetrix.com

    تست gtmetrix.com

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

    کاربرانی که این قالب را برای دیگر سرویس های وبلاگدهی میخوان در قسمت نطرات پیام خود را ارسال کنند.

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

    پیشنمایش قالب 

    دانلود قالب

    دریافت هدر جدید

  • متن و آهنگ me and my broken heart از rixon

    All I need’s a little love in my life

    All I need’s a little love in the dark

    A little but I’m hoping it might kick start

    Me and my broken heart
    I need a little loving tonight

    Hold me so I’m not falling apart

    A little but I’m hoping it might kick start

    Me and my broken heart

    Yeah…

    دانلود ، حجم :3.04 مگابایت

    دانلود دیگر آهنگ ها

    Shot gun, aimed at my heart, you got one
    Tear me apart and then some

    How do we call this love (whoa oh oh oh)
    I try to run away but your eyes

    Tell me to stay, oh why,
    Why do we call this love (whoa oh oh oh)

    It seems like we’ve been losing contro
    l
    Somebody tell me I’m not alone
    When I said

    All I need’s a little love in my life

    All I need’s a little love in the dark

    A little but I’m hoping it might kick start

    Me and my broken heart
    I need a little loving tonight

    Hold me so I’m not falling apart

    A little but I’m hoping it might kick start

    Me and my broken heart

    Maybe some part of you just hates me

    You pick me up and play me
    How do we call this love? (whoa oh oh oh)
    One time tell me you need me tonight

    To make it easy, you lie

    And say it’s all for love (whoa oh oh oh)

    It seems like we’ve been losing control

    Somebody tell me I’m not alone

    When I say

    All I need’s a little love in my life

    All I need’s a little love in the dark

    A little but I’m hoping it might kick start

    Me and my broken heart
    I need a little loving tonight

    Hold me so I’m not falling apart
    A little but I’m hoping it might kick start

    Me and my broken heart

    Whoa oh, whoa oh

    Me and my broken heart
    Whoa oh, whoa oh

    Me and my broken
    Yeah, yeah, yeah
    (Me and my broken, broken heart)
    Yeah, yeah, yeah
    How do we call this?

    It’s just me
    It’s just me
    It’s just me

    Me and my broken heart

    All I need’s a little love in my life

    All I need’s a little love in the dark

    A little but I’m hoping it might kick start

    Me and my broken heart
    I need a little loving tonight

    Hold me so I’m not falling apart

    A little but I’m hoping it might kick start

    Me and my broken heart

    دانلود ، حجم :3.04 مگابایت

  • ابزار تست موبایل فرندلی و واکنش گرا بودن سایت یا وبلاگ

    موبایل فرندلی بودن طراحی سایت مفهمومی است که در به روز رسانی سال 2015 گوگل اثرگذاری بسیاری را در سئو سایت به همراه داشته است. گوگل در رنکینگ دهی طراحی وب سایت، الگوریتم موبایل را به عنوان فاکتوری با ثاتیر بسیار فراوان در سئو در مقابل دیگر الگوریتم ها مانند پنگوئن و پاندا قرار داده است. گوگل به طراحی وب سایت ها بیان می نمایند که نمایشی سازگار طراحی سایت خود به واسط بهره گیری از دستگاه های مختلف نمایش دهید.

    تاثیر موبایل فرندلی در  سئو سایت

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

    چطور صفحه خودمان را موبایل فرندلی کنیم؟

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

    میخوام صفحه خودمو موبایل فریندلی کنم.

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

    ابزار گوگل وب مستر

    ابزار واکنش گرا بودن

    قسمتی از متن برگرفته شده از :npco.net

  • دامنه رایگان دریافت کنید

    برای دریافت دامنه رایگان  ؛ دامنه ir  کافیست عضو این وبسایت بشید و شانس خود را برای دریافت دامنه رایگان آزمایش کنید!!! من خودم تونستم دوتا دامین ثبت کنم ، که خوش شانس نبودم زیاد!!!! چون بخش قرعه کشی هم داره بیشتر شانس رو تو اون میسنجن! من کد یا همون کوپن دریافت کردم!

    امیدوارم شمام بتونید دامین ir خود را به صورت رایگان برای یکسال دریافت کنید.

  • فرم تماس با ما

    کدنویسی فرم تماس با ما ، برای دریافت کد به اینجا مراجعه کنید.

    پیش نمایش

  • معرفی سایت ، ابزار چک کردن سئو سایت و وبلاگ

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

    وب سایت woorank

    بهترین وب سایتی که میشناسم برای تست سئو هستش هر چند برخی امکاناتش پولی هست ! ولی شما میتونید با عضویت(رایگان) در این سایت همیشه وب سایت خود را تست کنید و راهنمایی بگیرید! همچنین نکاتی از سئو را بصورت هفتگی براتون ایمیل میکنه!

    خب وورنک چه تست های را برای وب سایتتان در نظر گرفته!

    سئو ، سازگاری با موبایل ،شبکه های اجتماعی ،  دسترس بودن وبسایت تان، تکنولوژی های استفاده شده در سایت تون (جی کوئری …)!

    حتمن عضو شوید تا بتونید همیشه چک کنید ، در غیر این صورت فقط می تونید هر هفته یکبار وب سایت تون را چک کنید.

    استفاده از این وب سایت ، ورود به وورنک.

    تست سئو

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

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

  • طراحی و کدنویسی فرم تماس با ما

    طراحی و کدنویسی فرم تماس با ما سایت شیوه های نوین کسب  درآمد اینترنتی.

    پیشنمایش

  • طراحی قالب جدید برای بلاگ

    امروز فایل psd قالب وبلاگ رو طراحی کردم ، کدنویسی شو بزودی میذارم در دو نسخه رایگان و پولی برای کاربران بلاگ و اگه دوستی برای دیگر سرویس ها خواست ترجمه میکنم.موفق باشید

    پیش نمایش

  • متا تگ شبکه های اجتماعی

    توی این مطلب میخام آموزش افزودن متا تگ شبکه های اجتماعی یا تگ های Open Graph را به وبسایتتان را به اشتراک بگذارم. خب این تگ ها در سئو وب سایت شما نیز تاثیر دارند.

    این متا تگ شبیه بقیه متا تگ ها بین دو تگ <head> و </head> قرار میگیرند. حتما از این تگ ها استفاده کنید!

    ساختار این تگا به صورت زیر هست:

    <meta property="og:type" content="blog">

    مثال : برای کاربران سرویس وبلاگدهی بلاگ [کافیست کد زیر بعد تگ <head> در ساختار قالب وبلاگ خود بگذارید]

    <meta property="og:type" content="blog">
    <meta property="og:title" content="(*blog_name*)">
    <meta property="pg:url" content="(*blog_link*)">
    <meta property="og:image" content="(*blog_image*)">
    <meta property="og:discription" content="(*blog_discription*)">

    خب حالا هر کدوم از این تگ ها رو معرفی میکنم:

    <meta property="og:type" content="">
    <meta property="og:title" content="">
    <meta property="pg:url" content="">
    <meta property="og:image" content="">
    <meta property="og:discription" content="">

    property=”og:type” content : نوع صفحه شما (وبلاگ ، وبسایت…)
    property=”og:title” contetnt : عنوان سایت شما
    property=”og:image” content : لوگوی سایت یا وبلاگ شما
    property=”og:url” content : برای درج لینک سایت شما
    property=”og:description” : برای نمایش توضیح سایت یا وبلاگ

    مهم ترین کاربرد این تگ ها این هست که وقتی مطلبی از سایت شما به اشتراک گذاشته میشه (فیسبوک ، توییتر و …) ، اطلاعاتی که به این متا تگ ها قرار دادید رو نمایش میده. به عکس زیر دقت کنید. دیگه دلیل وجود نداره که از این تگ ها استفاده نکنید! البته اگر دوست دارید دوست تان داشته باشند!

    متا تگ برای شبکه های اجتماعی

  • جملات نلسون ماندلا

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

    ……………………………………………………………..

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

    …………………………………………………………….

    جملات آل پاچینو + دیالوگ برتر

  • تگ های متا و تاثیر آن بر موتورهای جست و جو

    تو این مطلب میخام متا تگ های مهم در html رو معرفی میکنم که در نمایش وب سایت یا وبلاگ شما در موتورهای جست و جو تاثیر داره!

    اولین تگ ؛ تگ <title>

    <!DOCTYPE html>
    <html lang="fa-IR">
       <head>
          <meta charset="UTF-8">
          <title>bishatar az 70 character bashad</title>
       </head>
       <body></body>
    </html>

    تگ شعار (توضیح یک سطری) سایت 

    <!DOCTYPE html>
    <html lang="fa-IR">
       <head>
          <meta charset="UTF-8">
          <title>onvan site</title>
          <meta name="discription" content="tozih site">
       </head>
       <body></body>
    </html>

    تگ نویسنده یا صاحب سایت  : link rel=”author”

    <!DOCTYPE html>
    <html lang="fa-IR">
       <head>
          <meta charset="UTF-8">
          <title>onvan site</title>
          <meta name="discription" content="tozih site">
          <link rel="author" href="https://google.com/LINK-PROFILE-Google PLUS" > 
       </head>
       <body></body>
    </html>

    مقدار href  لینک آدرس پروفایل تان در گوگل پلاس باشد؛ وقتی از این تگ استفاده میکنید گوگل در نمایش جست و جوهاش! عکس پروفایلتان را نیز نشون میده!

    در پست های بعدی نکات بیشتری از html به اشتراک میذارم. موفق باشید

  • آموزش ساخت منو با html5 و css3

    سلام ، امروز فایل html5 و css منو سایت که در این پست طراحی کردم  رو براتون آماده کردم و آموزششو براتون میذارم.

    اول ساختار منوی سایت خودمون رو کدنویسی میکنیم. (فایل html)

    <nav id="jamo-navigation">
        <ul id="menu">
          <li class="selected"><a href="#">صفحه نخست</a></li>
          <li><a href="#">نمونه کارهام</a></li>
          <li><a href="/">وبلاگ</a></li>
          <li><a href="/">درباره ی من</a></li>
          <li><a href="/">تماس </a></li>
        </ul>
    </nav>

    ساختار منوی مان کامل شد تنها تگی که شاید ناآشنا باشد تگ NAV هستش ! این تگ html5 هستش (نسخه جدید html) که برای ایجاد منو بکار میره!، چند نکته در مورد  css بگم ، یه سری تگ ها هستن که خود مرورگرها براشون یه استایل پیش فرض دارن ؛ مثلا دادن خط زیرین به لینک ها ! توی آموزش ساخت منوی سایت تگ های ul, li,a و body هستن که باید مقدار پیش فرض ها اون ها رو خودمون تعیین کنیم. چجوری ؟ خودمون به اون خصوصیات که مرورگر مقدار پیش فرض میده رو بهشون مقدار میدهیم.خب با کد بگم بهتره!

    body{ margin:0; }
    a{ text-decoration:none; }
    ul, li{ list-style: none; margin:0; padding:0 }

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

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

    nav#jamo-navigation{
         background-color: rgba();
         margin:0 auto;
         border-radius:2px;
         box-shadow: inset 0 0 5px #1F1F1F;
         pading:4px;
    }

    استایل اینم لیست منو ؛ li 

    ul#menu li{
          background-image: url(menu-bg.jpg);
          background-repeat: repeat-x;
          background-size: contain;
          margin: 8px 2px;
          box-shadow: 1px 1px 2px #1d1d1d;
          padding: 5px 10px;
          border-radius: 2px;
    }

    استایل وقتی که ماوس رو منو میاد؛ li:hover

    ul#menu li:hover{
           background-image: url(menu-hover-bg.jpg);
    }
    این قسمت برای وقتی که ماوس رو لینک میاد ، رنگ لینک تغییر کنه
    ul#menu li:hover a{
          color:#eef2f5;
    }

    استایل دادن به متن لینک منوها . li a

    ul#menu li a{
          color: #9fa8b0;
    }

    امیدوارم براتون مفید باشه و کاربردی. نظر یادتون نره ؛ اگه خوشتون اومد به دوستان پیشنهاد کنید.

    دانلود فایل ها    حجم  2.4 کیلوبایت