Wahyu's Blog: Bloging

Showing posts with label Bloging. Show all posts

Tuesday, May 22, 2012

Cara Membuat Background Bergerak di Blog

Info unik dari monozcore.blogspot.com kali ini mengenai salah satu trik membuat gambar background blog menjadi dinamis. Trik ini menggunakan JQuery sederhana yang dikhususkan untuk membuat gambar background menjadi bergerak (Scrolling Background). Script ini membuat gambar background blog bergerak secara vertikal dari arah bawah ke arah atas. Buat sobat blogger yang ingin mencobanya silakan disimak trik membuat scrolling background berikut ini.

>> Preview Cara Membuat Background Bergerak di Blog <<

Cara Pemasangan

Login » blogger.
Rancangan » Edit HTML.
Apabila anda belum menggunakan kode JQuery silakan anda pasang kode JQuery dibawah ini tepat di atas Kode </Head>.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2' type='text/javascript'></script>

Copy-Paste kode di bawah ini tepat di atas Kode </Head>.

<script type='text/javascript'>
//<![CDATA[
$(function(){
// ***
// Scrolling background
// ***
// height of background image in pixels
var backgroundheight = 4000;

// get the current minute/hour of the day
var now = new Date();
var hour = now.getHours();
var minute = now.getMinutes();

// work out how far through the day we are as a percentage - e.g. 6pm = 75%
var hourpercent = hour / 24 * 100;
var minutepercent = minute / 30 / 24 * 100;
var percentofday = Math.round(hourpercent + minutepercent);

// calculate which pixel row to start graphic from based on how far through the day we are
var offset = backgroundheight / 100 * percentofday;

// graphic starts at approx 6am, so adjust offset by 1/4
var offset = offset - (backgroundheight / 1);

function scrollbackground() {
// decrease the offset by 1, or if its less than 1 increase it by the background height minus 1
offset = (offset < 1) ? offset + (backgroundheight - 1) : offset - 1;
// apply the background position
$('body').css("background-position", "50% " + offset + "px");
// call self to continue animation
setTimeout(function() {
scrollbackground();
}, 70
);
}
// Start the animation
scrollbackground();
});

//]]>
</script>

Copy-Paste Kode CSS di bawah ini tepat di atas Kode </Head> untuk memasang gambar background. Anda dapat mengganti gambar background sesuai dengan yang anda inginkan dengan merubah alamat hosting gambar pada Kode CSS di bawah dengan alamat hosting gambar yang anda pilih.

<style>
body {
background: black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0nlkb4ucR78JL16OzaVqc4dstvPPE_zK8ZnMH9ZQTJdsD3BMErUc1Cov2ysk0UFi16icZ-G4p_lY6tVT_k8t2OCPUXlb2f1ZGyEZ0Sj4jNKdf6nNNpnl80diSIcPspdefL6aFN7HtZBbR/s800/bg.gif) repeat center; background-attachment: fixed;
}
</style>

Keterangan :
- repeat // Pengulangan gambar arah x dan y.
- repeat-x // Pengulangan gambar hanya arah horizontal.
- repeat-y // Pengulangan gambar hanya arah vertikal.
- http://3.bp.blogspot.com/-tS5lZKl3Qag/TtjQUfMzi2I/AAAAAAAAAkA/QZc2FwvhW4o/s200/bg.gif // URL Link gambar.

- center // Lokasi gambar berada di tengah layar.
- Left // Lokasi gambar berada di kiri gambar.
- Right // Lokasi gambar berada di kanan gambar.

