Wordpress

Wordpress Themes

Blogger

Blogger

Wordpress Themes

Wordpress Themes

Seo

Seo

Google

Google

İnternet

İnternet

Wep Tasarım

Blogger

youtube

youtube

Wordpress

Wordpress Themes

Blogger

GoDaddy hosting üzerinde yer alan siteler açılmıyor? Çözümü

Hiç yorum yok
GoDaddy hosting üzerinde yer alan siteler açılmıyor? Çözümü GoDaddy da ücretsiz bir domain aldığınızda paralı domainize nasıl yönlendirirsinizin cevabı.
anıda  açılacak  wep sayfanız .
sorusu  olan varsa yazsın.

HTML 5 Php İletişim Formu Yapımı

1 yorum
HTML 5 Php İletişim Formu Yapımı çalışıyor.


HTML 5 Php İletişim Formu Yapımı çalışıyor.


Mail.php  Dosyamızı hazırlıyoruz  hostunumaza atıyoruz.

kırmızı  yazılı olan  yere kendimail  adresinizi  yazıyorsunuz .

kendınıze mail  atıp  deneyin  spam  düşebilir  bakın.

Sorusu  olan varsa yazsın

<?php
    
    // Only process POST reqeusts.
    if ($_SERVER["REQUEST_METHOD"] == "POST") {
        
        // Get the form fields and remove whitespace.
        $name = strip_tags(trim($_POST["name"]));
        $subject = strip_tags(trim($_POST["subject"]));
        $number = strip_tags(trim($_POST["number"]));
        $name = str_replace(array("\r","\n"),array(" "," "),$name);
        $email = filter_var(trim($_POST["email"]), FILTER_SANITIZE_EMAIL);
        $message = trim($_POST["message"]);

        // Check that data was sent to the mailer.
        if ( empty($name) OR empty($message) OR !filter_var($email, FILTER_VALIDATE_EMAIL)) {
            // Set a 400 (bad request) response code and exit.
            http_response_code(400);
            echo "Hata! Mesaj Gönderilmedi.";
            exit;
        }

        ////////////////////////////////////////////
        ////////////////////////////////////////////
        
        // Set the recipient email address.
        
        // FIXME: Update this to your desired email address.
        $recipient = "mail adresiniz@gmail.com";

        ////////////////////////////////////////////
        ////////////////////////////////////////////
        
        
        // Set the email subject.
        $subject = "New Message from $name";

        // Build the email content.
        $email_content = "Name: $name\n";
        $email_content .= "Email: $email\n\n";
        $email_content .= "Subject: $subject\n\n";
        $email_content .= "Number: $number\n\n";
        $email_content .= "Message:\n$message\n";

        // Build the email headers.
        $email_headers = "From: $name <$email>";

        // Send the email.
        if (mail($recipient, $subject, $email_content, $email_headers)) {
            // Set a 200 (okay) response code.
            http_response_code(200);
            echo "Teşekkürler mesajınız  iletilmiştir.";
        } else {
            // Set a 500 (internal server error) response code.
            http_response_code(500);
            echo "Hata! Bir şeyler yanlış gitti. Lütfen tekrar deneyin.";
        }

    } else {
        // Not a POST request, set a 403 (forbidden) response code.
        http_response_code(403);
        echo "Hata! Bir şeyler yanlış gitti.";
    }
?>


sonra css kodlarınızı temanızın css bölümüne ekleyin css kodları


/* Contact Area CSS */

.fplus-contact-area {
    position: relative;
    z-index: 1;
    min-height: 237.5px;
}

.contact_from {
    background-color: #fff;
    padding: 80px;
    box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);
    position: absolute;
    z-index: 99;
    top: 0;
}



.contact_input_area .form-group .form-control {
    padding: 10px 0;
    line-height: 1;
    border: none;
    border-bottom: 1px solid #959595;
    border-radius: 0;
    font-size: 12px;
    color: #959595;
    font-weight: 300;
}

.contact_input_area .form-group textarea.form-control {
    height: 100px;
}

.contact_input_area .form-group .form-control:active,
.contact_input_area .form-group .form-control:focus {
    box-shadow: none;
    border-bottom: 1px solid #000000;
    color: #000000;
}

.contact_input_area button {
    width: 200px;
    height: 50px;
    background-color: #000000;
    color: #fff;
    font-size: 12px !important;
    text-transform: uppercase;
    line-height: 50px;
    padding: 0 !important;
    letter-spacing: 2px;
    cursor: pointer;
    border-radius: 0 !important;
    margin-top: 50px;
}


