Blog Santa Mars

Creator & ASUS ZenBook

noreply@blogger.com (Blog Santa Mars) — Sun, 25 Jun 2017 11:12:00 +0700

Halo teman-teman ASUS kembali merilis varian notebook DEWA nya dari lini ZenBook yaitu ASUS ZenBook UX410UQ.

ZenBook UX410UQ hadir dengan tampilan yang MBOIS dan kinerja yang AMAZING dalam balutan desain yang SEXY dan Enteng (ringan). Dibuat dari alumunium solid serta finishing spun-metal unik.

ZenBook UX410UQ memiliki ketipisan tidak kurang dari 18.95mm. Nyaman dibawa saat bepergian karena beratnya hanya 1.4kg, sehingga dipastikan sangat nyaman dibawa OTW kemana saja. Memiliki ukuran display 14-inci dan bezel yang tipis, memberikan penggunanya sudut pandang yang lebih lebar.

ZenBook UX410UQ dengan 2 warna yang terinspirasi dari alam: Quartz Grey (Abu-abu) atau Rose Gold (Mawar Emas).

Performa mobilitas yang sangat WOAAW adalah ciri khas dari ZenBook, hal ini dihadirkan oleh generasi ke-7 Intel Core prosesor i7 berbasis sistem operasi Windows 10, dengan RAM 16GB DDR4 213 MHz dan grafis NVIDIA® GeForce® 940MX untuk memainkan video dan game dengan lancar.

Wi-Fi 802.11ac terbaru memberikan kecepatan super, dan Bluetooth® 4.1 memudahkan-mu menghubungkannya langsung pada gadgetmu. Sebagai professional tentunya Anda menginginkan teknologi terbaru untuk menunjang kinerja, juga dilengkapi dengan reversible port USB Tipe C yang revolusioner yang memberikanmu akses kecepatan tinggi terhadap perlengkapan dengan kinerja tinggi lainnya. Dengan port HDMI, kamu dapat terhubung ke monitor, TV atau proyektor tanpa kesulitan. Multitasking dapat dilakukan tanpa hambatan, memainkan video dengan lancar, dan menjalankan aplikasi dengan sangat cepat. ZenBook UX410UQ juga sangat efisien dalam penggunaan energi, sehingga penggunanya tidak perlu sering mencari sumber listrik saat beraktivitas.

Penyimpanan dengan kecepatan tinggi sangatlah penting untuk pengalaman komputasi yang tanpa hambatan, dan untuk yang satu ini tidak ada yang lebih cepat dari 1TB harddisk (HDD) dikombinasikan dengan 128GB solid-state disc (SSD). Menyimpan atau memuat file-file dan dokumen yang besar sangat cepat dibandingkan dengan hardisk biasa, dan jeda waktu saat menyalakannya pun berkurang cukup signifikan. SSD juga cukup awet dan tahan banting, membuat ZenBook UX410 memiliki ketahanan yang luar biasa.

Di Indonesia ultrabook 14 inci yang tipis dan berkinerja tinggi ini telah tersedia di pasaran di kisaran harga Rp15.799.000. Yang menarik, setiap pembelian unit ZenBook UX410UQ pengguna juga akan mendapatkan sleeve premium dari ASUS untuk memudahkan mereka membawa notebook ini ke manapun mereka pergi.

SPESIFIKASI DETAIL


CPU	Intel® Core™ i7 7500U Processor (4M Cache, up to 3.50GHz)
Operasi Sistem	Windows 10
Memory	8 GB DDR4 2133MHz SDRAM + 1 x SO-DIMM socket, up to 16 GB RAM
Kapasitas	1 TB 5400RPM SATA HDD + 128 GB SATA3 M.2 SSD
Layar	14” FHD (1920x1080) IPS 178˚ (wide-viewing angle display) Anti-Glare with 72% NTSC
Grafis	NVIDIA GeForce 940MX, with 2GB GDDR3 VRAM
Input/Output	2x USB 2.0, 1x USB 3.0, 1x USB3.1 Type-C (gen 1), 1x Headphone-out & Audio-in Combo Jack, 1x HDMI
Keyboard	Illuminated Chiclet Keyboard
Camera	HD Web Camera
Konektifitas	*802.11ac+Bluetooth 4.1 (Dual band) 22**
Audio	Support Windows 10 Cortana, ASUS SonicMaster Technology
Batrai	3 Cells 48 Jam Batrai
Dimensi	323 x 223 x 18.95 cm (WxDxH)
Berat	1.45 Kg dengan Batrai
Warna	Rose Gold, Quartz Grey
Aksesoris	Sleeve + USB3.0 to RJ45 cable + HDMI to VGA cable
Harga	Rp 15.799.000
Garansi	2 tahun global

Anda dapat membeli atau sekadar cek harga Asus Zenbook UX410UQ di LAZADA
Anda juga dapat melihat lebih detail di WEB resmi Asus Zenbook UX410UQ.

Give Away dari Bayu Skak hadiah Laptop ASUS ZenBook

noreply@blogger.com (Blog Santa Mars) — Sun, 25 Jun 2017 09:21:00 +0700

Bagi teman-teman yang lagi liburan gak ada kegiatan padat dan sibuk, bisa tuh ikutan Give Away dari Bayu Skak hadiah Laptop ASUS ZenBook. Tadinya gak sengaja buka youtube di home terlihat video Bayu skak lagi ngadain give away. Ya udahlah saya coba ikutan aja, siapa tau bayu skak lagi baik hati dan pilih aq jadi pemenang. Kalaupun itu gak menang juga gak papa yang penting aku sudah buat artikel ini semua biar kalian bisa dapat, Amiiiiiiinnn. Oke tidak panjang lebar kita harus tau syarat-syarat yang harus kamu ketahui dalam ikutan Give Away ini :

(1) Kriterianya untuk Kategori Video kalian harus bikin video durasi 2 menit alasan kalian pingin dapetin Laptop ini. Video harus bertema "Creator & ASUS ZenBook” Jika sudah bikin videonya harus di upload di YouTube dan Link dari video kalian tersebut bisa di share disini untuk ikut kompetisinya http://bit.ly/KompetisiBayuSKAK ditunggu ya Rek! Bikin videonya yang keren dan Gokil ya!

(2) untuk kriteria Blogger harus bikin artikel bertemakan "Creator & ASUS ZenBook” Artikel harus meng-highlight fitur-fitur dari ASUS ZenBook UX410UQ yang bisa dilihat dari link: http://bit.ly/ZenBookUX410UQ . - Video/Artikel wajib menyebutkan prosesor Intel Core i7 dan sudah dilengkapi dengan OS Windows 10 & Karya tulisan atau video belum pernah ditayangkan/dipublikasikan sebelumnya. Panjang tulisan minimum 600 kata dan minimum memiliki 3 gambar/foto untuk ilustrasi (semakin banyak semakin baik).

Dan peserta diperbolehkan mengambil gambar atau sebagian video mengenai produk yang ada pada website ASUS ( www.asus.com/id ) atau video produk yang ada pada video Bayu Skak.

- Hasil tulisan/video wajib dikirimkan paling lambat tanggal 19 Juli 2017 pukul 11:59 WIB.

- Setiap peserta wajib follow account Youtube ASUS Indonesia dan account Youtube Bayu Skak.

ya kalau kalian belum paham atau mau lihat video dari bayu skak, klik Youtube Bayu Skak

Terimakasih semuanya semoga saja kalian HOKI, heheheheh

Cara Mendapatkan Uang Dari Android Dengan Whaff

noreply@blogger.com (Blog Santa Mars) — Fri, 3 Apr 2015 18:09:00 +0700

Cara mendapatkan Uang dari Android 100% Berhasil Terbaru - Hanya dengan mendownload aplikasi yang ditawarkan, lalu dimainkan kita bisa mendapatkan uang dengan mudah hanya dengan bermodal hp android. WHAFF Rewards adalah sebuah aplikasi android yang memang dirancang untuk mempermudah penggunanya mendapatkan uang dengan cuma-cuma. Dollar disini bisa kita cairkan ke rekening sobat jika sudah mencapai minimal 10 dollar.

Penasaran? Silahkan dicoba saja aplikasinya melalui Tutorial mendapatkan uang melalui hp android dibawah ini : ( Harap dibaca sampai selesai)

1. Download dan Instal aplikasi whaff rewards melalui google play store di Android sobat

2. Kemudian buka aplikasi whaff, dibawah ini merupakan tampilan terbaru dari whaff, Silahkan sobat log in dengan akun facebook dengan memilih tombol masuk di pojok kanan atas.

3. Jika muncul seperti ini Pilih OK saja

4. Setelah berhasil log in, Lalu tunggu sampai muncul kotak Enter Invitation Code, silahkan di isi dengan kode Whaff : BC47208 lalu klik OK. Maka anda akan mendapatkan bonus dollar 0,30 setelah memasukkan kode whaff itu. Jangan di klik Cancel! Karena kotak Enter Invite Code ini hanya muncul satu kali, anda akan kehilangan bonus 0,30 dollar kalo di cancel.

5. Untuk mendapatkan banyak dollar melalui aplikasi ini dibutuhkan waktu dan kesabaran sob, aplikasi ini bisa anda mainkan setiap hari, setiap waktu. Download dan mainkan aplikasi yang ditawarkan melalui Premium Picks, Lucky Picks, Whaff Picks, maupun dengan cara invite teman-teman facebook sobat.

6. Untuk whaff terbaru sekarang melalui cek kehadiran kita juga akan mendapatkan imbalan sebesar 0,01 dollar setiap hari loh

7. Untuk mencairkan uang hasil dari whaff, bisa melalui pilihan yang disediakan oleh whaff.

