ShaDowMasKer: Blog

Tampilkan postingan dengan label Blog. Tampilkan semua postingan

Cara Membuat Blog Berputar Saat Dibuka Seperti Ular (REcodebhe)

00.25

By ShaDowMasKer

Blog

0 komentar

Pada kali ini saya akan memberikan sedikit trik cara membuat blog berputar saat dibuka seperti ular.Coba setelah anda memasukan script ini ke blog anda pasti blog anda akan menjadi lebih keren hehhe (^_+)kita langsung saja ke intinya

1.Yang pastinya masuk ke blog dulu
2.klik rancangan>klik edit html>centang expand template widget
3.Taruh kode yang ada dibawah ini di bawah kode <head>

<script type='text/javascript'>

//<![CDATA[
scrW=screen.availWidth
scrH=screen.availHeight
window.resizeTo(10,10)
window.focus()
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/80)
}
window.resizeTo(0,0)
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/80,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/80)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/80,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/80,scrH*e/80)
}
window.moveTo(0,0)
window.resizeTo(scrW,scrH)
//]]>
</script>

Sudah Selesai Terima Kasih J

22.29

By ShaDowMasKer

Blog

0 komentar

Halo sahabat semua, kali ini Info Bagus Fakta Bagus akan berbagi cara membuat sub menu bar di blog. Sub menu bar sangat diperlukan bagi setiap blogger sejati. Bagi para pengunjung hal ini juga sangat dibutuhkan guna mencari informasi berdasarkan pada kategori di sub menu bar. Memberi sub menu bar juga membuat blog kita tampak lebih tampan, teratur, dan praktis (tidak acak-acakan). Langkah-langkahnya berhubungan dengan edit HTML. Bagi para blogger pemula mungkin akan merasa sulit, tetapi sebenarnya hal ini sangat mudah. Ikuti saja langkah-langkah yang kami jelaskan di bawah ini.

Ok, setelah berbasa-basi. Let's check it out...

Berikut ini langkah-langkah yang harus dilakukan :

Klik Menu Desain

Pilih Menu Template lalu pilih menu Edit HTML

Pilih/klik menu Lanjutkan

Pilih/klik menu Expand Template Widget

<div class='main-outer'> atau
<div id='main-wrapper'> atau <div id='main'>

Cari scrift berikut :

Agar lebih mudah, klik saja F3 pada keyboard lalu pilh salah satu scrift diatas. Berdasarkan pengalaman saya setelah membolak balik informasi di www.google.com maka yang cocok adalah :

div class='main-outer'>.

Bisa jadi beda dengan template yang lain…

Setelah dapat, copas scrift berikut tepat diatas scrift yang dicari tadi :

<style>

/* -- Menu Horizontal + Sub Menu-- */

#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}

#cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;}

#cat-nav a:hover { color:#fff; }

#cat-nav li:hover { background:#000; }

#cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}

#cat-nav .nav-description { display:block; }

#cat-nav a:hover span { color:#fff; }

#secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }

#secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}

#secnav li { float:left; width: auto; height:35px;}

#secnav li ul { position: absolute; left: -999em; width: 200px; top:35px}

#secnav li ul li { height:30px; border-top:1px solid #fff; }

#secnav li ul li a { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }

#secnav li ul ul { margin: -30px 0 0 180px; }

#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }

#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }

#secnav li:hover,#secnav li.hover { position:static; }

#cat-nav #secnav {width:100%;margin:0 auto;}

</style>

<li><a href='#'>Beranda</a></li>

</ul>

</li>

</ul>

</li>

</ul>

</li>

</ul>

</div>

PENJELASAN :

Ganti tanda # (warna biru) dengan link/url yang anda inginkan. Bisa jadi link posting atau label (katagori) yang ada pada blog anda.
Ganti Tulisan warna biru dengan menu dan sub menu yang anda inginkan.
Setiap sub menu bisa ditambah atau dikurangkan sesuai keinginan.

7. Setelah itu klik Pratinjau dulu untuk memastikan scrift sudah benar . Lalu simpanlah/save. Dan tutup edit HTML tersebut.

Saran : back up dulu template anda sebelum merubah/menambah scrift diatas, agar bisa dimanfaatkan kembali jika ada masalah dengan penambahan srcritf diatas.

8. Untuk menghilangkan tampilan tampilan dabel dengan Laman Utama,
Maka ikutilah saran berikut :

Masuk ke Menu Laman
Lalu pilih tampilan halaman dengan memilih "jangan tampilkan"
Simpan setelan, maka laman utama akan tampil sendiri sesuai dengan scrift yang kita ketikkan tadi.