Pilihan Gambar Background

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0nlkb4ucR78JL16OzaVqc4dstvPPE_zK8ZnMH9ZQTJdsD3BMErUc1Cov2ysk0UFi16icZ-G4p_lY6tVT_k8t2OCPUXlb2f1ZGyEZ0Sj4jNKdf6nNNpnl80diSIcPspdefL6aFN7HtZBbR/s800/bg.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcbkXHo5eogHXqtGjnn__mgTwlFk-RqREGHX_0DSc7zQRPa4Imlw45PsAdJwxOyDZ8wRk37khCY-SiOL0Tv90YpHNDhsmZ455psWZ8FTwZbeMmjWcr9o-S9HR7o9F0MTLmaUBr0jOq2XGz/s800/bg_star.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAZ-cLxxevRYJ4XRbHeQAUTdPqI70GjN7mQBH5Spck-kSilNJKnmPIIWLPjj4nt47jmaWFP-aQPZcn89r2ooSY4m3_G9YVz9TaSJ3Ub9h0OLxAtPoqGPCMm-kjSfTysvZdx17H6ii6QIcj/s800/bg-clouds.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgRtYudTGz9uu8e6sUvlkcp-p6mO-IVKExgsxuwfYM9IipU5XsslMVloP67EbqrLr4KCWapD9fcNz0PBKmnp-b2DFEGA0Uy2KpL3Y4VrTRCGaDUBuUT92EAzBSMWZeMCv_x3zPQNuVnygm/s800/skull-fire-monozcore.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAzEwvxvQmFq0MoBzdGlEHn0UBnv7UIQOl-N7jLsmmuaVG2LPeJqsYwX6rDxLaOFXVDd1Aop7aDzYmjN0P5AYzcUk4rcmjrZhS296c2nWF4k7WpwFrf9IbI1CHdlcZXloYH1gVW4QCMOQf/s800/dance_flow.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGcAZuxoi9Onem-GodFHXFnc27trog3zHeC4OqP75uLinPDJANhIlljCvJ8_sFthJoHevMjxXDzny8Lt6zHuL0VTuzX9IDNvYXQ-96ivVejy1r_SAoe5dwQl0rPdvmoAHgI4096ujk0Jxd/s800/ThighHeels.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQB6z5la1w0saeEJCjx1PPGy4W1URYYLuDnAdif8DX4vRCFAJl6SSOB2nyg-DStWJCcISn9FB-vzBeughlCz-MyEqrvoQxMo-IZXzhRwZ2NO1AU8duLxrkihFNHRdikrcXCEJZ505ff5Ob/s800/animated%2520stars.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAZPgruoPx_fs4oII-tpPx5B6vCnS3kRfDN8cCzxtbZ21sLHCJfymmpf_1vQFLeD8-M_ilHtSK06BnDqMzQQLTOdknNzNi2vpdIO6j4FpA58bEUFpBYmnxLOvmDDnwUGRMBE5v0NZS1HHY/s800/animated%2520blue%2520stars.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgFcN5JDvscGrXUW1mB7itY7YmaRoe0W96V4U2biW7B0PCv_SazAPeA17qVVsAvvvPo9kuqMFUHf8jYfAXu9eR8T2o3lim18gTFLwHQWEsO_N_uU8909q6XGYxkAi2fN4ASiyVZCDlZnWa/s800/devil_angel_lolita_bg.png

Sumber : http://www.monozcore.blogspot.com

----------Selamat Mencoba --------

----------Salam Wahyu's Bloger-------

Cara Menghilangkan Link Berlangganan Entri Atom di Blog

By Unknown 9:38 PM Bloging

1.Login Ke blogger Dengan ID kamu.

2.Klik Tata Letak Kemudian Klik Edit HTML.

3.Selanjutnya Cari Kode ]]></b:skin> .Atau biar lebih gampang gunakan tombol CTRL+F.

4.Kalo Udah ketemu copy dan paste kode berikut diatasnya.

.feed-links{
display:none;
}

5.Kalo Udah selesai jangan lupa klik Simpan Template.

Cara Membuat Widget Sms Gratis

By Unknown 9:21 PM Bloging

Seperti biasa

Rancangan > Elemen Laman > Tambah Gadget > HTML/JavaScript.

Copy Paste aja Script di bawah ini..

Ukurannya kamu bisa sesuaikan dengan Laman Gadget kamu..

trim's tinggalkan pesan sebelum bunyi biii..b

Cara membuat Readmore Otomatis

By Unknown 9:14 PM Bloging

Fungsi Readmore/Baca selengkapnya pada posting biasanya untuk menghemat halaman depan website/Blog agar tidak terlalu panjang, selain itu juga dapat membuat penasaran pengunjung untuk membaca salah satu posting di halaman depan website/blog kita