Sekian postingan tentang "Cara Mendapatkan Uang dari Android melalui WHAFF " semoga bermanfaat dan salam sukses selalu sob!! Jika ada hal yang ingin ditanyakan silahkan berkomentar

Template Leta VcardSM

noreply@blogger.com (Blog Santa Mars) — Thu, 9 Jan 2014 22:56:00 +0700

Hallo kawan, udah lama saya tidak posting, kali ini saya mau berbagi template vcard yang saya beri nama Leta VcardSM. Template ini dibuat pada tanggal 09 January 2014 oleh Santa Mars. Dalam template ini anda tidak bisa posting karena hanya untuk tampilan home saja. Anda bisa menampilkan profil , karir dan kontak.

Template Preview :
http://leta-vcardsm.blogspot.com

File Leta_VcardSM.zip

Server 1 [ 11 KB ] via Site Google

Di unggah
Tanggal 09 januari 2014
Pukul 22:54

Download OTA Themes BlackBerry Icons BB10/Z10 OS5-OS7.1

noreply@blogger.com (Blog Santa Mars) — Tue, 10 Dec 2013 14:53:00 +0700

Blackberry merupakan smartphone canggih yang memiliki ribuan aplikasi dan themes blackberry didalamnya. Mulai dari tema blackberry lucu, tema blackberry unik, sampai dengan tema blackberry romantis untuk cewek dan tema blackberry keren gokil yang bisa anda download secara gratis dan ada beberapa yang versi berbayar. Berikut adalah Tema Blackberry 10 untuk OS 5,6,7 gratis.

OTA untuk 81xx OS 4.5

OTA untuk 83xx OS 4.5

OTA untuk 85xx OS 5.0

OTA untuk 89xx & 96xx OS 5.0

OTA untuk 91xx & 9670 OS 6.0

OTA untuk 9800 OS 6.0

OTA untuk 9300 OS 6.0

OTA untuk 9700 & 9780 OS 6.0

OTA untuk 9220,9310 & 9320 OS 7.0

OTA untuk 9220,9310 & 9320 OS 7.1

OTA untuk 9360,9370 & 9790 OS 7.0

OTA untuk 9360,9370 & 9790 OS 7.1

OTA untuk 9810 OS 7.0

OTA untuk 9810 OS 7.1

OTA untuk 9850 & 9860 OS 7.0

OTA untuk 9850 & 9860 OS 7.1

Sreenshot:

Konsep Pembuatan Kotak Instalasi Widget Blog

noreply@blogger.com (Blog Santa Mars) — Sun, 24 Mar 2013 12:42:00 +0700

Selamat datang sobat, saya ingin berbagi bagaimana cara pembuatan "Kotak Instalasi Widget" dengan bantuan CSS dan jQuery. Konsep ini terinspirasi dari penginstalan software di Windows dan setelah itu saya coba untuk membuat di blog.

Ok rekan-rekan, langsung aja nyoba "Konsep Pembuatan Kotak Instalasi Widget Blog" ini di blog kamu.

Untuk memasang di posting blog anda harus menggunakan Tab HTML.

CSS Kotak Instalasi

