Our Feeds

Translate

Situs Noka

Cara gulung.- scroll tulisan - gambar di postingan Blog





Simple dan praktis itu keharusannya  maka ;
Bila ingin mengulung/ scroll  tulisan di blog atau dipostingan blog Anda
lakukan langkah dibawah ini supaya terlihat rapi perhatian ukurannya.

Kotak ini bisa di scroll kekanan dan kebawah untuk menemukan teks lain yang tersembunyi sehingga bisa menghemat ruangan pada blog kita.

Untuk membuat kotak ini caranya sangat mudah:

1. Buka Blogger. Klik menu Design -> Page Elements
2. Klik Add a Gadget lalu klik HTML/Javascript

contoh berikut 
    <div style="overflow:auto; padding:5px; width:180px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Kotak scrollbar adalah sebuah kotak yang bisa digulung kekanan atau kebawah sehingga bisa menghemat ruangan pada blog anda </div>

Jika Ingin didalam postingan blog lihat
ini contohnya ;


Kotak scrollbar adalah sebuah kotak yang bisa digulung kekanan atau kebawah sehingga bisa menghemat ruangan pada blog anda

Jika ingin  tambahkan gambar lihat juga ;

Gambar Dibawah kiri


<a href="URL LINK" style='display:scroll;position:fixed;bottom:0px;right:0px;' title="Keterangan Gambar"><img src="URL Gambar"/></a>





Gambar Diatas Kiri 


<a href="URL LINK" style='display:scroll;position:fixed;top:0px;right:0px;' title="Keterangan Gambar"><img src="URL Gambar"/></a>


DEMO


semoga bermamfaat 
Titra NOKA

Cara menghilangkan Tulisan Beranda Entri Atom



Tulisan Beranda/ Home ada yang ingin menghilangkan mungkin dengan berbagai sebab. Haal ini ada di setiap template merupakan bawaan .
Oleh karena itu di butuhkan trik html / edit html dengan cara

Menghilangkan Tulisan "Langgan: Entri (Atom)"
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini

<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop></div>




6. Hapus (delete) kode tersebut.
7. Simpan template jika sudah selesai.

Cara Menghilangkan Tulisan Home/Beranda di Blogspot
Login > Dashboard > Rancangan kemudian pilih Edit HTML, selanjutnya centang tulisan Expand Widget Templates.
Setelah itu cari kode di bawah ini:

<data:homeMsg/>


>> cara mencari code tersebut, gunakan Ctrl+f kemudian Copy Paste code yang akan di cari tadi pada kotak yang muncul kemudian tekan next.

Terakhir, hapus code tadi kemudian Simpan Template/Save Template.

...::::> jika terdapat 2 code , hapus kode yang berada dibagian atas.

Menghilangkan Tulisan Posting Lama/Older Post
Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:

<data:olderPageTitle/>


<data:newerPageTitle/>

Agar lebih mudah mencarinya,tekan Ctrl+F pada keyboard anda,lalu ketikkan kode tersebut.Jika sudah ketemu,hapus kode tersebut,lalu Simpan Template.

 beranda, posting lama, dan posting lebih baru, masuk ke menu Edit HTML dan cari kode CSS berikut didalam kode template blog

#blog-pager-newer-link {float:left;}
#blog-pager-older-link {float:right;}
#blog-pager {text-align:center;}

Selanjutnya tambahkan kode display:none pada kode diatas, sehingga hasilnya seperti berikut ini
#blog-pager-newer-link {float:left;display:none;}
#blog-pager-older-link {float:right;display:none;}
#blog-pager {text-align:center;display:none;}

Atau kalau ingin di parse menjadi seperti berikut ini;
#blog-pager-newer-link, #blog-pager-older-link, #blog-pager {display:none;}

Jika kode blog pager diatas tidak ada didalam kode CSS maka cari kode HMTL seperti berikut ini:
<b:includable id='nextprev'>...</b:includable>
Hapus kode tersebut
dan jika ditampilan mobile atau ponsel, tulisan Beranda, Posting Lama dan Posting Lebih Baru juga ingin dihilangkan, cari kode HTML berikut ini:
<b:includable id='mobile-nextprev'>...</<b:includable>
Hapus kode tersebut


