Cara Membuat Pesan Alamat Pesan Selamat Hari Raya Idul Adha untuk Homepage BLOG

Discussion in 'HTML & Website Design' started by zatykhan, Sep 30, 2014.

  1. zatykhan

    zatykhan New Member

    Joined:
    Sep 30, 2014
    Messages:
    3
    Likes Received:
    0
    Trophy Points:
    1
    Seperti biasa pada hari-hari raya besar para admin-admin media sosial termasuk admin blog akan membuat pesan-pesan tertentu kepada pengunjungnya. Mulai dengan Tulisan marquee, banner, dialog box dan lain-lain. Dan pada sore hari ini saya akan membagikan sesuatu yang beda dari yang di atas tadi yang dimana pesan ini akan memenuhi layar pada browser pengunjung dan dilengkapi dengan tombol masuk agar para pengunjung bisa mengakses blog yang ingin para pengunjung akses.

    [​IMG]

    CARANYA simak baik-baik.

    1. Masuk Ke Dasbor Blog Sobat,
    2. Klik Menu Template,
    3. Klik Menu Edit Template,
    Masukan Kode CSS Dibawah Ini Diatas kode </style>
    Code:
    /* CSS Pesan Ramadhan */
#welcomebox {position:fixed;top:5%;left:50%;width:70%;margin-left:-35%;z-index:1000000;text-align:center;}
#welcomebox p{color:#fff;font-size:150%;line-height:1.6em;margin:-5px 0 50px;}
.welcomeclose {background:#bbb;color:#111;border-radius:3px;padding:4px 10px;text-align:center;margin:0 auto;cursor:pointer;display:inline;}
.welcomeclose:hover {background-color:#aaa}
#welcomeoverlay {position:fixed !important;position:absolute; z-index:999999;top:0px;right:0px;bottom:0px;left:0px;background:#005629 url(http://1.bp.blogspot.com/-19vOQibfxVQ/U6f5ZZfFtdI/AAAAAAAAdIA/-3kB-n9pUkA/s1600/Wallpaper.jpg) no-repeat top center;}
    Untuk yang berwarna merah, silahkan ganti gambar background yang kalian sudah di siapkan.

    Jika Sudah Masukan Kode Dibawah ini Diatas Kode <body>
    Code:
    <b:if cond='data:blog.homepageUrl == data:blog.url'>
<div id='welcomeoverlay'/>
<div id='welcomebox'>
<p>&#8220;Marhaban Ya Ramadhan&#8221;<br/>
Saya, Zatykhan selaku admin dari Blog Zatykhan mengucapkan<br/>
&quot;Selamat menunaikan ibadah puasa,<br/>
semoga kita selalu diberkahi di bulan yang penuh mahrifah ini...amin.&quot;</p>
<div class='welcomeclose' onclick='document.getElementById(&quot;welcomebox&quot;).style.display=&quot;none&quot;;welcomeoverlay.style.display=&quot;none&quot;;'>Continue Reading &#8594;</div>
</div>
</b:if>

    Untuk yang berwarna merah, silahkan ganti kata-kata anda.

    Jika sudah klik SAVE.
    Jika anda masih bingung silahkan kunjungi BLOG kami

    [INDENT]Ttd.
    Zatykhan[/INDENT]​
     
    zatykhan, Sep 30, 2014
    #1
  2. Yusuf.S

    Yusuf.S Well-Known Member

    Joined:
    May 4, 2014
    Messages:
    1,155
    Likes Received:
    100
    Trophy Points:
    63
    Google+:
    Ini satu halaman penuh pas diawal buka blog bukan ?
     
    Yusuf.S, Sep 30, 2014
    #2
  3. zatykhan

    zatykhan New Member

    Joined:
    Sep 30, 2014
    Messages:
    3
    Likes Received:
    0
    Trophy Points:
    1
    iya broo betul banget..
    pass di homepage blog
     
    zatykhan, Sep 30, 2014
    #3
  4. Yusuf.S

    Yusuf.S Well-Known Member

    Joined:
    May 4, 2014
    Messages:
    1,155
    Likes Received:
    100
    Trophy Points:
    63
    Google+:
    Artinya nanti harus di close dulu kan yah ??
     
    Yusuf.S, Sep 30, 2014
    #4
  5. Ulin

    Ulin Member

    Joined:
    May 4, 2014
    Messages:
    399
    Likes Received:
    20
    Trophy Points:
    18
    Google+:
    kayak gitu berpengaruh apa ga gan terhadap SERP
     
    Ulin, Sep 30, 2014
    #5
  6. Buatusaha

    Buatusaha Member

    Joined:
    Sep 28, 2014
    Messages:
    262
    Likes Received:
    22
    Trophy Points:
    18
    Google+:
    saya pernah pasang widget kayak gini , alhasil blognya jadi berat *stres*..
    langsung saya copot deh tapi bagi yang penasaran boleh pasang di blognya *bagus*
     
    Buatusaha, Sep 30, 2014
    #6
  7. Mulia Rifai

    Mulia Rifai Member

    Joined:
    Sep 27, 2014
    Messages:
    95
    Likes Received:
    6
    Trophy Points:
    18
    Google+:
    hmmm, kalo ada hosting sendiri tinggal buat indexnya gan, :D
     
    Mulia Rifai, Sep 30, 2014
    #7
  8. zatykhan

    zatykhan New Member

    Joined:
    Sep 30, 2014
    Messages:
    3
    Likes Received:
    0
    Trophy Points:
    1
    tidak usah di close juga bisa kok, jadi gini..
    klau nte udah pasang Widget itu, trus kamu masuk Artikel, setelah masuk ke artikel klik aja HOME pada blog, secara otomatis nanti widget tersebut muncul..

    Maksud agan ??
    itu cman widget bro, muncul pas di halaman pertama.

    tergantung broo, berat juga kemungkinan template yang di pakai agan, klo saya sih kemarin biasa aja NORMAL

    yuppzz, betul kata si agan :D
     
    zatykhan, Sep 30, 2014
    #8
  9. Ardilas

    Ardilas Super Level

    Joined:
    Feb 18, 2013
    Messages:
    4,243
    Likes Received:
    317
    Trophy Points:
    83
    Google+:
    Bagus juga nih. Buat sendiri aja biar ringan :)
     
    Ardilas, Sep 30, 2014
    #9
Loading...
Similar Threads - Cara Membuat Pesan
  1. lalakana

    Cara Mudah Membuat Website Sederhana dengan WordPress

    lalakana, Jul 10, 2020, in forum: HTML & Website Design
    Replies:
    0
    Views:
    5,437
    lalakana
    Jul 10, 2020
  2. Sheeren Yu

    (ASK) Bagaimana cara membuat widget kiri dan kanan buat banner di blogger ya? Mohon bantuannya Masta

    Sheeren Yu, Feb 3, 2018, in forum: HTML & Website Design
    Replies:
    9
    Views:
    3,466
    ARIF AHNAN
    Feb 6, 2018
  3. Kevin.F

    [ASK] Cara Membuat Random Post

    Kevin.F, Jul 8, 2016, in forum: HTML & Website Design
    Replies:
    3
    Views:
    1,784
    arek saja
    Oct 19, 2016
  4. katon

    Cara membuat ini bagaimana yah?

    katon, May 8, 2016, in forum: HTML & Website Design
    Replies:
    3
    Views:
    1,105
    anton2609
    May 8, 2016
  5. wrep17

    [SHARE] Cara Membuat Redirect Via Banner di Blog

    wrep17, Apr 9, 2016, in forum: HTML & Website Design
    Replies:
    8
    Views:
    2,964
    yakub
    Mar 11, 2017

Share This Page