.instalasi-widget-sm{z-index:9999;position:fixed;top:0px;left:0px;height:100%;background:rgba(240,240,240,0.7);width:100%;}
.kotak-instalasi{position:relative;top:25%;margin:auto;background:#333;color:white;width:500px;height:auto;border-radius:4px;padding:2px;
box-shadow:0pt 1px 1px 1px black;-webkit-box-shadow:0pt 1px 1px 1px black;-moz-box-shadow:0pt 1px 1px 1px black;}
.judul-instalasi{font-size:14px;font-family:Broadway;margin:5px;position:relative;color:white;border-radius:6px;padding:0px 2px 2px 24px;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTZUV-ykMUIhxOYdRhT8X_ttc4-fRlktWgm-MJmd-sVqStm4T1-X8k0QvitrI_IYY76dOgkR3Sb4MiWyrJnWi5flP0jE-knUXXC632NGKHZabGr8If3dpiEfGNrX4wzolxnVYAvTVy2xs/s16/share-sm.png") no-repeat scroll 2px 1px transparent}
.text-instalasi{padding:4px 10px;background:#FFF;color:#222;}
.instalasi-widget-sm pre {background: #2d2d2d;background: -moz-linear-gradient(top, #2d2d2d 0%, #2a2a2a 25%, #272727 50%, #242424 75%, #222222 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d2d2d), color-stop(25%,#2a2a2a), color-stop(50%,#272727), color-stop(75%,#242424), color-stop(100%,#222222));background: -webkit-linear-gradient(top, #2d2d2d 0%,#2a2a2a 25%,#272727 50%,#242424 75%,#222222 100%); background: -o-linear-gradient(top, #2d2d2d 0%,#2a2a2a 25%,#272727 50%,#242424 75%,#222222 100%); background: -ms-linear-gradient(top, #2d2d2d 0%,#2a2a2a 25%,#272727 50%,#242424 75%,#222222 100%); background: linear-gradient(to bottom, #2d2d2d 0%,#2a2a2a 25%,#272727 50%,#242424 75%,#222222 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#222222',GradientType=0 );font:normal 12px/14px Monaco,Monospace;color:#ccc;padding:10px 15px;margin:10px 0px 10px;position:relative;max-height:500px;width:96%;word-wrap: normal;overflow:auto;border:1px solid #444;border-left:3px solid rgb(45, 166, 223);}
.text-instalasi pre{max-height:150px;width:400px}
.text-instalasi img{opacity:1;}
.tombol-instalasi{padding:10px;background:#CDD;text-align:right}
.dalam-tombol{margin:0px 4px;padding:2px 4px;background:#FFF;
box-shadow:0pt 1px 1px 1px #70a3e9;-webkit-box-shadow:0pt 1px 1px 1px #70a3e9;-moz-box-shadow:0pt 1px 1px 1px #70a3e9;
cursor:pointer;color:#333;}
.dalam-tombol-next{margin:0px 4px;padding:2px 4px;background:#0186CB;
box-shadow:0pt 1px 1px 1px #70a3e9;-webkit-box-shadow:0pt 1px 1px 1px #70a3e9;-moz-box-shadow:0pt 1px 1px 1px #70a3e9;
cursor:pointer;color:white;}

HTML dan jQuery Kotak Instalasi

<div class="instalasi-widget-sm" style="display:none;">

  <div id="instalasi-1" class="kotak-instalasi">
        <div class="judul-instalasi">Konsep Kotak Instalasi Widget Blog</div>
              <div class="text-instalasi">
              <center><table cellpadding="5" cellspacing="5"><tbody><tr> 
              <td align="left" valign="top" width="160"><img width="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSe1YPXoRAesyI8rjJ8tYzdnrz92svNiNUrEclYFN6Nj8eY-vVZRUbo6pKW-1lXM3i5optPEHk9EonUnueGN3ZzVThTyBcTw57B8QF8_4iKpdBwkSUS3AadVsDEYoYFTxbutwc_RS6vTY/s1600/no_image.jpg"/></td>
              <td><span><b>Disini</b> merupakan deskripsi atau penjelasan tentang widget yang anda buat.</span></td> 
              </tr></tbody></table></center>
              </div>
        <div class="tombol-instalasi">
              <span class="dalam-tombol-next" onClick="$('#instalasi-2').fadeIn('slow');$('#instalasi-1').fadeOut('slow');">Lanjut</span><span class="dalam-tombol" onClick="$('.instalasi-widget-sm').hide('slow');">batalkan</span>
        </div>
  </div>

  <div id="instalasi-2" class="kotak-instalasi" style="display:none;">
       <div class="judul-instalasi">Perihal Lisensi</div>
            <div class="text-instalasi">
            <center><table cellpadding="5" cellspacing="5"><tbody>
            <tr> <td>Mohon di baca dan menyetujui persyaratan lisensi di bawah ini sebelum memasang.</td></tr>
            <tr> <td>
<textarea style="width:100%;height:150px;padding:4px;">
Disini adalah letak lisensi tentang widget yang anda buat

</textarea>
            </td></tr>
            </tbody></table></center>
     </div>
     <div class="tombol-instalasi">
             <span class="dalam-tombol" onClick="$('#instalasi-1').fadeIn('slow');$('#instalasi-2').fadeOut('slow');">Mundur</span><span class="dalam-tombol-next" onClick="$('#instalasi-3').fadeIn('slow');$('#instalasi-2').fadeOut('slow');">Setuju</span><span class="dalam-tombol" onClick="$('.instalasi-widget-sm').hide('slow');">batalkan</span>
     </div>
  </div>

  <div id="instalasi-3" class="kotak-instalasi" style="display:none;">
       <div class="judul-instalasi">Tutorial Memasang Part 1</div>
             <div class="text-instalasi">
             <center><table cellpadding="5" cellspacing="5"><tbody>
             <tr> <td>
             <ul>
             <li>Pilih Tab Template lalu klik <b>Edit HTML</b></li>
             <li>Letakkan CSS berikut di atas <b>]]&gt;&lt;/b:skin&gt;</b></li>
             </ul>
             </td></tr>
             <tr> <td>
<pre>Kode CSS
Paste kan disini aja</pre>
             </td></tr>
             </tbody></table></center>
        </div>
        <div class="tombol-instalasi">
              <span class="dalam-tombol" onClick="$('#instalasi-2').fadeIn('slow');$('#instalasi-3').fadeOut('slow');">Mundur</span><span class="dalam-tombol-next" onClick="$('#instalasi-4').fadeIn('slow');$('#instalasi-3').fadeOut('slow');">Lanjut</span><span class="dalam-tombol" onClick="$('.instalasi-widget-sm').hide('slow');">batalkan</span>
        </div>
  </div>

  <div id="instalasi-4" class="kotak-instalasi" style="display:none;">
       <div class="judul-instalasi">Tutorial Memasang Part 2</div>
            <div class="text-instalasi">
            <center><table cellpadding="5" cellspacing="5"><tbody>
            <tr> <td>
            <ul>
            <li>Buat Gadget <b>HTML/JavaScript</b> baru</li>
            <li>Masukkan Elemen ini dan klik Simpan</li>
            </ul>
            </td></tr>
            <tr> <td>
<pre>Kode HTML
Anda bisa konvert di
http://santa-mars.blogspot.com/2013/02/generator-konverter-html-blog.html
</pre>
            </td></tr>
            </tbody></table></center>
       </div>
       <div class="tombol-instalasi">
             <span class="dalam-tombol" onClick="$('#instalasi-3').fadeIn('slow');$('#instalasi-4').fadeOut('slow');">Mundur</span><span class="dalam-tombol-next" onClick="$('#instalasi-5').fadeIn('slow');$('#instalasi-4').fadeOut('slow');">Lanjut</span><span class="dalam-tombol" onClick="$('.instalasi-widget-sm').hide('slow');">batalkan</span>
       </div>
  </div>

  <div id="instalasi-5" class="kotak-instalasi" style="display:none;">
        <div class="judul-instalasi">Konsep Instalasi Selesai</div>
               <div class="text-instalasi">
               <center><table cellpadding="5" cellspacing="5"><tbody><tr> 
               <td align="left" valign="top" width="160"><img width="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSe1YPXoRAesyI8rjJ8tYzdnrz92svNiNUrEclYFN6Nj8eY-vVZRUbo6pKW-1lXM3i5optPEHk9EonUnueGN3ZzVThTyBcTw57B8QF8_4iKpdBwkSUS3AadVsDEYoYFTxbutwc_RS6vTY/s1600/no_image.jpg"/></td>
               <td><span>Terimakasih anda telah memasang <b>Widget bla,bla,bla....</b>, semoga dapat bermanfaat.</span><br/><br/>
              <span>by <a href="http://santa-mars.blogspot.com" target="_blank" style="color:#0186CB;">Santa Mars</a></span><br/>
              <span>Copyright © 2013</span>
              </tr></tbody></table></center>
              </div>
        <div class="tombol-instalasi">
              <span class="dalam-tombol-next" onClick="$('#instalasi-5').fadeOut('slow');$('#instalasi-1').fadeIn('slow');$('.instalasi-widget-sm').hide('slow');">Selesai</span>
        </div>
  </div>

</div>

Tombol Untuk Memanggil Kotak Instalasi

<center><button onclick="$('.instalasi-widget-sm').show(400)">Open Instalasi</button></center>

Demo Unduh

Pembuatan Element Blog Dengan Notepad

noreply@blogger.com (Blog Santa Mars) — Sun, 24 Mar 2013 07:54:00 +0700

Notepad kita miliki di Windows ini mempunyai banyak fungsi, bukan hanya untuk menuliskan catatan biasa tapi Notepad ini mempunyai kelebihan yang luar biasa. Notepad yang aku tahu bisa membuat Virus, Java Script, HTML, Text, Auto Run dan banyak lagi. Untuk kali ini aku akan menggunakan jasa Notepad untuk pembelajaran Blogger tanpa membuat Blog baru lagi.

Bagaimana caranya?

Unduh dulu Template Pembelajaran Notepad yang sudah saya rancang untuk kamu.
Setelah mengunduh anda bisa memulai pembelajaran sendiri dengan pengalaman anda.

Berikut adalah Srennshot dari Template Pembelajaran Blog

Note!

Untuk Mengedit Anda bisa membuka file .htm tadi dengan Notepad.
Untuk Menjalankan Element yang sudah jadi, buka dengan browser Anda.
Didalam file .htm tadi terdapat jQuery, jQuery UI, CSS, HTML, dan Java Script.

Template Pembelajaran Blog NotePad

[ 660 Byte ] Via Google Code

Belajar biar pintar sob,
Jangan lupa koment ya sob, hhe

Membuat Animasi Login Di Home Blog

noreply@blogger.com (Blog Santa Mars) — Sat, 23 Mar 2013 23:18:00 +0700

Animasi Login Di Home Blog ini memberikan efek manipulasi terhadap blog agar nampak seperti sedang login dengan Cap Jempol. Inspirasi ini saya dapatkan dari tetangga blogger kita dan saya padukan dengan pengalaman tentang jQuery saya. Yah, lumayan memberikan kesan yang menarik para pengunjung ketika berada di home blog kita.

Ya udah langsung tancap tutorialnya gan.

Animasi Login Home Blog

Letakkan Element dibawah ini tepat di atas </body>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Animasi Login Begin -->
<div id='animasi-loginSM' style='position:fixed;z-index:9001;background:transparent;height:100%;width:100%;left:0;top:0;'>
<script type='text/javascript'>
// ----- Gambar Ukuran 28 x 28 Pixel -----
var  Gambar_Login_Anda ='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeLFtBSuLaOh277gm1Nvhl-w_-wJG7QUsYBsr8wDQHKaIKJ-i5CUko4jgYj_2moiyP8_s0GVPkO6dEeU0cxRHntycQOsdZ83KCxW7xJqxrjmlv2jPirsRKY3YCGEtTa37racpZun_g2BU/s28/Shutdown.png',
       Nama_Login_Anda = 'Santa_Mars';
</script>
<script src='https://sites.google.com/site/blogsantamars/css-santa-mars/animasi-login3.js' type='text/javascript'></script>
</div>
<div id='animasi-munyer1' style='position:fixed;z-index:9000;background:black;height:55%;width:100%;left:0;top:0;'></div>
<div id='animasi-munyer2' style='position:fixed;z-index:9000;background:black;height:55%;width:100%;left:0;bottom:0;'></div>
<div id='animasi-munyer3' style='position:fixed;z-index:9000;background:black;height:100%;width:55%;left:0;top:0;'></div>
<div id='animasi-munyer4' style='position:fixed;z-index:9000;background:black;height:100%;width:55%;right:0;bottom:0;'></div>
<!-- Animasi Login End -->
<b:else/>
</b:if>

Demo

Note!

Gambar Login ukuran 28 x 28 pixel

CSS Position

noreply@blogger.com (Blog Santa Mars) — Sun, 17 Mar 2013 20:32:00 +0700

Pernahkah kalian melihat elemen yang tampak saling bertumpukan, melayang, atau tampak keluar dari garis batas? Itu semua dibuat menggunakan CSS Position. Ada empat posisi elemen dalam CSS: Static, Relative, Absolute dan Fixed. Selain deklarasi posisi, terdapat pula beberapa properti yang biasanya dituliskan bersama dengan deklarasi posisi seperti top, right, bottom, left dan z-index.

top, right, bottom dan left adalah koordinat posisi. Saat kita menambahkan nilai koordinat pada posisi yang sesungguhnya, maka elemen akan bergeser sesuai dengan besar nilai koordinat.
top, right, bottom dan left berbeda dengan margin-top, margin-right, margin-bottom dan margin-left. Nilai margin difokuskan kepada jarak elemen terhadap elemen lainnya, sedangkan nilai koordinat lebih difokuskan kepada offset posisi elemen dari tempat asalnya.
z-index adalah urutan tumpukan. Saat kita mendeklarasikan position:absolute, maka kemungkinan yang terjadi adalah elemen akan bertumpuk di sebelah atas elemen atau di bawah elemen. Jika yang terjadi adalah yang ke dua, maka untuk mengangkatnya, kita harus mendeklarasikan z-index dengan nilai yang lebih besar dari 1.

Static
Ini adalah posisi sebenarnya. Mendeklarasikan position:static sama saja dengan tidak mendeklarasikan CSS Posisi.

Relative
Mendeklarasikan position:relative pada elemen secara kasat mata tidak akan mengubah apapun, namun kita bisa menerapkan koordinat posisi dan urutan tumpukan pada tipe posisi ini.

Absolute
Mendeklarasikan position:absolute pada elemen akan benar-benar memutuskan aliran elemen dari tempat asalnya dan membuat elemen bertumpuk dengan elemen lainnya.

Fixed
Mendeklarasikan position:fixed pada elemen akan benar-benar memutuskan aliran elemen dari tempat asalnya dan membuat elemen bertumpuk dengan elemen lain. Kelebihan penerapan posisi ini adalah akan membuat elemen tampak melayang dan tidak terpengaruh gerakan scroll bar.

Contoh Deklarasi Relative	Contoh Deklarasi Absolute	Contoh Deklarasi Fixed
`#area1 { position:relative; top:10px; left:20px; z-index:10; }`	`#area1 { position:absolute; top:10px; left:20px; z-index:10; }`	`#area1 { position:fixed; top:10px; left:20px; z-index:10; }`

Langsung Lihat Demo

JQuery .slideDown(), .slideUp() dan .slideToggle()

noreply@blogger.com (Blog Santa Mars) — Sun, 17 Mar 2013 19:48:00 +0700

.slideDown() digunakan untuk mengubah objek yang tersembunyi menjadi muncul dengan menciptakan efek sliding membuka.
.slideUp() digunakan untuk menyembunyikan objek dengan menciptakan efek sliding menutup.
.slideToggle() merupakan gabungan antara efek .slideDown() dan .slideUp(). Jadi, saat elemen sedang muncul, maka .slideToggle() bertugas untuk menyembunyikannya, sedangkan saat elemen sedang menghilang, maka .slideToggle() bertugas untuk menampilkannya.

Penulisan Secara Umum

$(sasaran).slideDown(durasi);
$(sasaran).slideUp(durasi);
$(sasaran).slideToggle(durasi);

Sasaran: adalah objek yang akan dikenai perintah
Durasi: adalah kecepatan aksi. Nilainya bisa berupa milidetik (misal: 1500, 2000) atau 'slow', 'normal' dan 'fast'

Kerangka

<button class="hilang">Tutup!</button>
<button class="muncul">Buka!</button>
<button class="bukatutup">Buka & Tutup</button>
<div id="target"></div>

CSS

body {padding:30px;}

#target {
  background:rgb(37, 42, 61);
  width:200px;
  height:200px;
  padding:5px;
}

Deklarasi JQuery

$('.hilang').click(function() {
    $('#target').slideUp('slow');
});
$('.muncul').click(function() {
    $('#target').slideDown('fast');
});
$('.bukatutup').click(function() {
    $('#target').slideToggle(1000);
});

Langsung Belajar Sendiri

JQuery .fadeIn(), .fadeOut(), .fadeTo() dan .fadeToggle()

noreply@blogger.com (Blog Santa Mars) — Sun, 17 Mar 2013 19:17:00 +0700

.fadeIn() digunakan untuk memunculkan objek yang tersembunyi dengan menciptakan efek kenaikan tigkat transparasi.
.fadeOut() digunakan untuk mnyembunyikan objek yang tampil dengan menciptakan efek penurunan tigkat transparasi hingga pada akhirnya menghilang total (display:none).
.fadeToggle() adalah gabungan antara efek .fadeIn() dan .fadeOut(). Jadi, saat elemen sedang menghilang, maka .fadeToggle() bertugas untuk menampilkannya, sedangkan saat elemen sedang tampil, maka .fadeToggle() bertugas untuk menyembunyikannya.
.fadeTo() memungkinkan kita untuk menciptakan penurunan tingkat transparasi sampai pada titik tertentu tanpa harus menghilangkan elemen layaknya menggunakan efek .fadeOut()

Penulisan Secara Umum

$(sasaran).fadeIn(durasi);
$(sasaran).fadeOut(durasi);
$(sasaran).fadeToggle(durasi);
$(sasaran).fadeTo(durasi, opacity);

Sasaran: adalah objek yang akan dikenai perintah
Durasi: adalah kecepatan aksi. Nilainya bisa berupa milidetik (misal: 1500, 2000) atau 'slow', 'normal' dan 'fast'
Opacity: variabel untuk menentukan tingkat transparasi akhir. Nilai opacity/transparasi dimulai dari 0 sampai 1 (misal: 1, 0.4, 0.7).

Kerangka

<button class="hilang">Hilang!</button>
<button class="muncul">Muncul!</button>
<button class="fd-to">FadeTo 0.5</button>
<button class="fd-to1">Reset</button>
<div id="target"></div>

CSS

body {padding:30px;}

#target {
  background:rgb(37, 42, 61);
  margin-bottom:15px;
  height:200px;
  padding:5px;
}

Deklarasi JQuery

$('.hilang').click(function() {
    $('#target').fadeOut('normal');
});

$('.muncul').click(function() {
    $('#target').fadeIn('normal');
});

$('.fd-to').click(function() {
    $('#target').fadeTo('fast', 0.5);
});

$('.fd-to1').click(function() {
    $('#target').fadeTo(1000, 1);
});

Langsung Belajar Sendiri

JQuery .show(), .hide() dan .toggle()

noreply@blogger.com (Blog Santa Mars) — Sun, 17 Mar 2013 18:54:00 +0700

Penulisan Secara Umum

$(sasaran).show(durasi);
$(sasaran).hide(durasi);
$(sasaran).toggle(durasi);

Sasaran: adalah objek yang akan dikenai perintah
Durasi: adalah kecepatan aksi. Nilainya bisa berupa milidetik (misal: 1500, 2000) atau 'slow', 'normal' dan 'fast'.

Kerangka

<button class="hilang">Hilang!</button>
<button class="muncul">Muncul!</button>
<button class="bukatutup">Muncul &amp; Hilang!</button>
<div id="target"></div>

CSS

body {padding:30px;}

#target {
  background:rgb(37, 42, 61);
  height:160px;
  padding:5px;
}