Blog sudah bisa dipublikasikan...

Apabila melalui cara yang kami bagikan ini belum berhasil, coba sahabat ulangi lagi dengan sabar. jika berkali-kali memang tidak bisa, sahabat bisa berkonsultasi dengan Info Bagus Fakta Bagus melalui komentar di bagian bawah ini.

Semoga bermanfaat kebaikan.

ada satu tambahan, jika anda ingin menambah jumlah SUB menu tinggal copy code berikut <li><a href='#'>Sub Menu3b </a></li>

Keterangan : jika ingin menambah sub menu pada sub 1 tinggal ubah menu3b menjadi menu1b dan buat drop down banyak tinggal ubah b >>> c dan seterusnya sesuai urutan abjad .

SEMOGA ANDA PAHAM

18.20

By ShaDowMasKer

Blog

0 komentar

Mouse pointer atau penunjuk mouse adalah tanda yang menyatakan posisi mouse pada layar. Umumnya berbentuk tanda panah akan tetapi bisa diubah sesuai keinginan. Untuk itu pada postingan kali ini saya akan membagikan cara mudah merubah pointer atau cursor mouse pada Blog anda. Cursor mouse merupakan salah satu bagian penting pada Blog, karena merupakan bagian yang paling sering mendapat perhatian dari pengunjung. Dengan merubah kursornya dengan tampilan yang lebih unik tentunya Blog anda akan terlihat lebih menarik. Jika anda tertarik untuk mengganti kursor pada Blog anda, silakan ikuti tutorialnya dibawah,

Langkah-langkah:

Kunjungi situs www.cursors-4u.com.

Disana anda akan disugukan banyak contoh dari kursornya.
Anda dapat memilih berdasarkan kategori yang ada.

Silakan anda pilih salah satu gambar yang anda ingin gunakan pada Blog anda.