Note : copy paste tulisan diatas jika ingin simple, karena tidak semua orang menguasai tekniknya.


Titra NOKA

cara hilangkan JUDUL BLOG




woow
 Hilangkan judul blog artinya blog kamu tak seo lagi... itu kata sebagian blogger..
yang diingat cara....

Sebenarnya bukan menghilangkan tetapi ...menyembunyikan... keduanya 
silahkan ikuti langkah-langkah berikut ini:
  1. Log in blogger 
  2. Pada dashboard > klik template kemudian pilih "Edit HTML"
  •  
  • Cari kode yang mirip seperti ini 
  1. Judul Blog
    #header h1 {
    margin:5px 5px 0;
    padding:130px 0px 0px 130px;
    font-size: 28px;
    line-height:1.2em;
    text-transform:titlecase;
    letter-spacing:.1em;
    }
  2. Deskripsi Blog:
    #header .description {
    margin:0 5px 5px;
    padding:10px 0px 15px 130px;
    max-width:700px;
    text-transform:lowercase;
    letter-spacing:.1em;
    line-height: 1.4em;
    color:#e86c81;
    font-weight:bold;
    font-size:13px;

  1. Setelah ditemukan, silahkan tambahkan kode berikut: visibility:hidden; sehingga menjadi seperti dibawah:

    Judul Blog:
    #header h1 {
    margin:5px 5px 0;
    padding:130px 0px 0px 130px;
    font-size: 28px;
    line-height:1.2em;
    text-transform:titlecase;
    letter-spacing:.1em;
    visibility:hidden;
    }

    Deskripsi Blog:
    #header .description {
    margin:0 5px 5px;
    padding:10px 0px 15px 130px;
    max-width:700px;
    text-transform:lowercase;
    letter-spacing:.1em;
    line-height: 1.4em;
    color:#e86c81;
    font-weight:bold;
    font-size:13px;
    visibility:hidden;
    }
  2. Untuk memastikan berhasil tidaknya judul dan deskripsi bisa disembunyikan, silahkan klik "preview template" pada halaman editing.
  3. Apabila berhasil, silahkan simpan pekerjaan Anda dengan meng klik "save template".
  4. Lihat hasilnya.    
    Cara ini bisa juga digunakan : 
     1. Pertama silahkan masuk ke akun Blogger - Template dan Edit HTML.

    2. Kemudian silahkan cari kode bagikan "header", setiap template mungkin berbeda-beda namun kebanyakan bertuliskan #header atau #header-Wrapper.

    3. Selanjutnya Tambahkan Kode display:none; pada kode header tersebut, Contohnya:

    /* -- HEADER -- */
    #header {
    padding: 5px;
    text-align: left;
    }

    Kemudian tambahkan kode display:none; maka kodenya menjadi seperti berikut:

    /* -- HEADER -- */
    #header {
    padding: 5px;
    text-align: left;display:none;}

    4. Terakhir tinggal Simpan template dan lihat hasilnya.

    Dengan menambahkan kode display:none membuat header beserta judul akan tersembunyi dan tidak hilang, untuk memunculkanya kembali tinggal hapus kode display:none tersebut.

    Tutorial lain bisa juga yang berikut ini :
    1.      Pertama silahkan login ke blogger anda
    2.      Klik setelan selanjutnya klik edit html
    3.      Silahkan cari kode ]]></b:skin> untuk mempermudah silahkan memakai ctrl+f
    4.      Silahkan letakkan kode di bawah ini di atas kode
     ]]></b:skin>
    .Header h1 {
    height: 0px;
    visibility: hidden;
    display: none;
    }
    .Header .description {
    height: 0px;
    visibility: hidden;
    display: none;
    }
    5.      Terakhir simpan template Anda ya,


     
Titra NOKA

Cara Sembunyikan Author Name dari Blogger Posts

Mengapa dihilangkankan ?
Beberapa situs mengatakan jika dihilangkan kibatnya blog sulit diindex alis berpengaruh
Maka saya pun tidak menganjurkan




GALERY