Peroripoppu: blog

Tampilkan postingan dengan label blog. Tampilkan semua postingan

Membuat Back To Top Efek Bounce

Kamis, Maret 6

Dengan adanya back to top maka akan mempermudahkan pembaca atau pengunjung blog apabila ingin kembali ke halaman atas tanpa perlu meggunakan scroll, tinggal klik langsung kembali ke atas. Pada back to top ini dilengkapi dengan efek bounce, jadi ketika sudah berada di halaman atas akan memantul seperti yang ada pada blog saya ini.

Berikut caranya;

Step 1

-Masuk bloger dassboard

-Pilih template, lalu pilih edit html

-Letakan kode dibawah ini di atas </head>, lalu simpan template

Cara membuat static page pada blog

Senin, Maret 3

0 Comments

Tag : blog, internet

Static page atau halaman statis adalah halaman yang berdiri sendiri, dimana halaman ( laman ) ini tidak terbaca di arsip halaman atau daftar postingan, tidak mempunyai label, tidak tampil dihalan utama, memiliki perbedaan format url yang berbeda dengan halaman posting.

Contoh perbedaan format url antara halaman statis dengan halaman posting;

halaman statis :

http://pelollipop.blogspot.com/p/contact.html

http://pelollipop.blogspot.com/p/download.html

halaman posting :

http://pelollipop.blogspot.com/2014/02/gintama-186-rokkaku-arc-sub-indo.html

http://pelollipop.blogspot.com/2014/02/gintama-187-rokkaku-arc-sub-indo.html

Berikut langkah membuat static page pada blog

step 1 masuk ke Blogger Dashboard lalu pilih laman pada tab
sebelah kiri

step 2 pilih laman baru

step 3 masukan alamat dan isi konten

step 4 setelah itu pilih diantara pilihan yang ada

step 5 setelah dipublikasikan atau disimpan, untuk melihat alamat url dan laman klik lihat

demikianlah langkah - langkah membuat halaman statis pada blog.

CARA MEMBUAT WIDGET POPULAR POST KEREN

Selasa, Februari 25

0 Comments

Tag : blog, widget

Berikut langkah – langkah membuat widget popular post agar terlihat menarik;

Login terlebih dahulu ke blogger

Bagi yang di dalam blognya belum terpasang widget popular post, pasang terlebih dahulu dengan cara
-pilih tata letak, pilih add gadget

cara menambahkan popular post pelollipop.blogspot.com

-kemudian pilih entri popular, kemudian atur sesuai kengiina

-lalu pilih simpan

Jika sudah terpasang pilih html, lalu pilih edit html

Copy lalu letakan kode dibawah ini diatas kode ]]></b:skin> (gunakan ctrl+ agar lebih mudah)

/* Rainbow Popular post  */
#PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px}
#PopularPosts1 ul li:first-child{background:#ff4c54;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul li:first-child + li{background:#ff764c;width:87%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:84%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:81%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:78%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:75%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:72%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li +li{background:#f59095;width:69%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#c7f25f;width:66%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:70px;height:70px;}
#PopularPosts1 ul li a{font-size:12px;color:#444;text-decoration:none}
#PopularPosts1 ul li a:hover{color:#222;text-decoration:none}
#PopularPosts3 img{
-moz-border-radius: 130px;
-webkit-border-radius: 130px;
border-radius: 130px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
padding:4px;
border:1px solid #fff !important;
background: #F2F2F2;}#PopularPosts1 img:hover {
-moz-transform: scale(1.2) rotate(-560deg) ;
-webkit-transform: scale(1.2) rotate(-560deg) ;
-o-transform: scale(1.2) rotate(-560deg) ;
-ms-transform: scale(1.2) rotate(-560deg) ;
transform: scale(1.2) rotate(-560deg) ;
}

Lalu pilih simpan template

Lihat blog untuk mengeceknya

Apabila warnanya tidak sesuai dengan selera tinggal ubah saja kode warnanya

Sekian!!!!!

cara agar postingan tidak bisa dicopy - paste

0 Comments

Tag : blog

Berikut langkah langkah agar postingan tidak bisa dicopas ;

login dahulu ke blogger

kemudian pilih template lalu pilih edit html

cari kode <body> (biar lebih mudah gunakan ctrl+f)

setelah ketemu hapus kode tersebut dang anti dengan code dibawah ini;

lalu save template

- - - - - - - --- -- -- - -

<oncontextmenu="return false”> untuk mematikan fungsi klik kanan
<body onkeydown="return false"> untuk mematikan fungsi ctrl+ pada keyboard
<body onmousedown="return false"> untuk mematikan seluruh fungsi mouse

Peroripoppu

KUMAHA AING !!!

Tampilkan postingan dengan label blog. Tampilkan semua postingan

Membuat Back To Top Efek Bounce

Cara membuat static page pada blog

Berikut langkah membuat static page pada blog

CARA MEMBUAT WIDGET POPULAR POST KEREN

Berikut langkah – langkah membuat widget popular post agar terlihat menarik;

cara agar postingan tidak bisa dicopy - paste

Berikut langkah langkah agar postingan tidak bisa dicopas ;

Popular Post

site info

Mengenai Saya