Deklarasi JQuery

$('.hilang').click(function() {
    $('#target').hide(500);
});
$('.muncul').click(function() {
    $('#target').show(500);
});
$('.bukatutup').click(function() {
    $('#target').toggle('slow');
});

Langsung Belajar Sendiri

Template Faceblog 2

noreply@blogger.com (Blog Santa Mars) — Sat, 16 Mar 2013 18:13:00 +0700

Faceblog adalah sebuah Template blogger yang hampir mirip dengan Facebook. Terakhir direlease oleh Santa Mars tanggal 16 Maret 2013. Template ini termasuk dalam kategori template blog paling keren.

Faceblog

Faceblog adalah template mirip Facebook pertama direlease.
16 Oktober 2012

Preview

Faceblog 2

Faceblog 2 mempunyai fitur yang sangat keren seperti layaknya Facebook.
16 Maret 2013

Preview

Terima kasih bos, sukses ya,..

Faceblog
Server 1 [ 24 KB ] Via Site Google

Faceblog 2
Server 1 [ 33 KB ] Via Site Google

Telah di unggah
Tanggal 2 Januari 2014
Pukul 03.44

Template Blogger Revolution

noreply@blogger.com (Blog Santa Mars) — Tue, 12 Mar 2013 22:45:00 +0700

Blogger Revolution adalah Template Blogger 1 colomn dengan kecepatan loading yang sangat bagus. Direlease pada tanggal 12 Maret 2013. Template ini inspirasi dari Om Dayz, mempunyai fitur Animasi Loading Link Host dan Iframe Preloader yang menarik.

Template Preview :

http://blogger-revolution.blogspot.com/

File BRSM.zip

Server 1 [ 38 KB ] via Site Google

Telah di unggah
Tanggal 2 januari 2014
Pukul 04.06

Notice! :

Download BRSM.zip
Buka Template Blogger Revolution.txt dengan notepad , lalu Copy Semua.
Masuk ke Edit html --- klik Expand template widget
Pastekan Blogger Revolution.txt nya --- Simpan Template
Lalu masuk ke Edit tata letak --- masukkan Gadget Other Menu --- Simpan
Lihat Blog --- Enjoy

Mengatasi Loading Blog dengan Google Code

noreply@blogger.com (Blog Santa Mars) — Tue, 12 Mar 2013 07:44:00 +0700

Kali ini saya akan memberikan sebuah solusi atau pemecahan bagi Anda yang memiliki masalah dengan loading blog yang cukup berat. Loading atau proses membuka pada sebuah program menjadi salah satu faktor penting bagi bekerjanya sebuah sistem. Begitu juga dengan loading sebuah blog, jika terlalu berat maka akan membuat kinerja blog yang kita kelola menjadi sulit untuk berkembang karena pengunjung pasti akan berkurang. Seorang pengunjung tidak mau lama-lama menunggu untuk melihat isi atau artikel yang ingin dibacanya. Mereka lebih memilih mengunjungi sebuah blog yang cepat proses membukanya, disamping lebih efisien waktu, mungkin juga biaya yang dikeluarkan lebih kecil jika mereka mesti bayar koneksi internet.

Blog yang saya bahas disini adalah blogspot, kecepatan loading blog platfrom blogger ini hanya tergantung pada seberapa banyak kode script yang kita masukkan ke dalam template tapi dengan asumsi kecepatan koneksi internet yang digunakan sama. Beda dengan Wordpress atau platform blog lain yang menggunakan hosting sendiri, kecepatan blog tergantung juga dengan jenis dan kapasitas hosting yang dipakainya. Umumnya blog yang loadingnya berat biasanya memakai template jenis magazine seperti yang sering saya buat, karena banyak sekali fitur yang dipasang pada homepage. Sebenarnya dari Google sendiri juga menyarankan agar loading blog lebih cepat, paling tidak hanya 9 post yang ada di homepage. Tapi karena semakin berkembangnya blogger, platform blog ini sekarang bisa lebih dikembangkan sehingga menyerupai bentuk blog-blog profesional seperti platform lainnya dengan konsekuensi loading blog yang semakin lambat.

Bagi Anda pengguna blogger, saya akan memberikan solusi logis untuk meningkatkan performa kecepatan loading blog, khususnya bagi anda pemakai template style magazine. Jika anda memakai sebuah template dengan menggunakan banyak fitur, seperti slider, label per categori atau lainnya. Pasti pernah menemukan sebuah script yang panjang (biasanya diletakkan diatas kode </head>) atau script yang sudah disimpan di tempat penyimpanan Google Code oleh si pembuat template.

Javascript yang belum disimpan di Google Code

Saya akan berikan contoh sebuah script dan cara menyimpannya di Google code anda sendiri. Perhatikan contoh script di bawah ini saya ambil yang sederhana :

<script language='javascript'>

function Barva(koda)

{

document.getElementById("vzorec").bgColor=koda;

document.hcc.barva.value=koda.toUpperCase();

document.hcc.barva.select();

}

function BarvaDruga(koda)

{

document.getElementById("vzorec2").bgColor=koda;

document.hcc.Barva2.value=koda.toUpperCase();

document.hcc.Barva2.select();

}

</script>

Perhatikan kode warna biru diatas, buka notepad kemudian copy kode warna biru ke notepad. (hanya warna biru). Setelah itu klik save as, pada File name beri nama file itu dengan diakhiri .js (misalnya : contoh.js). Dan pada Save as type pilih All files, Encoding biarkan pada ANSI, seperti pada gambar di bawah :