Cara paling mudah (manual) adalah dengan menekan tombol “Insert Jump Break”

pada saat membuat artikel/postingan.
Kalau kalian memakai template bawaan/paketan mungkin disana sudah ada,
Bila sudah terdapat Readmore, versi lamanya sebaiknya dihapus dulu.
tapi kalau kamu pake template standar/belum ada readmore-nya
ikuti langkah-langkah berikut :.

- Login ke account Blogger.

- Klik Rancangan > Edit HTML.

(Dibiasakan Centang kotak kecil Expand Widget Templates)

- Cari kode </head> di dalam template kamu.

(Agar lebih mudah pencariannya klik CTRL+F lalu paste </head> didalam kotak yang tersedia)

Tips aman :

Lakukan backup dengan "DOWNLOAD TEMPLATE LENGKAP".

Kalo terjadi kesalahan kamu tinggal Upload lagi dan bakal kembali seperti semula.

- Copy pastekan script di bawah ini tepat diatas kode </head>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 100;
</script>

<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Kemudian cari code <data:post.body/>

GANTI kode tersebut dengan Script dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READMORE</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Simpan Template.

Peringatan : Kamu pasti pernah melihat laman "PAGE" di Elemen Laman.

Jangan kamu hapus karena akan mempengaruhi hal diatas.

Keterangan :
Kita dapat menentukan letak tumbnail (gambar),
jumlah karakter tulisan baik tanpa maupun dengan tumbnail

Tinggi dan lebar tumbnail dengan merubah Script yang berwarna Kuning di atas.

var thumbnail_mode = "float";

Letak thumbnail berada di “float” kiri atau jika tidak silahkan ganti dengan “no-float”;
summary_noimg = 250;

Jumlah karakter yang akan ditampilkan di posting tanpa gambar / thumbnail;
summary_img = 250;

Jumlah karakter yang akan ditampilkan di posting dengan gambar / thumbnail;
img_thumb_height = 120;

Tinggi thumbnail dalam ukuran piksel;
img_thumb_width = 120;

Lebar thumbnail dalam ukuran piksel;
READMORE

Tulisan READMORE bisa diganti misalnya dengan “Baca Selengkapnya”

sumber : bule-sang.blogspot

Cara menghilangkan Atribusi Blogger

By Unknown 8:50 PM Bloging

- Klik Rancangan > Edit HTML.

(Dibiasakan Centang kotak kecil Expand Widget Templates)

- Cari kode ]]></b:skin> di dalam template kamu.

(Agar lebih mudah pencariannya klik CTRL+F lalu paste ]]></b:skin>
didalam kotak yang tersedia)

Tips aman :

Lakukan backup dengan "DOWNLOAD TEMPLATE LENGKAP".

Kalo terjadi kesalahan kamu tinggal Upload lagi dan bakal kembali seperti semula.

- Copy pastekan script di bawah ini tepat diatas kode ]]></b:skin>

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

Save Template.

Cara Membuat Related Post / Artikel Terkait Dengan Gambar Thumbnail

By Unknown 12:02 PM Bloging

Cari kode </head> pada kotak HTML tersebut. Lakukan pencarian cepat dengan menggunakan tombol CTRL + (plus) huruf F pada keyboard anda lalu tekan ENTER yang akan menampilkan kotak FINE pada sudut kiri bawah browser anda. Selanjutnya ketik </head> pada kotak tersebut. Sudah dapat kodenya ?
Copy kode HTML berikut ini :

<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='https://sites.google.com/site/bloggerbugis/js/relatedthumbsbloggerbugis4U.js' type='text/javascript'/>
</b:if>

Letakkan / Paste di atas kode </head> template blog anda.
Selanjutnya cari kode <div class='post-footer-line post-footer-line-1'> pada kode template blog anda. Kalau anda tidak menemukan kode tersebut pada template blog anda, cari kode ini : <p class='post-footer-line post-footer-line-1'>
Letakkan/Copas kode di bawah ini DI BAWAH salah satu kode tersebut di atas. Berikut kodenya :

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>