sonra html kodları işlem bukadar


   <!-- ****** Contact Area Start ****** -->
    <section class="fplus-contact-area bg-gray" id="contact">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-heading text-center">
                        
                        <div class="section-heading-line"></div>
                    </div>
                </div>
            </div>
        </div>

        <div class="fplus-contact-area">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-12 col-md-10">
                        <div class="contact_from wow fadeInDown" data-wow-delay="1.5s">
                            <form action="mail.php" method="post" id="main_contact_form">
                                <!-- Message Input Area Start -->
                                <div class="contact_input_area">
                                    <div id="success_fail_info"></div>
                                    <div class="row">
                                        <!-- Single Input Area Start -->
                                        <div class="col-12 col-md-6">
                                            <div class="form-group">
                                                <input type="text" class="form-control" name="name" id="name" placeholder="Ad Soyad" required>
                                            </div>
                                        </div>
                                        <!-- Single Input Area Start -->
                                        <div class="col-12 col-md-6">
                                            <div class="form-group">
                                                <input type="email" class="form-control" name="email" id="email" placeholder="Email" required>
                                            </div>
                                        </div>
                                        
                                        <!-- Single Input Area Start -->
                                        <div class="col-12 col-md-6">
                                            <div class="form-group">
                                                <input type="text" class="form-control" name="number" id="number" placeholder="Telefon" required>
                                            </div>
                                        </div>
                                        <!-- Single Input Area Start -->
                                        <div class="col-12">
                                            <div class="form-group">
                                                <textarea name="message" class="form-control" id="message" cols="30" rows="10" placeholder="Mesaj" required></textarea>
                                            </div>
                                        </div>
                                        <!-- Single Input Area Start -->
                                        <div class="col-12 text-center">
                                            <button type="submit" class="btn">Mesaj Yolla</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
     
    </section>
    <!-- ****** Contact Area End ****** -->


Demosu ama mail.php yok siz kendiniz hosta atarsınız. https://codepen.io/bloggeriz/full/povdrKX

Footer Tasarımı

Hiç yorum yok
CSS Kodları
footer{
    background-color:#222222;
    padding: 60px 0px;
}

footer ul{
    list-style:none;
    margin:0 auto;
    display:inline-block;
    padding-top:50px;
}

footer ul li{
    float:left;
}

footer ul li a{
    color:#b1aca1;
    padding:20px;
}

footer ul li a:hover{
    color:#7dabdb;
    text-decoration:none;
}

.footer-top{
    padding-bottom:50px;
}

.footer-top .fa{
    font-size:18px;
    color: #FFF;
    padding-right:10px;
}

.footer-top a{
    color:#FFF;
    text-decoration:none;
}

.footer-top .col-lg-2:hover .fa , .footer-top .col-lg-2:hover a{
    color:#7dabdb;
}

.copyright{
    background-color:#f0f0f0;
}

.copyright p{
    font-size:12px;
    padding:15px 0 10px 0;
}


Html
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">   
    

<footer>
    <div class="footer-top"> 
       <div class="container">
         <div class="col-lg-2 col-xs-12 text-center">
             <a href="#"><i class="fa fa-facebook fa-2x"></i>Facebook</a>
         </div>
          <div class="col-lg-2 col-xs-12 text-center">
             <a href="#"><i class="fa fa-twitter fa-2x"></i>Twitter</a>
         </div>
          <div class="col-lg-2 col-xs-12 text-center">
             <a href="#"><i class="fa fa-flickr fa-2x"></i>Flickr</a>
         </div>
          <div class="col-lg-2 col-xs-12 text-center">
             <a href="#"><i class="fa fa-tumblr fa-2x"></i>Tumblr</a>
         </div>
          <div class="col-lg-2 col-xs-12 text-center">
             <a href="#"><i class="fa fa-github fa-2x"></i>Github</a>
         </div>
          <div class="col-lg-2 col-xs-12 text-center">
             <a href="#"><i class="fa fa-google-plus fa-2x"></i>Google</a>
         </div>
       </div> 
    </div>  
    
    <div class="container" style="border-top:1px solid grey;">
        <div class="row text-center">   
            <div class="col-lg-6 col-lg-offset-3">
                <ul class="menu">
                    <li>
                        <a href="#">Ana Syafa</a>
                    </li>
                           
                    <li>
                        <a href="#">Bilgi</a>
                    </li>
                           
                    <li>
                        <a href="#">Blog</a>
                    </li>
                           
                    <li>
                        <a href="#">Gallery</a>
                    </li>
                           
                    <li>
                        <a href="#">İletişim</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</footer>