Setelah proses penyimpanan file di komputer sekarang kita simpan di Google Code agar bisa dipasang pada template. Buka Google Code Anda, kalau belum pernah menggunakan Google Code sebelumnya, Anda harus membuatnya terlebih dahulu berikut caranya :

Setelah itu klik Create a new project seperti gambar diatas, setelah muncul jendela baru isi kotak kosong seperti contoh gambar di bawah.

Yang perlu anda perhatikan adalah dalam mengisi Version control system dan source code lisence, Anda harus isi seperti contoh gambar diatas. Untuk kolom lain bisa diisi terserah anda. Setelah itu klik Create project.

Anda sekarang sudah mempunyai akun di Google Code, langkah selanjutnya adalah menyimpan kode javascript yang sudah dibuat diatas di Google Code. Menuju ke tab 'Download' dan klik New download. Kemudian klik Browse dan pilih file javascript yang ingin diupload. Isi informasi yang berhubungan dengan file javascript tersebut kemudian klik Submit file.

File javascript anda sudah diupload ke Google code. Sekarang tinggal memanggilnya dan meletakkanya di template Anda. Klik file yang tadi sudah diupload, setelah itu akan terbuka jendela baru. Untuk mendapatkan direct link dari file yang anda upload. Klik kanan pada nama file tersebut kemudian pilih copy link location (firefox) atau salin alamat tautan (Chrome) seperti gambar dibawah.

Kemudian ganti script ditas menjadi lebih pendek seperti ini

<script src='http://contoh-ajalah.googlecode.com/files/contoh.js' type='text/javascript'></script>

Warna biru itu adalah url script yang kamu upload di Google Code tadi

Kok bisa ya dengan menyimpan javascript di tempat penyimpanan Google Code sendiri bisa meringankan loading blog? Penjelasannya seperti ini, jika Anda memakai sebuah template dengan menggunakan banyak script yang disimpan di Google Code oleh si pembuat template, pastinya tidak hanya Anda yang memakai template tersebut, pasti ada pengguna lain yang memakai template yang sama. Jika kedua blog dengan menggunakan template yang sama loading pada saat bersamaan pasti akan terasa semakin berat, kalau cuma dua atau tiga sih nggak terlalu terasa kalau yang memakai template itu banyak apa tidak semakin berat loadingnya? Disamping itu juga untuk berjaga-jaga jika sewaktu-waktu script si pembuat template rusak atau overload.

Itu tadi satu tips untuk mempercepat loading blog Anda dengan menyimpan file Javascript di Google Code Anda sendiri, silahkan dipahami dan semoga bermanfaat.

Pengumuman Penting Bagi Pengguna Template

noreply@blogger.com (Blog Santa Mars) — Tue, 12 Mar 2013 07:09:00 +0700

Saya meminta maaf karena untuk kedua kalinya google code saya kena banned lagi, dan ini sangat membuat tidak nyaman bagi pengguna template.

Untuk itu, pada kesempatan kali ini saya menyempatkan diri untuk memberikan solusi bagi para pengguna template dan script Blog Santa Mars, agar blognya bisa berfungsi normal kembali. Berikut ini adalah langkah-langkah yang harus Anda lakukan untuk membuat blog Anda normal kembali. :

Selanjutnya cari semua URL script yang berawalan :

https://not-remove-admin.googlecode.com

Setelah ketemu ganti dengan URL script ini :

https://not-remove-admin-3.googlecode.com

Saya berikan contoh, misalnya URL script di bawah ini :

https://not-remove-admin.googlecode.com/files/jquery.jam.js

Anda tinggal menambahkan -3 dibelakang URL script berikut :

https://not-remove-admin-3.googlecode.com/files/jquery.jam.js

Ingat...!! Temukan semua URL script dengan awalan https://not-remove-admin.googlecode.com pada template Anda seperti contoh diatas dan ganti dengan https://not-remove-admin-3.googlecode.com

Demikian tadi penjelasan singkat saya tentang cara untuk membuat blog anda kembali normal. Sekali lagi saya mohon maaf atas ketidaknyamanan ini, saya pribadi tidak menginginkan hal ini terjadi lagi, dan sewaktu-waktu akun Google Code saya yang baru bisa kena banned lagi. Oleh karena itu, untuk lebih aman Anda silahkan membuat akun di Google Code sendiri dan simpan semua script yang ada pada template Anda pada situs Google Code yang sudah Anda buat, bagi yang belum mengetahui caranya, silahkan baca dipostingan ini. Sekian semoga bermanfaat.

Widget Display Skin SM

noreply@blogger.com (Blog Santa Mars) — Tue, 26 Feb 2013 02:12:00 +0700

Display Skin SM adalah widget blogger yang membantu anda dalam menyempurnakan sebuah blog dengan merubah tampilan secara langsung yang ada didalamnya. Widget ini memanfaatkan Cookie browser untuk menyimpan data rubahan dari tampilan blog itu.

Anda bisa mengatur ukuran huruf, tipe huruf, warna huruf, warna bakground, bahkan Anda juga bisa memilih URL background dari tempat lain.

Suport oleh JQuery dan JavaScript

Demo Instalasi

Note!

Anda bisa mengganti URL BACKGROUND sendiri
Juga cukup mengganti s1600 menjadi s30
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe3dbQICwXPzqOKViKPySGBpwzBwGicnmf1jPmFiIAkL2fLlN4lHvkM8yOFl05KLfiIMM4gneuGMuMk3eRaUuqKcnZ8_viulXoN-UQGOaD_treZIA2xafK_4NmhjvQPp6YGG1R3SfC6O3V/30/Burning_Umbrella+%28+gothicwallz.blogspot.com%29.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe3dbQICwXPzqOKViKPySGBpwzBwGicnmf1jPmFiIAkL2fLlN4lHvkM8yOFl05KLfiIMM4gneuGMuMk3eRaUuqKcnZ8_viulXoN-UQGOaD_treZIA2xafK_4NmhjvQPp6YGG1R3SfC6O3V/1600/Burning_Umbrella+%28+gothicwallz.blogspot.com%29.jpg

<span style="background:url(URL BACKGROUND);" onclick="bgImgSwitch('black url(URL BACKGROUND)repeat-x fixed top center')"></span>

Pemasangan Display Skin SM

Lanjutbatalkan

Perihal Lisensi

Mohon di baca dan menyetujui persyaratan lisensi di bawah ini sebelum memasang.

MundurSetujubatalkan

Tutorial Memasang Part 1

Pilih Tab Template lalu klik Edit HTML
Letakkan CSS berikut di atas ]]></b:skin>