Simpan Template Anda

Selesai........

Widget Related Post / Artikel Terkait dengan Gambar / Thumbnail akan menampilkan 5 Artikel terkait berdasarkan label artikel. Jika ingin menambah atau mengurangi jumlah Related Post yang di tampilkan, silahlkan ganti angka 5 (Lima)pada kode var maxresults=5; menjadi lebih banyak atau lebih sedikit.

Jika ingin mengganti tulisan Related Post dengan kata / kalimat lain, silahkan ganti tlisan Related Post ( jangan menghapus tanda petiknya) pada kode var relatedpoststitle="Related Posts";

Sumber blogger bugis.blogspot

Membuat gambar supaya neng pojok

By Unknown 3:20 PM Bloging

Pertama login ke akun sobat blogger masing-masing, setelah itu pilih tata letak, kemudian edit html.

Cari kode ]]></b:skin>. Gunakanlah fasilitas search untuk mencari nya dengan menekan CTRL+F.
Copy scipt dibawah ini, lalu paste DIATAS code ]]></b:skin> yang tadi.

#anima_sudut {
position:fixed;_position:relative;top:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Untuk menuntukan posisinya, sobat blogger bisa merubah top:10px; left:10px; .( top=atas, bottom=bawah, right=kanan, left=kiri)

Kemudian copy-paste code dibawah ini DIATAS code </body>.

<div id="anima_sudut">
<a href="code link anda/">
<img alt="" src="url gambar anda" border="0" /></a>
</div>

Good Luck.

t=v1+v2 ,Cara meningkatkan traffic dan popularity dengan cepat dan alami

By Unknown 1:05 PM Bloging, Ilmu