<div class="copyright">
   <div class="container">
   
     <div class="row text-center">
         <p>Copyright © 2019 Bloggeriz Blogspot.Com</p>
     </div>
     
    </div>
</div>

Bloggera Sosyal Ağları Ekleyin

1 yorum

Bloggera Sosyal Ağları Ekleyin

Bloggera Sosyal Ağları Ekleyin. Benim sitemde mevcuttur. yazınızın linkinide ekliyor. Temanızda Alttaki kodu aratın bir kaç tane olabilir en sonuncusuna ekliyeceğiniz kodlar.

 <data:post.body/>

Sonrasına Ekliyeceğiniz Kodlar.

 <div class='post-section post-share-buttons'>
                      <h4 class='post-section-title'>
                            <i class='fa fa-share-alt'/> <span data-l10n='SHARE:'>SOSYAL LİNKLER:</span>
                        </h4>
                        <div class='post-share-buttons-holder'>
                            &lt;!--[if !IE]&gt; --&gt;
                            <!--share-buttons-code-start--><script type='text/javascript'>var addthis_config = addthis_config||{};addthis_config.data_track_addressbar = false;addthis_config.data_track_clickback = false;</script><script async='async' src='https://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4f98ab455ea4fbd4' type='text/javascript'/><div class='addthis_sharing_toolbox'/><!--share-buttons-code-end-->
                            &lt;!-- &lt;![endif]--&gt;
                            
                            <div class='ie-sharing-buttons'>                                                                         
                                &lt;a href=&quot;https://twitter.com/share?url=<data:post.url/>&amp;amp;text=Simple%20Share%20Buttons&amp;amp;hashtags=simplesharebuttons&quot; target=&quot;_blank&quot;&gt;
                                    &lt;img src=&quot;https://1.bp.blogspot.com/-GCZgnTmPMBk/VdPrZ1MUYXI/AAAAAAAALt4/kDPp85Zxj3w/s1600/ie-share-twiiter.png&quot; alt=&quot;Twitter&quot; /&gt;
                                &lt;/a&gt;        
                                
                                &lt;a href=&quot;https://www.facebook.com/sharer.php?u=<data:post.url/>&quot; target=&quot;_blank&quot;&gt;
                                    &lt;img src=&quot;https://2.bp.blogspot.com/-yhtupG4S4pY/VdPrZP56fII/AAAAAAAALto/tfRtn6o16JY/s1600/ie-share-facebook.png&quot; alt=&quot;Facebook&quot; /&gt;
                                &lt;/a&gt;                                
                                
                                &lt;a href=&quot;https://plus.google.com/share?url=<data:post.url/>&quot; target=&quot;_blank&quot;&gt;
                                    &lt;img src=&quot;https://4.bp.blogspot.com/-w3Nej6-Lwfk/VdPrZJsHYLI/AAAAAAAALts/A-8fIlSRVAk/s1600/ie-share-google-plus.png&quot; alt=&quot;Google&quot; /&gt;
                                &lt;/a&gt;                                
                                
                                &lt;a href=&quot;javascript:void((function()%7Bvar%20e=document.createElement(&#39;script&#39;);e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;);e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;);e.setAttribute(&#39;src&#39;,&#39;https://assets.pinterest.com/js/pinmarklet.js?r=&#39;+Math.random()*99999999);document.body.appendChild(e)%7D)());&quot;&gt;
                                    &lt;img src=&quot;https://2.bp.blogspot.com/-PHnA3dCaqI4/VdPrZGg-MHI/AAAAAAAALtw/907msPmkj1c/s1600/ie-share-pinterest.png&quot; alt=&quot;Pinterest&quot; /&gt;
                                &lt;/a&gt;

                            </div>
                            
                        </div>
                        <div class='clear'/>
                        <!--var-share-url-start--><b:if cond='true'><!--var-share-url-start--><input class='post-share-buttons-url' expr:value='data:post.url'/></b:if>
                        <div class='clear'/>        
                    </div>
                    <div class='clear'/>
Sonra temanızda Alttaki kodu Aratın üstüne vereceğim css kodlarını ekleyin
]]></b:skin>
csss kodları

.post-share-buttons{width:100%}.post-share-buttons h4.post-section-title{font-size:18px;display:inline-block}.post-share-buttons-holder{display:inline-block}.post-share-buttons-url{display:block;width:100%;box-sizing:border-box;padding:10px;margin-top:10px;border:1px solid #ccc;font-size:16px;outline:0;-o-border-radius:2px;-ms-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}a.at-share-btn{-o-border-radius:2px;-ms-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}.header-post-sharing-buttons .post-share-buttons-url{display:none}.header-post-sharing-buttons{border-bottom:1px solid #ddd;margin:0 0 10px 0;padding:0 0 10px 0}.ie-sharing-buttons{display:none}
işlembu kadar sorusu olan yazsın.

Wep Siteniz İçin Css Menü Yapımı

Hiç yorum yok
2019 Wep  Siteniz  İçin  Css Menü Yapımı

2019 Wep  Siteniz  İçin  Css Menü Yapımı

Ön İzleme Adresi

https://codepen.io/bloggeriz/pen/RwbjZVY

CSS Kodları
#menu1 ul {
    list-style:none;
    font-family:'Gill Sans','Gill Sans MT';
    text-transform:uppercase;
    font-size: 28px;
    line-height: 1.2em;
    float:left;
    clear:both;
    margin:20px;
}
#menu1 ul li{
    float:left;
}
#menu1 ul li a{
    display:block;
    text-decoration:none;
    padding:0px 10px 0px 10px;
    width:170px;
    height:55px;
    border-left:8px dotted #fff;
}
#menu1 ul li a span{
    display:block;
}
#menu1 ul li a span.title{
    color:#fff;
}
#menu1 ul li a:hover{
    border-left:8px dotted #fb0303;
}
#menu1 ul li a:hover span.title{
}
#menu1 ul li a span.text{
    color:#fb0303;
    font-size:12px;
    letter-spacing:0px;
    visibility:hidden;
    border-left:16px dotted #fb0303;
    line-height:0px;
    padding-top:4px;
    margin:10px 0px 12px 0px;
}
#menu1 ul li a:hover span.text{
    visibility:visible;
}
*{
    margin:0px;
    padding:0px;
}
body{
    background:#000 ;
    font-family:arial;
}
h1.title{
    width:622px;
    height:108px;
   
}
a.back{
    width:207px;
    height:44px;
    
    display:block;
    clear:both;
    float:left;
    margin-top:40px;
}
.container{
    width:950px;
}
.container h2{
    float:left;
    clear:both;
    margin:30px 10px 10px 10px;
    width:100%;
    color:#fff;
    background-color:#000;
    padding:10px;
}
HTML Kodları

        <div id="menu1">
            <ul>
                <li><a href="">
                        <span class="title">ANA SAYFA</span>
                        <span class="text">ana sayfa</span>
                    </a>
                </li>
                <li><a href="">
                        <span class="title">PROFİL</span>
                        <span class="text">Detaylı</span>
                    </a>
                </li>
                <li><a href="">
                        <span class="title">Blog</span>
                        <span class="text">Blog Arama</span>
                    </a>
                </li>
                <li><a href="">
                        <span class="title">İLETİŞİM</span>
                        <span class="text">İletişim Adresi</span>
                    </a>
                </li>
            </ul>
        </div>