Jika anda telah menentukan kursor mana yang akan anda gunakan, klik gambar tersebut untuk mendapatkan kode dari kursornya.
Sekarang copy kode yang diberikan untuk kursor yang telah anda pilih. (Option #1 - Universal CSS/HTML Code)

Nah anda sekarang telah mendapatkan kodenya.

Untuk memasangnya di Blog anda, Pilih Tata Letak >> Tambahkan Gadget >> HTML/Javascript.
Isikan konten dengan kode yang sebelumnya telah anda copy.
Jika sudah klik "Simpan".

Sekarang anda akan menemukan perubahan yang terjadi pada cursor mouse yang ada Blog anda.

Sekian tutorial kali ini, Semoga bermanfaat.

01.58

By ShaDowMasKer

Blog

0 komentar

mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot

Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget burung twitter terbang ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,

Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini

Pertama-tama silahkan login di Blogger

Klik Layout > Add Gadget > Html/Javascript
Copy paste kode di bawah ini ke kolom Html/javascript

var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMOQYCSgci9xT97fCUIRpxe7px5B7zBlPnud63PabO_Mton5zgBnPKJbr6Um_n8wOIIJqb2RFF2IqMk1FVyvMDvvyeaU-Y68X6GjT1n4qFBNftDaX1JOYD6yy8tY9JWi3Dxy57MJF8EuM/s1600/burung+twitter+terbang.png";

var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");

var twitterAccount = "http://twitter.com/Username";

var tweetThisText = "Twitter - UserID http://blackmasker.blogspot.com/";

tripleflapInit();

</script>

Ganti kode yang berwarna kuning dengan nama pengguna (username) akun Twitter sobat Simpan dan lihat hasilnya

Untuk membuat warna burung twitter yang lain sobat bisa mengganti kode yang berwarna merah diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang sobat inginkan

Warna Kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXBHkMVc7-RoiiC3AnGyuqH-db9zL0_GrSR494DPeDeqB-L9xpfRRlbTGMYlObNh-pw3TUlBjmJHb6Ba5fx9PU2V5MZzDM-WMIVOfFVAroB8ka7C6CgFaY2EUuu98aaiS0-uQxBPxborU/s1600/yellow+bird.png

Warna Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWoB7jGbxDMHcKYGqb6CQZfpnAGfUKzbYx-3y9ro8P_j4wFhmI8W7-hMYnrxAct2hbpXfSfzJxmpDD-g-PWo4AksvZ7qBG5XYzqqpqT7TFKZtK6jME8-zZiPHC-8uUqFH1cMZ3I1p6rpM/s1600/black+bird.png

Warna Biru

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhViSX8R4y5oF1MZ7SHJ0KUBHOS-MZamqOZPcqnTMyKTIviDZ9LVlIXuQXl0TEmBkJul-5h4bBucjZ-sZAKzU_7hS8eke10Wlyl9VN8hKoUn-ls9wkdXcVPg_LBvkO6JkqfQkMcwGz-zA4/s1600/Blue+bird.png

Warna Coklat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja_Z-dl-eCka9o7jdj5nnTEvSBNhCOhEWUKOOrtLRNlU-VeSyvFRiHsR3gtvRcdERDd9uHAsPxcJQwdcOHLAyVZBVBi4EIaxBcMtl5o562op4PVUknzsepdQsnboOk-nqa6kWtZFuZDsg/s1600/brown+bird.png

Warna Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF6slML_NHCm1LVkqAHq13nzWeC45zIl56R67r-hwA1Vgr0_PpsIsDiNt5Qgpc51fFSSQT9KfiFUegezJkrqQ4A022G4LEDfCJmZeg-fpZBAYibdj85Z6tpKQz0a-PaD7NYxNAHlnQU30/s1600/Green+bird.png

Warna Ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHf2oSfu65uXIyM6oig-aQhInOavLUZ4Px2liINtW6_yPEeaHH1SwkMApOL3HDHCOH63_AxcSsL1R_65zvvVuRehWrKRGhrPmzg56rRSMDaDy3rYbRMVzNsnmB15Q4u1wj2NhyQyU5oYM/s1600/purple+bird.png

Warna Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4TV1knuyQyVTDAl7Nrq97AKWzniG4aRBjHhIN2AySLU2ncSlkTIZvz62N24z0ahlrY8FDl2ojjoeZ0rvpeOFnpOG0WKx6pJXg1Dnxll_G2C31wq-Gwybc4wlLRwMOd0X1SZXWUTBLH_Q/s1600/white+bird.png

Warna Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyjs6SeMcozENn0SgkxSd9LMRLgKLZZzAwzHL-GTrweh7WlQr92LvPbdAD-lLPy1hLPK_73TLxrqPyrVgcBVwJw_codcEnEQZl4QiFiPXFuyQGp3Pj2vd9LijF-UyAmfbv2zk7XBJSbBU/s1600/red+bird.png

Dan terakhir jangan lupa disimpan

01.15

By ShaDowMasKer

Blog

0 komentar

Merubah salah tampilan blog dari semula menjadi seperti yang Anda inginkan sangatlah menarik untuk dilihat. Kali ini saya akan berbagi cara mengganti bentuk dan warna scrool bar di blog. Cara ini dapat mempercantik suatu tampilan blog, apalagi jika template blog yang Anda gunakan adalah template versi Portal.

Oke langsung saja pada inti dari mengganti bentuk dan warna scrool bar di blog.

Cara Mengganti Bentuk dan Warna Scrool Bar di Blog :

1. Login ke blogger.com
2. Pilih menu Template.
3. Jangan lupan centang Expand Template Widget.
4. Cari kode script ]]></b:skin> (gunakan F3 atau Ctrl + F untuk mempermudah pencarian)
5. Copy dan pastekan kode di bawah ini tepat di atas kode ]]></b:skin>

....::-webkit-scrollbar { width: 13px; background: #000000; -webkit-border-radius:10px; border-radius: 10px; } ::-webkit-scrollbar-thumb { background: #0000CD; -webkit-border-radius:10px; border-radius: 10px;....

6. Klik Simpan Template
Selesai !!
NB :Ganti tulisan berwarna merah dengan ukuran scroll yang Anda inginkan.
Ganti tulisan berwarna biru dengan warna template blog Anda.
Ganti tulisan berwarna biru dengan warna scroll yang Anda inginkan. Read more

Cara buat box/kotak kode script di dalam postingan

01.00

By ShaDowMasKer

Blog

0 komentar

Pada tutorial blogger kali ini yang membahas Cara buat box/kotak kode script di dalam postingan ini akan diberikan beberapa contoh box/kotak kode script yang saya buat, dan Sahabat Blogger Pemula dapat menggunakannya jika ada yang disukai dari contoh contoh Cara buat box/kotak kode script di dalam postingan yang akan saya berikan tips trik dibawah ini, dan tentunya sahabat Blogger Pemula juga bisa melakukan perubahan pada kode kodenya menurut selera sahabat masing masing. Seperti, ukuran dan jenis border, warna background, ukuran box atau yang lainnya.

Berikut ini adalah beberapa contoh Cara buat box/kotak kode script di dalam postingan;

inset border

....kode script sahabat....

Kodenya

<div style="border: 3px #006400 inset; padding: 10px; background-color:#d5839f;

text-align: left;">