Mohon baca baik-baik lalu terapkan dengan benar.... Sebuah filosofi mengatakan "Honesty is The Best Policy (Kejujuran adalah politik/strategi terbaik)" , inilah yang akan kita buktikan....apakah konsep kejujuran bisa kita olah menghasilkan traffic dan popularity yang lebih hebat dari konsep rumit para expert webmaster atau pakar SEO..?... Saya yakin bisa asal konsep ini di jalankan dengan benar...,bila ini di terapkan pada web anda sesuai ketentuan maka: -Web anda akan kebanjiran traffic pengunjung secara luar biasa hari demi hari, tanpa perlu repot-repot memikirkan SEO atau capek-capek promosi keberbagai tempat di dunia internet. -Web anda akan kebanjiran backlink secara luarbiasa hari demi hari, tanpa perlu repot-repot berburu link keberbagai tempat di dunia internet. Jika Albert Einstein memakai persamaan e=mc2 untuk menggabungkan potensi masa dan kecepatan cahaya untuk menghasilkan energi nuklir yang luar biasa itu ,maka kita akan memakai persamaan t=v1+v2 untuk mnggabungkan potensi web saya dan web anda untuk menghasilkan traffic dan popularity yang luar biasa pula. Jika Einstein menggunakan atom plutonium dan uranium untuk membuat bom nuklir, maka kita menggunakan Kejujuran dan ketepatan untuk membuat bom traffic dan popularity ini. Yang perlu anda lakukan adalah ikuti langkah-langkah berikut : 1.Buat posting artikel seperti posting saya ini, atau copy-paste posting ini dan juga diberi berjudul : t=v1+v2 ,Cara meningkatkan traffic dan popularity dengan cepat dan alami 2-Selanjutnya Copy atau buat KALIMAT SAKTI yang ada di bawah nomor 4 ini lalu pasang di web anda pada bagian yang paling mudah dilihat pengunjung, misalnya di bagian atas sidebar: 3-Pindahkan atau ganti link atau alamat url posting saya (disini-1) menggantikan alamat url rekan saya (disini-2). -untuk mengetahui alamat url posting saya dan posting yang anda buat adalah bisa dengan meng-klik judul/title posting yang kita buat ini. 4-Lalu isi alamat url posting anda pada pada disini-1 tadi. Jadi anda melakukan publish (terbitkan) 2 kali, setelah posting ini selesai anda buat lalu di terbitkan, dan lalu anda klik pada title (judul) posting untuk mengambbil/meng-copy alamat url posting anda dari address bar browser anda, lalu anda edit lagi posting tadi dan masukan pada link disini-1 itu. Berikut tulisan "KALIMAT SAKTI" yang perlu anda pasang di bagian web anda (setelah di ganti link url-nya sesuai ketentuan di atas) "Ingin meningkatkan traffic pengunjung dan popularity web anda secara cepat dan tak terbatas...?... Serahkan pada saya..., Saya akan melakukannya untuk anda GRATIS...!..Klik disini-1 dan disini-2" 5-Di bawah ini ada 2 link :link anda (link web saya sekarang) dan link saya (link web rekan saya sekarang) . Maka ganti (alamatnya) "link anda" dengan "link url web anda" dan "link saya dengan link url web saya" (link rekan saya di hapus). link anda link saya -Jadi setelah KALIMAT SAKTI ini di letakan di web anda maka: jika pengunjung meg-klik link disini-1 akan menuju link posting anda, dan jika meng-klik disini-2 akan menuju link posting saya...dan seterusnya kan terus terjadi mata rantai seperti itu... 5-Selesai, siapkan counter tracker dan pengecek link misalnya sitemeter dan technorati untuk melihat hasil banjir traffic dan linkback web anda. Apa itu t=v1+t2...? t : Jumlah traffic yang akan di peroleh web anda dalam suatu hari v1 : Jumlah pengunjung web anda dalam suatu hari v2: Jumlah pengunjung yang dimiliki v1 (pengunjung dari pengunjung web anda) dalam suatu hari. Traffic: Misalnya, web saya ini atau web anda dalam sehari memiliki rata-rata pengunjung 50 orang.., dan semuanya menerapkan konsep kita ini (KALIMAT SAKTI) dengan benar, dan dari 50 orang itu masing-masing memiliki 50 orang pula pengunjung dari blog-nya , maka web kita akan berpeluang di kunjungi 50 ditambah 50 x 50 orang pada hari itu = 2550 orang , dan akan berpeluang terus meningkat pula hari demi hari ,karena setiap hari selalu ada pengunjung baru di dunia internet, setiap hari juga ada blogger atau web baru di dunia internet...BUKTIKAN Popularity: Misalnya, web kita memiliki pengunjung 50 orang dalam suatu hari, dan semuannya menerapkan konsep ini , maka dalam hari itu web anda akan mendapatkan 100 linkback ke web anda, yaitu sebuah link pada KALIMAT SAKTI dan sebuah link pada link saya di kalikan 50. dan akan berpeluang meningkat terus hari demi hari.... Kenapa perlu di buat link link anda dan link saya pada posting...? ...hal ini untuk menjaga keabadian link kita, karena seperti kita tau link pada posting lebih kecil kemungkinannya terhapus.... Bisakah kita berbuat tidak fair atau tidak jujur menyabotase konsep ini, misalnya "menghilangkan semua link asal" lalu di isi dengan web/blog kita sendiri...? ....Bisa, dan konsep ini tidak akan menjadi maksimal untuk membuktikan Kejujuran adalah strategi/politik terbaik.....Tapi saya yakin bahwa kita semua tak ingin menjatuhkan kredibilitas diri sendiri dengan melakukan tindakan murahan seperti itu...

Latest News

Wahyu's Blog

Tuesday, May 22, 2012

Cara Membuat Background Bergerak di Blog

Wednesday, November 9, 2011

Cara Menghilangkan Link Berlangganan Entri Atom di Blog

Cara Membuat Widget Sms Gratis

Cara membuat Readmore Otomatis

Cara menghilangkan Atribusi Blogger

Monday, November 7, 2011

Cara Membuat Related Post / Artikel Terkait Dengan Gambar Thumbnail

Wednesday, October 12, 2011

Membuat gambar supaya neng pojok

t=v1+v2 ,Cara meningkatkan traffic dan popularity dengan cepat dan alami

Popular Posts

Subscribe

Labels

Berlanganan via email

About me

About Me

Followers

visitor

Arsip Blog

search