Wep Sitenizi Hızlandırmanın Yolları

3 yorum

Wep  Sitenizi Hızlandırmanın Yolları


İlk  olarak  alttaki  linke  tıklayarak  sitenizin  testini  yapın .

https://www.thinkwithgoogle.com/intl/tr-tr/feature/testmysite/

benim  raporum  şu  şekilde  çıktı  ben  temamın  hızlı  olduğunu  sanıyordum.



bloggeriz.blogspot.com için mobil hız raporunuz



Mobil Hıza Genel Bakış


Sayfa hızı, sitenizdeki tek bir sayfanın hızıdır. bloggeriz.blogspot.com adresinin sayfa hızı:

3.9 saniye

Derecelendirme

Yavaş

Hızlı siteler, 1 saniyeden kısa süre içinde yüklenmeye başlar. Yavaş sitelerin yüklenmeye başlaması en az 2,5 saniye sürer. Ortalama hızdaki siteler 1 ila 2,5 saniye içinde yüklenmeye başlar.


Sonraki adımlar


Site hızınızı test ettiğinize göre, aşağıdaki adımlarla sitenizi hızlandırmak için harekete geçin.

1.Bu raporu teknoloji veya IT departmanınızla paylaşın

Bu sonuçları paylaşmak ve mobil site hızını artırmayı en önemli önceliklerinizden biri haline getirmek için, teknoloji veya IT ekibinizle görüşün.

2.Eylem planı hazırlayın
Önerilen düzeltmeleri, ürününüzün yol haritasına ekleyin.

3.Site hızınızı aylık olarak izleyin

Test My Site raporunuzu her ay kontrol ederek mobil hızınızı takip edin ve sitenizin zaman içinde yavaşlamadığından emin olun.