.displayskin-sm{position:fixed;z-index:293;bottom:120px;left:-300px;}
.dalem-skin{background:#333;color:#aaaa99;width:300px;padding:6px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:0pt 1px 2px black;-webkit-box-shadow:0pt 1px 2px black;-moz-box-shadow:0pt 1px 2px black;display:inline-block;}
.dalem-skin a{cursor:pointer;color:#0186CB;}
.dalem-skin a:hover{color:#0186CB;text-decoration:underline;}
.dalem-skin th,.dalem-skin td {color:#aaaa99;vertical-align:middle;border:none !important;padding:2px 10px;}
.dalem-skin select,#daftarskin-sm input, .skin-sm input[type="text"] {padding:4px !important;height:auto !important;border:1px solid #bbb;background-color:#333;padding:2px;font:bold 11px Tahoma,Verdana,Arial,Sans-Serif;color:#999;display:inline-block;margin:0 0 0;height:24px;}
.dalem-skin select option {color:white;padding:5px 10px;cursor:pointer;}
.dalem-skin button {font:normal 11px Tahoma,Arial,Sans-Serif;padding:3px 5px;cursor:pointer;}
.bgColorer {overflow:hidden;text-align:center;}
.bgColorer span {display:inline-block;width:20px;height:20px;border:1px solid black;margin:0 5px 0 0;cursor:pointer;}
.dalem-skin select,#daftarskin-sm input[type="text"] {width:118px !important;}
#daftarskin-sm{position:relative;z-index:294;display:none;max-height:200px;padding:6px;margin-bottom:-20px;overflow:scroll;box-shadow:0pt 1px 2px black;-webkit-box-shadow:0pt 1px 2px black;-moz-box-shadow:0pt 1px 2px black}
.skin-sm{position:relative;z-index:295;background:#333;box-shadow:0pt 1px 1px 1px black;-webkit-box-shadow:0pt 1px 1px 1px black;-moz-box-shadow:0pt 1px 1px 1px black;padding:6px;}
#hideshow-skin1,#hideshow-skin2{cursor:pointer;display:inline-block;}

MundurLanjutbatalkan

Tutorial Memasang Part 2

Buat Gadget HTML/JavaScript baru
Masukkan Elemen ini dan klik Simpan

<div class="displayskin-sm">
<div id="hideshow-skin1" style="display:none"></div>
<div class="dalem-skin">
<div id="daftarskin-sm">
<table border="0" id="styleSwitcher">
<tr><td colspan="2"><center><div id="bgcolor-sm" class="bgColorer"></div></center></td></tr>
<tr><th>Tipe huruf</th><td id="font-skin-sm"></td></tr>
<tr><th>Warna huruf</th><td><input type="text" id="fontColorer" value="rgb( 0 , 0 , 0 )" onkeyup="fontColor(this.value);"/></td></tr>
<tr><th>Background url</th><td><input type="text" id="urlGambarer" value="URL dan Enter" onkeyup="urlGambar(this.value);"/></td></tr>
<tr><th>Reset?</th><td><button onclick="resetStyle();">Kembalikan Tampilan</button></td></tr>
</table>
</div>
<div class="skin-sm">
<center><div class="bgColorer">
<span style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-qaAYjeg7SfqZ2yWbKCnlFrgCafuh0hGzOZ5EqkQ2bTA5r2JrthQ9GfX2xnDTPOtjRcusUnW76ZxXE4YfmQ6CJtq5iKhIRJDzoczrX14DtBOMvp4I0nY6MDB4eDNXpotPpx4PGLY_lk0/s30/Halloween_Wallpapers_47+%28darkwallz.blogspot.com%29.jpg);" onclick="bgImgSwitch('black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-qaAYjeg7SfqZ2yWbKCnlFrgCafuh0hGzOZ5EqkQ2bTA5r2JrthQ9GfX2xnDTPOtjRcusUnW76ZxXE4YfmQ6CJtq5iKhIRJDzoczrX14DtBOMvp4I0nY6MDB4eDNXpotPpx4PGLY_lk0/s1600/Halloween_Wallpapers_47+%28darkwallz.blogspot.com%29.jpg)repeat-x fixed top center')"></span>
<span style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEictxz1JXX4nBLspAuwQlTSiHiqrOoDEJuH_cYMU0C6g7fP_Q1wk9h2t1g_AOazwkdFQrbS7pOE6AMqNNP0kzqcJJSzd3H3q34HoXRrUXvz50ELkC7-5vWyQ5xXR5wHDJgQaMowbOXcoY0/s30/Halloween_Wallpapers_120+%28darkwallz.blogspot.com%29.jpg);" onclick="bgImgSwitch('black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEictxz1JXX4nBLspAuwQlTSiHiqrOoDEJuH_cYMU0C6g7fP_Q1wk9h2t1g_AOazwkdFQrbS7pOE6AMqNNP0kzqcJJSzd3H3q34HoXRrUXvz50ELkC7-5vWyQ5xXR5wHDJgQaMowbOXcoY0/s1600/Halloween_Wallpapers_120+%28darkwallz.blogspot.com%29.jpg)repeat-x fixed top center')"></span>
<span style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilcDtcw00N_o1AqqmiI97rd5EP2nZm4I6m1Js5rZrfhrMw31gbOU4yPohB9BSKGT-rEghyXNjY_CrULIt58IxsCjA_NxFicoTXuTpOFuDaLNI7mAUE9CFywQ-Ajx1loXxXMvSfUDBE7Zc/s30/Halloween_Wallpapers_117+%28darkwallz.blogspot.com%29.jpg);" onclick="bgImgSwitch('black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilcDtcw00N_o1AqqmiI97rd5EP2nZm4I6m1Js5rZrfhrMw31gbOU4yPohB9BSKGT-rEghyXNjY_CrULIt58IxsCjA_NxFicoTXuTpOFuDaLNI7mAUE9CFywQ-Ajx1loXxXMvSfUDBE7Zc/s1600/Halloween_Wallpapers_117+%28darkwallz.blogspot.com%29.jpg)repeat-x fixed top center')"></span>
<span style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Qtm2Aue6wTAB2ysxvstCKmFYBv_W1RlQbn9INFfdqnnNnTjYHZWXgvyrhIlIPvpKIziHI4oPRA-9tSUvzF1LFa1-3kQwvkj6qXqUqaNOa55E0nv8Ugr0TyByQ-uBEuXllcE9WhyAE8M/s30/Halloween_Wallpapers_55+%28darkwallz.blogspot.com%29.jpg);" onclick="bgImgSwitch('black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Qtm2Aue6wTAB2ysxvstCKmFYBv_W1RlQbn9INFfdqnnNnTjYHZWXgvyrhIlIPvpKIziHI4oPRA-9tSUvzF1LFa1-3kQwvkj6qXqUqaNOa55E0nv8Ugr0TyByQ-uBEuXllcE9WhyAE8M/s1600/Halloween_Wallpapers_55+%28darkwallz.blogspot.com%29.jpg)repeat-x fixed top center')"></span>
<span style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe3dbQICwXPzqOKViKPySGBpwzBwGicnmf1jPmFiIAkL2fLlN4lHvkM8yOFl05KLfiIMM4gneuGMuMk3eRaUuqKcnZ8_viulXoN-UQGOaD_treZIA2xafK_4NmhjvQPp6YGG1R3SfC6O3V/s30/Burning_Umbrella+%28+gothicwallz.blogspot.com%29.jpg);" onclick="bgImgSwitch('black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe3dbQICwXPzqOKViKPySGBpwzBwGicnmf1jPmFiIAkL2fLlN4lHvkM8yOFl05KLfiIMM4gneuGMuMk3eRaUuqKcnZ8_viulXoN-UQGOaD_treZIA2xafK_4NmhjvQPp6YGG1R3SfC6O3V/s1600/Burning_Umbrella+%28+gothicwallz.blogspot.com%29.jpg)repeat-x fixed top center')"></span>
<span style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjijejEgPs5CCCBC7yWOZpFWRaRaZB6cdNuoBRqZkcdMNL2BO5KiDW5IXQEI_1hbtsmeYlsXjU-jUPC_RZQweBQ3wM7nX-Rq-jw6juS_8yoMlyWp8r5h911_KNO2O1CCtewr2w_a1_fWkU/s30/Dark_Angel_Wallpapers_14+%28darkwallz.blogspot.com%29.jpg);" onclick="bgImgSwitch('black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjijejEgPs5CCCBC7yWOZpFWRaRaZB6cdNuoBRqZkcdMNL2BO5KiDW5IXQEI_1hbtsmeYlsXjU-jUPC_RZQweBQ3wM7nX-Rq-jw6juS_8yoMlyWp8r5h911_KNO2O1CCtewr2w_a1_fWkU/s1600/Dark_Angel_Wallpapers_14+%28darkwallz.blogspot.com%29.jpg)repeat-x fixed top center')"></span>
</div></center>
<div style="display:inline-block;"><span>Ukuran huruf</span> : <input type="text" id="fontSizer" value="11" maxlength="3" onkeyup="changeFontSize(this.value);" style="width:50px;text-align:center"/></div>
<div id="buka-daftarskin" style="display:inline-block;float:right"></div>
</div>
</div>
<div id="hideshow-skin2"></div>
</div>

<script src='https://sites.google.com/site/blogsantamars/css-santa-mars/cookie.js'></script>
<script src="https://sites.google.com/site/blogsantamars/css-santa-mars/displayskins-sm2.js"></script>

MundurLanjutbatalkan

Instalasi Display Skin SM Selesai

Terimakasih anda telah memasang Widget Display Skin SM, semoga dapat bermanfaat.

by Santa Mars
Copyright © 2013

Selesai

Memperkecil Ukuran Lagu Dengan Winamp Pro

noreply@blogger.com (Blog Santa Mars) — Sun, 24 Feb 2013 18:15:00 +0700

Bagi anda yang bingung karena file lagu terlalu besar ukuranya, anda bisa mengkonvert lagu dengan winamp pro. Tenang saja, file anda yang selesai di konvert suaranya tidak akan berubah jauh dari file aslinya.

Sebelum itu anda download Winamp Full, Terus anda masukan keygen supaya bisa menjadi pro.
Untuk file donwload saya ambil dari tetangga sebelah.

Sesudah download semua, nanti setelah instalasi anda pilih Tema Winamp Modern.

Untuk memasukkan keygen, anda klik tab Bantuan atau Help , dan Klik Pendaftaran winamp pro.

OK, kalau sudah, berikut tutorial konvertnya.

Buka Winamp
Klik kanan pada lagu yang mau anda konvert

Setelah itu setting winamp kovert seperti dibawah ini.

Klik OK dan tunggun sebentar sampai selesai.

Itulah yang saya ketahui tentang "Memperkecil Ukuran Lagu Dengan Winamp Pro" , semoga mendapat wawasan dan bermanfaat.

Widget Music Player SM

noreply@blogger.com (Blog Santa Mars) — Sun, 24 Feb 2013 11:30:00 +0700

Music Player SM merupakan widget blogger yang memungkinkan anda mendengarkan musik dengan bufering dari masing- masing url lagu. Anda juga bisa mensetop, memutar dan menganti daftar lagu yang ingin anda putar.

Untuk Upload Lagu anda bisa pergi ke Google Code
Untuk Konvert Lagu agar ukuran file menjadi kecil Disini

Suport oleh Adobe Flash Player

Demo Instalasi

Note!

Untuk mengganti anda cukup merubah URL LAGU dan JUDUL LAGU

<li><a onclick="musicSMdonk('URL LAGU','JUDUL LAGU');">1. JUDUL LAGU</a></li>

Pemasangan Music Player SM

Music Player SM merupakan widget blogger yang memungkinkan anda mendengarkan musik dengan bufering dari masing- masing url lagu.

Lanjutbatalkan

Perihal Lisensi

Mohon di baca dan menyetujui persyaratan lisensi di bawah ini sebelum memasang.

MundurSetujubatalkan

Tutorial Memasang Part 1

Pilih Tab Template lalu klik Edit HTML
Letakkan CSS berikut di atas ]]></b:skin>

