• Beranda
  • Animanga
  • Astronomi
  • Berita
  • Download
  • FYI
  • Gambar
  • Kesehatan
  • Manhwa
  • Meme
  • Misteri
  • MLBB
  • Musik
  • Pemrograman
  • Quotes
  • Template
  • Tips
  • Video
  • Lihat Lainnya..
    • FYI Search
    • FYI Musik
    • Site Inhe
    • Google News
    • Instagram
    • Telegram
FYI Indonesia
    • Beranda
    • Contact
    • Disclaimer
    • Tentang Kami
    • Terms of Service
    • Privacy Policy

    Ikuti Kami

    Gabung Channel Telegram Kami Dapatkan Notifikasi Terbaru!

    Postingan Populer

    Download Game Sengoku Basara 2 Heroes PS2 PPSSPP Android

    Download
    November 06, 2021
    3

    [UPDATE] Template Blog Wallpaper mirip Pinterest untuk Blogger [Gratis]

    Template
    Februari 08, 2022
    56

    Mengungkap Identitas Satella di Re: Zero

    Animanga
    Juni 21, 2020
    3

    Meme Upin dan Ipin Indonesia Part 19

    Meme
    Mei 15, 2020
    0

    Cara Membuat Nama Kosong di PUBG Mobile

    Tips
    Februari 16, 2022
    0

    Download E-Book, Audio Jessica Method dan Cara Mengaktifkannya

    Download Misteri
    Desember 05, 2021
    7

    Meme Upin dan Ipin Part 16 : Upin ipin jadi tuyul

    Meme
    Mei 10, 2020
    0

    Meme Upin dan Ipin Indonesia Part 23

    Meme
    Juli 25, 2020
    0

    Download Game Black PS2 PPSSPP Ukuran Kecil Android/PC

    Download
    November 07, 2021
    0

    Mengungkap Identitas Pandora di Re:Zero

    Animanga
    April 23, 2022
    0
    Author
    Lang
    Tautan disalin ke papan klip!
    Share Posts "Widget Ucapan Selamat Pagi,Siang dan Malam Otomatis di Blog"
  • Salin link
  • Simpan Ke Daftar Bacaan
  • Bagikan ke Facebook
  • Bagikan ke Twitter
  • Bagikan ke Pinterest
  • Bagikan ke Telegram
  • Bagikan ke Whatsapp
  • Bagikan ke Tumblr
  • Bagikan ke Line
  • Bagikan ke Email
  • HomePemrogramanWidget Ucapan Selamat Pagi,Siang dan Malam Otomatis di Blog
    Widget Ucapan Selamat Pagi,Siang dan Malam Otomatis di Blog

    Widget Ucapan Selamat Pagi,Siang dan Malam Otomatis di Blog

    Widget Ucapan Selamat Pagi,Siang,Malam Otomatis di Blog
    Simpan Postingan
    Membuat widget ucapan selamat pagi, siang dan malam secara otomatis diblog, tanpa basa basi, berikut kode nya.

    1.Taruh Kode Berikut di atas </body>

    <script type='text/javascript'>
    //<![CDATA[
    var thehours = new Date().getHours();
    var themessage;
    var quote;
    var color;
    var morning = ('Selamat Pagi <img src="https://2.bp.blogspot.com/-bvB7aPS6GFQ/XqX3xPcg-GI/AAAAAAAABXs/SNSPWzgF7DI06_Kgp_jl9mAwR6yKq3veQCLcBGAsYHQ/s1600/sunrise.png"/>');
    var qmorning = 'Setiap hari ada sebuah inspirasi untuk di cermati, mari semangat pagi !';
    var cmorning = '#7FC583';
    var afternoon = ('Selamat siang <img src="https://4.bp.blogspot.com/-jNmgywogh08/XqX3xJZDnKI/AAAAAAAABXo/QY-efOROUHgVZcTdls-jHZLv1IGEJ8n3wCLcBGAsYHQ/s500/sun.png"/>');
    var qafternoon = 'Jangan patah semangat mari bangkit dan buktikan kepada dunia';
    var cafternoon = '#ffc107';
    var evening = ('Selamat malam <img src="https://4.bp.blogspot.com/-yoeePi7vAGE/XqX3w89n9tI/AAAAAAAABXk/uqmg3Jk4O4A6Cj4sKflJgptZ40L03ZkCwCLcBGAsYHQ/s1600/sunset.png""/>');
    var qevening = 'Jaga kesehatan dengan beristirahat yang cukup !';
    var cevening = '#FF4F70';
     if (thehours >= 0 && thehours < 12) {
       themessage = morning;
       quote = qmorning;  
       color = cmorning;
     } else if (thehours >= 12 && thehours < 18) {
       themessage = afternoon;
       quote = qafternoon;  
       color = cafternoon;
     } else if (thehours >= 18 && thehours < 24) {
       themessage = evening;
       quote = qevening;  
       color = cevening;
     }
    $('.small-text').append(themessage);
    $('.grettings p').append(quote);
    $('.greeting').css('border-left', '2.5px solid ' + color );
    //]]>
    </script>
    

    2. Setelah itu copy code CSS dibawah ini dan paste diatas ]]></b:skin> atau </style>.

    .greeting {background-color: #ffffff;border: 0;border-bottom: 1.5px solid;border-radius: 5px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}
    .greeting {background: #fff;padding: 15px;position: relative;border: 0;}
    .grettings .small-text {font-weight: 600;font-size: 15.5px;padding-right: 50px;display: block;}
    .grettings .small-text img {width: 40px;height: 40px;object-fit: cover;position: absolute;right: 14px;top: 50%;transform: translateY(-50%);pointer-events: none;user-select: none;}
    .grettings p {font-weight: normal;font-size: 13px;margin-bottom: 0;margin-top: 5px;line-height: 16px;padding-right: 50px;}
    

    3. Taruh Kode berikut ditempat manapun yang anda suka.

    <div class='greeting'><div class='grettings'><div class='small-text'></div><p></p></div></div>

    4.selesai.

    Jika ada yang ingin anda tanyakan cukup tanya saya di fb saya Klik disini.

    * Kode di Update Pada Senin 27 April pukul 09.07 WIB
    * Silahkan Ulangi Tutorial agar dapat merasakan perbedaannya
    Pemrograman
    April 27, 2020 • 9 komentar
    Disclaimer: gambar, artikel ataupun video yang ada di web ini terkadang berasal dari berbagai sumber media lain. Hak Cipta sepenuhnya dipegang oleh sumber tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami di halaman ini.
    Isi dari komentar adalah tanggung jawab dari pengirim. FYI Indonesia mempunyai hak untuk tidak memperlihatkan komentar yang tidak etis atau kasar. Jika ada komentar yang melanggar aturan ini, tolong dilaporkan.

    9 komentar

    1. Afid Arifin27 April 2020 07.20

      Wow, keren gan. Izin nyoba...

      BalasHapus
      Balasan
      1. Lang27 April 2020 08.22

        sip. nanti ane update lagi kodenya biar caption bawahnya otomatis

        Hapus
        Balasan
          Balas
      2. Balas
    2. Aditya Januardi27 April 2020 08.09

      Mantap bangg, makasi tutornya 👍😁

      BalasHapus
      Balasan
      1. Lang27 April 2020 08.23

        sip. nanti ane update lagi kodenya biar caption bawahnya otomatis

        Hapus
        Balasan
          Balas
      2. Balas
    3. Anonim27 April 2020 11.53

      Ga work bgsd

      BalasHapus
      Balasan
      1. Anonim27 April 2020 17.00

        Salah step, or ga pasang jQuery

        Hapus
        Balasan
          Balas
      2. Balas
    4. YZG2 Mei 2020 02.30

      Thanksss gan, worked di blog ane. sukses selalu!

      BalasHapus
      Balasan
        Balas
    5. Ely setiawan2 Mei 2020 18.21

      saya pasang diblog saya kok jadi kolom komentar pada versi seluler jadi ngga muncul.

      BalasHapus
      Balasan
      1. Lang3 Mei 2020 03.47

        masa sih? perasaan ga ada kode lain, mungkin agan salah pasang

        Hapus
        Balasan
          Balas
      2. Balas
    Tambahkan komentar
    Muat yang lain...

    FYI Indonesia - Adalah Website Informasi Seputar Meme, Astronomi,Fakta,Misteri dan berbagai Informasi Lainnya

    • Ikuti Blog
    • Partner
    Copyright ©2020 - 2022 🔥 FYI Indonesia.