4.Google'ın mobil platformla ilgili diğer kaynaklarını inceleyin

Think with Google sitesini ziyaret ederek pazarlamacılar için en son trendlere ve mobil platformla ilgili araştırmalara göz atın. Geliştiriciler de PageSpeed Insights'ı kontrol ederek mobil performansları konusunda güncel bilgilere erişebilir


Düzeltmeler İçin Sözlük


Size önerilen düzeltmeler hakkında daha fazla bilgi edinin. Site ve sayfa hızınızı artırmaya dair daha fazla bilgi için geliştiricilerinizi PageSpeed Insights'a yönlendirin.

Sayfalarınızda AMP'den yararlanın

Kullanıcılar için neredeyse anında yüklenen mobil web sayfaları oluşturmak amacıyla AMP'nin herkese açık kaynak kitaplığından yararlanın.

Oluşturma işlemini engelleyen kaynakları ortadan kaldırın

Sayfanın stilini ve işlevini belirlemeye yönelik kaynaklar, sayfadaki en önemli içeriğin görüntülenmesini geciktirir. Önemli JS/CSS'i zamanında sunun ve önemli olmayan tüm JS/stilleri sonraya bırakın.

Resimleri uygun şekilde boyutlandırın

Sayfanız, kullanıcının ekranında işlenen sürümden daha büyük resimler yayınlamamalı. Sayfa yüklenme süresini kısaltmak için resimleri, görüntüleme boyutlarına uyacak şekilde yeniden boyutlandırın.

Ekran dışında kalan resimleri sonraya bırakın

Sayfa yüklenirken kullanıcılar ekran dışında kalan resimleri göremeyeceği için bu tür resimlerin en başta yüklenmesine gerek yok. Sayfa yüklenme süresini kısaltmak için ekran dışında kalan resimleri kullanın.

CSS'i küçültün

Küçültme, dosyanın yürütülmesi için gerekli olmayan tüm verileri bir kod dosyasına alır. Böylece daha hızlı yanıt süreleri ve daha düşük bant genişliği maliyetleri elde edilir.

JavaScript'i küçültün

Küçültme, dosyanın yürütülmesi için gerekli olmayan tüm verileri bir kod dosyasına alır. Böylece daha hızlı yanıt süreleri ve daha düşük bant genişliği maliyetleri elde edilir.


Kendi  sitenizin alttaki linkten raporunuda  inceleyebilirsiniz.

https://www.thinkwithgoogle.com/intl/tr-tr/feature/testmysite/


Sonrada  https://developers.google.com/speed/pagespeed/insights/  sitesine gidip sitenizdeki  sitenizdeki hatalara  bakabilirsiniz.


Mobilde  sitem yavaş.
Wep Sitenizi Hızlandırmanın Yolları



Masa üstü görünümde  hızlı.
Wep Sitenizi Hızlandırmanın Yolları

Google  Reklamların  İkisini  Kaldırdım   Sonuç.

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fbloggeriz.blogspot.com%2F&tab=mobile

Mobilde  76
Masa Üstünd 96

Çıktı  Demekki  googlenin  Reklamları  Kasıyor.

Alibaba kurucusu Jack Ma istifa etti

Hiç yorum yok
Alibaba kurucusu Jack Ma istifa etti


Alibaba kurucusu Jack Ma kimin şirket yaklaşık 460 milyar dolar değerinde, diğerleri arasında, haber ajansları Reuters ve AP raporunda, olarak şirketin başkanı tarafından Salı günü kabul edilmiştir. Salı günü 55 yaşına giren, Hangzhou Olimpik Spor Merkezi stadyumundaki büyük bir partiyle kutlayan Ma'ya veda etmek istiyor. 

Blogger'daki Yazılarınızı Başka Bir Blog Adresine Aktarma

7 yorum
Blogger'daki Yazılarınızı Başka  Bir Blog Adresine  Aktarma


Blogger'daki Yazılarınızı Başka  Bir Blog Adresine  Aktarma

Bilmeyenler  İçin  Resimli  Anlatım yapacağım.

Blogger  Panelinizden Ayarlar  Bölümünden Diğer İçe Aktarın ve Yedeleyin Kısmına  gidin .

Resimli  şekilde  anlatacağım.

Blogger'daki Yazılarınızı Başka  Bir Blog Adreisne  Aktarma
Blogger'daki Yazılarınızı Başka  Bir Blog Adreisne  Aktarma
işlem  bukadar  sorusu  olan  varsa  yazabilir.
© - Sitedeki İçerikler Link Verilmeden Yayınlanamaz. -
© Bloggeriz Blogspot.Com