.musikplayer-sm{position:fixed;z-index:296;bottom:38px;left:10px;}
.dalem-musikplayer{background:#333;color:white;width:300px;padding:6px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:0pt 1px 2px black;-webkit-box-shadow:0pt 1px 2px black;-moz-box-shadow:0pt 1px 2px black;display:inline-block;}
.dalem-musikplayer a{cursor:pointer;color:#0186CB;}
.dalem-musikplayer a:hover{color:#0186CB;text-decoration:underline;}
#daftarputar-sm{position:relative;z-index:297;display:none;max-height:200px;padding:6px;margin-bottom:-20px;overflow:scroll;box-shadow:0pt 1px 2px black;-webkit-box-shadow:0pt 1px 2px black;-moz-box-shadow:0pt 1px 2px black}
#daftarputar-sm ul{list-style:none;margin:0px 0px 20px 0px;padding:0;}
#daftarputar-sm ul li{height:18px;overflow:hidden;background:#555;margin:2px;padding:2px 10px;-webkit-transition:all .26s ease-out;-moz-transition:all .26s ease-out;-o-transition:all .26s ease-out;transition:all .26s ease-out}
#daftarputar-sm ul li:hover{padding:2px 10px 2px 20px;background:#444;border-left:3px solid #0186CB}
#daftarputar-sm ul li a{color:#aaaa99;text-transform:capitalize}
#daftarputar-sm ul li a:hover{color:#aaaa99;text-decoration:none;}
.musik-sm{position:relative;z-index:298;background:#333;box-shadow:0pt 1px 1px 1px black;-webkit-box-shadow:0pt 1px 1px 1px black;-moz-box-shadow:0pt 1px 1px 1px black;padding:6px;}
#hideshow-music1,#hideshow-music2{cursor:pointer;display:inline-block;}

MundurLanjutbatalkan

Tutorial Memasang Part 2

Buat Gadget HTML/JavaScript baru
Masukkan Elemen ini dan klik Simpan

<div class="musikplayer-sm">
<div id="hideshow-music1"></div>
<div class="dalem-musikplayer">
<div id="daftarputar-sm"><ul>
<li><a onclick="musicSMdonk('http://not-remove-admin-2.googlecode.com/files/Ladies%20Is%20Pimps%20to%20%282012%29.mp3','Bruno Mars - Ladies Is Pimps to');" >1. Bruno Mars - Ladies Is Pimps to</a></li>
<li><a onclick="musicSMdonk('http://not-remove-admin-2.googlecode.com/files/-1%20-%2003%20Holiday.mp3','Green Day - Holiday');" >2. Green Day - Holiday</a></li>
<li><a onclick="musicSMdonk('https://not-remove-admin-2.googlecode.com/files/Jika%20Kami%20Bersama.mp3','Superman Is Dead - Jika Kita Bersama');">3. Superman Is Dead - Jika Kita Bersama</a></li>
<li><a onclick="musicSMdonk('http://not-remove-admin-2.googlecode.com/files/-1%20-%20Payphone.mp3','Maroon 5 - Payphone');" >4. Maroon 5 - Payphone</a></li>
<li><a onclick="musicSMdonk('http://not-remove-admin-2.googlecode.com/files/04%20-%20Afterlife.mp3','Avenged Sevenfold - Afterlife');" >5. Avenged Sevenfold - Afterlife</a></li>
<li><a onclick="musicSMdonk('http://not-remove-admin-2.googlecode.com/files/-1%20-%20Just%20The%20Way%20You%20Are.mp3','Bruno Mars - Just The Way You Are');">6. Bruno Mars - Just The Way You Are</a></li>
<li><a onclick="musicSMdonk('http://not-remove-admin-2.googlecode.com/files/04%20-%20Poppies%20Dog%20Anthem.mp3','Superman Is Dead - Poppies Dog Anthem');" >7. Superman Is Dead - Poppies Dog Anthem</a></li>
<li><a onclick="musicSMdonk('http://not-remove-admin-2.googlecode.com/files/03%20-%20Leave%20Out%20All%20The%20Rest.mp3','Linkin Park - Leave Out All The Rest');" >8. Linkin Park - Leave Out All The Rest</a></li>
<li><a onclick="musicSMdonk('http://not-remove-admin-2.googlecode.com/files/09%20-%20Collapse.mp3','Saosin - Collapse');">9. Saosin - Collapse</a></li>
</ul></div>
<div class="musik-sm"></div>
</div>
<div id="hideshow-music2" style="display:none"></div>
</div>

<script src="https://sites.google.com/site/blogsantamars/css-santa-mars/musicplayersm.js"></script>
<script>musicSMdonk('http://not-remove-admin-2.googlecode.com/files/04%20-%20Afterlife.mp3','Avenged Sevenfold - Afterlife');</script>

MundurLanjutbatalkan

Instalasi Music Player SM Selesai

Selesai

Memasang Komentar Facebook Di Blog

noreply@blogger.com (Blog Santa Mars) — Sat, 23 Feb 2013 16:20:00 +0700

Kebanyakan orang-orang lebih suka berkomentar dengan akun facebook di blog, oleh karena itu saya akan kasih tutorial membuat komentar di blog.

Demo

Untuk pemasangan Komentar Facebook Di Blog, berikut tutorialnya:

Pertama masuk ke Tab Template dan Klik Edit HTML
Setelah itu kamu centang Expand Widget
Cari dengan F3 dengan kata kunci <div class='post-footer'>
Jika ada 2 , pilih post-footer yang pertama.
Setelah itu paste Element ini diatasnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div style='text-align:center;width:100%;height:auto;'><fb:comments data-colorscheme='dark' expr:href='data:post.url' num_posts='7' width='620'/></div>
</b:if>

Setelah itu simpan, dan coba tes koment di posting sobat.

Gampang juga ya pasang Komentar Facebook Di Blog. Kalau Blog sobat di blokir sama Facebook dengan terpaksa tidak bisa memasang komentar ini seperti blog saya :D

Generator Konverter HTML Blog

noreply@blogger.com (Blog Santa Mars) — Sun, 10 Feb 2013 21:12:00 +0700

Generator Konverter HTML Blog sangat membantu para blogger karena berfungsi untuk membuat posting HTML di Compose Blog.

Kita semua tahu kalau posting HTML di Compose Blog perlu di konvert terlebih dahulu. Jika kita lupa mengkonvert HTML yang ada HTMLnya menghilang. Setelah di konvert barulah kita bisa melihat sederet HTML yang telah kita posting.

Berikut ini adalah Generator Konverter HTML Blog dari saya semoga dapat membantu.

Konversi Bersihkan

Template Windows 8 SM Dark Edition

noreply@blogger.com (Blog Santa Mars) — Thu, 7 Feb 2013 21:10:00 +0700

Windows 8 SM adalah sebuah Template Blogger Professional yang di desain mirip dengan OS Windows. Terakhir direlease oleh Santa Mars tanggal 7 February 2013. Template ini termasuk dalam kategori template blog paling keren.

Tested on browser!

Best view in Google Chrome 25+
Good view in Opera 12+ dan Mozilla Firefox
Low view in Internet Explorer

Windows 8 SM

Windows 8 SM adalah template windows 8 SM pertama direlease.
18 November 2012

Preview

Windows 8 SM Versi 2

Windows 8 SM Versi 2 mempunyai fitur yang sangat lengkap , tetapi fitur music di hapus.
22 December 2012

Preview

Windows 8 SM Versi 3

Windows 8 SM Versi 3 sebagian fiturnya telah diupgrade menjadi lebih bagus.
19 January 2013

Preview

Windows 8 SM Dark Edition

Windows 8 SM Dark Edition mempunyai fitur komentar berbalas dan banyak lagi.
7 February 2013

Preview

Tambahan.!

Click Expand Template Widget saat mau upload
Nanti dibagian Gadget JS, kamu ganti windows8-sm.blogspot.com dengan url blog kamu
Tutorial Cara menganti disini.
Bonus Animasi Download di Posting.
Bonus Slide Show Foto.
Bonus Sitemap

Terima kasih bos, sukses ya,..

File Windows 8 SM ERROR
Server 1 [ 41 KB ] Via Site Google

File Windows 8 SM Versi 2 ERROR
Server 1 [ 41 KB ] Via Site Google

File Windows 8 SM Versi 3
Server 1 [ 38 KB ] Via Site Google

File Windows 8 SM Dark Edition
Server 1 [ 47 KB ] Via Site Google

Telah di unggah
Tanggal 2 Januari 2014
Pukul 03.10

Cheat Wall Magnet dan Ball Do Not Stop Pool Live Tour

noreply@blogger.com (Blog Santa Mars) — Sun, 3 Feb 2013 14:38:00 +0700

Yah, ane terlambat share Cheat Wall Magnet dan Ball Do Not Stop Pool Live Tour. Sebenernya sih udah lama saya tahu cheat ini, cuman saya takut aja kalau nanti admin Pool Live Tour tahu cheat ini, kita semua bisa di banned. Eh, kemarin lusa saya dan 3 jagoan saya dibanned, karena ketahuan pakai cheat engine. hahaha.

Ok sob langsung aja ane mau berbagi trik ini. Dalam tutorial ini saya pakai browser Google Crome

Pertama kamu harus punya Cheat Engine dulu.
Untuk Tutorialnya lihat video dibawah ini, dan untuk lebih lanjut baca dibawahnya.

Pool Live Tour Cheats - Wall Magnet

Open Pool Live Tour
Klik latihan untuk mencoba
Setelah itu Open Cheat Engine
Klik Mini CPU ikon di bagian kiri atas Cheat Engine atau kotak kecil di bawah Tab File.
Pilih plugin_container.exe (Firefox) atau Chrome.exe (Chrome)
Ganti value type 4 byte menjadi double
Masukkan value 0.900 dan klik first Scan
Masukkan semua adreessnya kebawah (kecuali warna hijau)
Ganti dengan value 1.5
Setelah itu anda tutup Cheat Enginenya
Enjoy

Pool Live Tour Cheats - Ball Do Not Stop

Open Pool Live Tour
Klik latihan untuk mencoba
Setelah itu Open Cheat Engine
Klik Mini CPU ikon di bagian kiri atas Cheat Engine atau kotak kecil di bawah Tab File.
Pilih plugin_container.exe (Firefox) atau Chrome.exe (Chrome)
Ganti value type 4 byte menjadi double
Masukkan value 0.600 dan klik first Scan
Masukkan semua adreessnya kebawah (kecuali warna hijau)
Ganti dengan value 0
Setelah itu anda tutup Cheat Enginenya
Enjoy

Itulah Cheat Wall Magnet dan Ball Do Not Stop Pool Live Tour dari saya, semoga bermanfaat.

Note!

Untuk menghindari Crash jangan memilih adress yang berwarna hijau
Setelah ngecheat harap di reload ulang untuk menghidari banned admin

Widget Share W8 SM

noreply@blogger.com (Blog Santa Mars) — Sun, 27 Jan 2013 02:05:00 +0700

Kali ini saya membuat widget yang bernama Widget Share W8 SM. Didalamnya terdapat 3 fitur yaitu: Share, Subscribe, dan Back to top. Saya desain dengan posisi melayang di bagian kiri blog. Untuk memasang widget ini perhatikan tutorial berikut:

Masuk ke Blog sobat, dan pilih Tab Template lalu klik Edit HTML.
Tekan F3 untuk mencari kata kunci
Pasang CSS dibawah tepat berada di atas ]]></b:skin>

#widget-share {position:fixed;top:40%;left:5px;z-index:600;background-color:rgba(0,0,0,0.5);background:-webkit-linear-gradient(-180deg,rgba(0,0,0,0.5) 0%,rgba(255,255,255,0.4) 70%,rgba(0,0,0,0.5) 100%);background:-moz-linear-gradient(-180deg,rgba(0,0,0,0.5) 0%,rgba(255,255,255,0.4) 70%,rgba(0,0,0,0.5) 100%);background:-ms-linear-gradient(-180deg,rgba(0,0,0,0.5) 0%,rgba(255,255,255,0.4) 70%,rgba(0,0,0,0.5) 100%);background:-o-linear-gradient(-180deg,rgba(0,0,0,0.5) 0%,rgba(255,255,255,0.4) 70%,rgba(0,0,0,0.5) 100%);background:linear-gradient(-180deg,rgba(0,0,0,0.5) 0%,rgba(255,255,255,0.4) 70%,rgba(0,0,0,0.5) 100%);padding:3px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.share-w8 {width:25px;height:25px;padding:5px;text-align:center;background:#222;background:-webkit-linear-gradient(-80deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.1) 70%,rgba(0,0,0,0.2) 81%);background:-moz-linear-gradient(-80deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.1) 70%,rgba(0,0,0,0.2) 81%);background:-ms-linear-gradient(-80deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.1) 70%,rgba(0,0,0,0.2) 81%);background:-o-linear-gradient(-80deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.1) 70%,rgba(0,0,0,0.2) 81%);background:linear-gradient(-80deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.1) 70%,rgba(0,0,0,0.2) 81%);border:1px solid rgba(255,255,255,0.4);-webkit-box-shadow:0 0 1px rgba(0,0,0,0.9);-moz-box-shadow:0 0 1px rgba(0,0,0,0.9);box-shadow:0 0 1px rgba(0,0,0,0.9);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:6px 2px 6px;cursor:pointer;}
.share-w8 .screensht {position:absolute;margin-bottom:40px;width:380px;padding:10px 0;z-index:600;border:1px solid rgba(255,255,255,0.5);background:-webkit-linear-gradient(-80deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 70%,rgba(0,0,0,0.8) 81%);background:-moz-linear-gradient(-80deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 70%,rgba(0,0,0,0.8) 81%);background:-ms-linear-gradient(-80deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 70%,rgba(0,0,0,0.8) 81%);background:-o-linear-gradient(-80deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 70%,rgba(0,0,0,0.8) 81%);background:linear-gradient(-80deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 70%,rgba(0,0,0,0.8) 81%);-webkit-box-shadow:inset 1px 1px 0px rgba(0,0,0,0.2),inset -1px -1px 0px rgba(0,0,0,0.2),inset 0 0 1px rgba(255,255,255,0.2),0 1px 3px #000,1px 5px 12px #000;-moz-box-shadow:inset 1px 1px 0px rgba(0,0,0,0.2),inset -1px -1px 0px rgba(0,0,0,0.2),inset 0 0 1px rgba(255,255,255,0.2),0 1px 3px #000,1px 5px 12px #000;box-shadow:inset 1px 1px 0px rgba(0,0,0,0.2),inset -1px -1px 0px rgba(0,0,0,0.2),inset 0 0 1px rgba(255,255,255,0.2),0 1px 3px #000,1px 5px 12px #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;height:auto;overflow:hidden;opacity:0;top:-380px;-webkit-transition:all 0.5s ease-out 0.35s;-moz-transition:all 0.5s ease-out 0.35s;-ms-transition:all 0.5s ease-out 0.35s;-o-transition:all 0.5s ease-out 0.35s;transition:all 0.5s ease-out 0.35s;cursor:default;left:-380px;}
.share-w8:hover .screensht {opacity:1;top:0px;left:50px;}
.share-w8 .screensht .col1 {width:auto;height:auto;padding:5px;color:#fff;float:left;margin-left:9px;background:transparent;border:1px solid transparent;position:relative;}
.share-w8.sm .screensht {padding:10px 0;}
.share-w8.sm .screensht .col1 {padding:5px;margin-left:9px;float:none !important;display:block;position:relative;}
.share-w8.sm .screensht .col1.fold:before {position:absolute;display:block;top:7px;left:7px;}
.share-w8:hover {-webkit-box-shadow:inset 0px 1px 10px #111;-moz-box-shadow:inset 0px 1px 10px #111;box-shadow:inset 0px 1px 10px #111;}
.clear {clear:both;}
.screensht li{list-style:none;float:left;padding:0;border-top:none;border:none;}
#SM-Bar-Right .btt a,.SM-emailsubmit{
font-size:9pt;font-family:cambria;font-weight:Bold;text-transform:uppercase;color:#fff;text-shadow:0 -1px 1px rgba(0,0,0,0.25);letter-spacing: 1px;padding:6px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#SM-Bar-Right .btt a:active,.SM-emailsubmit:active{position: relative;top: 1px;box-shadow:none;}
#SM-Bar-Right .Subscribe{margin-top:-14px;}
#SM-Bar-Right .btt a{background:#00810b;margin-left:3px;}
#SM-Bar-Right .btt a:hover{background:#06b421;}
.SM-emailsubmit{background:#ce1527;cursor:pointer;border:none;height:26px;width:90px;}
.SM-emailsubmit:hover{background: orange;}
.textarea-sm{border:1px solid #aaaaaa;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;resize:none;font-size:8pt;font-family:verdana;width:200px;height:25px;color:#000000;}

Lalu klik Simpan

Sekarang kamu klik Tab Tata Letak, dan Tambahkan Gadget HTML/Javascript baru.
Pastekan Source kode Widget ini di situ.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>


<script>
$(document).ready(function(){// fade in .btt
$(function () {$(window).scroll(function (){});// scroll body to 0px on click 
$('.btt a').click(function () {$('body,html').animate({scrollTop: 0}, 350);return false;});});});
</script>   
<script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";fjs.parentNode.insertBefore(js, fjs)}(document, 'script', 'facebook-jssdk'));</script>
<script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>


<div id="widget-share">
<script>urlbelakang_feedburner='blog-santamars';</script>
<script src="https://sites.google.com/site/blogsantamars/css-santa-mars/Share-W8-SM.js"></script>
</div>

Setelah itu Simpan, dan lihat hasilnya.

Itulah Widget Share W8 SM yang saya buat untuk sobat, semoga bermanfaat.

Note!

Anda bisa mengatur letak posisinya di CSS tadi.

Widget Panel W8 SM

noreply@blogger.com (Blog Santa Mars) — Wed, 23 Jan 2013 14:18:00 +0700

Inilah pertama kalinya saya memposting Widget Blog. Widget ini saya namakan Panel W8 SM. Saya desain menyerupai Gadget Panel OS Windows 8,7,Vista. Widget ini mempunyai pajang 100px dan lebar 100px, Berposisi Melayang. Widget yang saya keluarkan ada dua, yaitu JAM dan TANGGAL. Jika anda tertarik memasang di blog, dibawah saya kasih tutorialnya.

OK. Langsung saja.

Masuk ke Blog kamu, dan pilih Tab Template lalu klik Edit HTML.
Tekan Tombol F3 , untuk memudahkan mencari kata kunci
Pasang CSS Widget ini di atas ]]></b:skin>

.kotak-tanggal{line-height:1.28; text-align:left; direction:ltr; unicode-bidi:embed; display:block;font: normal normal 11px tahoma, verdana, arial, sans-serif;z-index:600;position:fixed;right:30px;width:100px;height:100px;bottom:108px;background:rgba(0,0,0,0.6);padding:10px;border:1px solid white}

.kotak-jam{line-height:1.28; text-align:left; direction:ltr; unicode-bidi:embed; display:block;font: normal normal 11px tahoma, verdana, arial, sans-serif;z-index:600;position:fixed;left:30px;width:100px;height:100px;bottom:108px;background:rgba(0,0,0,0.6);padding:10px;border:1px solid white}

Lalu klik Simpan

Sekarang kamu klik Tab Tata Letak, dan Tambahkan Gadget HTML/Javascript baru.
Pastekan Source kode Widget ini di situ.

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

<div class='kotak-tanggal'><script src='https://sites.google.com/site/blogsantamars/css-santa-mars/Panel-W8-SM-Tanggal2.js'></script></div>

<div class='kotak-jam'><script src='https://sites.google.com/site/blogsantamars/css-santa-mars/Panel-W8-SM-Jam3.js'></script></div>

Setelah itu Simpan dan Lihat Hasilnya.

Demikianlah Posting Widget Panel W8 SM, semoga bermanfaat.

Note!

Anda bisa mengatur letak posisinya di CSS tadi.