Galauers

BBM BLUE DARK ANIMASI v2.11.0.16

2016-04-27T18:50:00.001-07:00

Selamat pagi sahabat galauers
Suda 4 tahun tidak ngepost ni
Dan maaf ya..
kalau banyak komentar yang tidak sempat saya balas
Kali ini saya akan share BBM BLUE DARK ANIMASI v2.11.0.16
yang mempunya banyak fitur dibandingkan bbm standar
Langsung saja ya

FITUR :

-Banner waktu Stitch
-Block Read Status (on/off)
-Hide/Show Floating (on/off)
-Full Display Picture (on/off)
-Lock Mode
-Hidden Sponsored
-Reload
-Selebihnya fitur bawaan BBM

Link download

via dropbox DISINI

via google drive DISINI

SCREENSHOOT

Cara Download Aplikasi ANDROID Berbayar Dengan Gratis

2013-10-13T12:09:00.002-07:00

Membuat semua aplikasi Android di market jadi gratis.
Terkadang kita menginginkan sebuah aplikasi yang ada di market,
namun aplikasi tersebut berbayar,
sehingga kita urung untuk mendownloadnya. Untuk mengatasi hal tersebut,
ada solusinya dengan menggunakan aplikasi Blackmart Alpha.

Blackmart Alpha membuat semua aplikasi yang ada di market menjadi gratis.
Blackmart Alpha menyediakan aplikasi-aplikasi Android versi Pro yang telah di cracked,
sehingga kita bisa mendownloadnya secara gratis.

langsung Download aja dibawah ini

DOWNLOAD

NB: aplikasi di atas bisa di download langsung melalui HP android kalian agar mempermudah pengguna
salam GALUERS

Ubah Tampilan Status Bar ANDROID

2013-07-27T03:29:00.001-07:00

hay sahabat galauers ... lama gak mosting nii
sibuk puasa (~~puasa kok disibukin :p~~)
saya kembali lagi dengan membawa aplikasi keren buat. ponsel android kalian. namanya Super Status Bar 0.16.5. sesuai namanya pasti kalian sudah tau kan apa kegunaan aplikasi ini?
kalau belum tau mari kita cari tahu bersama tentang aplikasi ini,
Punya ponsel android lama - lama kalian semua pastinya bosan bukan dengan tampilan status bar ponsel android kalian yang itu - itu saja. nah dengan aplikasi Super Status Bar ini kalian bisa merubah tampilan status bar bawaan ponsel android.
Kita juga bisa mengunduh tema baru yang di update setiap minggu dengan Gratis. kalian dapat mengubah posisi ikon di status bar sesuai selera.
dan untuk menginstall aplikasi Super Status Bar ini ponsel kalian tidak perlu di root terlebi dahulu.

nah ini dia beberapa fitur yang ada diladalamnya
Kita bisa melihat pemberitahuan pada layar terkunci atau bahkan saat bermain game atau membuka aplikasi lain.
Caranya Kalian hanya perlu mengaktifkan opsi aksesibilitas Android.

Kita juga memiliki akses cepat ke pemberitahuan sistem yang paling penting tanpa harus mengerahkan notifikasi bar, dengan akses langsung dimasukkan dalam aplikasi, seperti panggilan, sms atau yang gmail

dan masih banyak lagi fitur lainya yang pastinya keren..

Current Version: 0.16.5
Requires Android: 2.1 and up
Category: Personalization
v0.16.5 update:
- Added iLlusory™ background
- Added some animations
- Solved temperature position bug
- Optimized memory use

market Download Via Google Play

Super Status Bar 0.16.5

Download Via TusFiles

Super Status Bar 0.16.5

Merubah Tampilan Android Menjani Iphone Sepenuhnya

2013-07-22T07:56:00.000-07:00

Mungkin dalam postingan saya kali ini bisa menjadi solusi buat anda yang punya HH Android tetapi masih pengen memiliki iPhone tapi apa daya rejeki masih belum ada. Karena kali ini saya akan membagikan cara untuk merombak Android anda menjadi iPhone. Akan tetapi bukan menjadi iPhone sepenuhnya melainkan merubah tampilannya saja dengan mengunakan beberapa bantuan aplikasi yang ada. Memang sih, iPhone terlihat lebih eksklusif dan lebih elegan dari android, tetapi harganya itu yang sulit untuk di jangkau. iPhone terbaru yaitu iPhone 5 aja harganya sekitar 9-10 jutaan. Yang jelas kita akan memiliki kebanggaan tersendiri jika mempunyai iPhone karena belum umum atau tidak banyak orang yang punya di sekitar kita.

Nah, mungkin postingan saya kali ini bisa mengobati sobat yang lagi galau karena lagi bokek dan nggak keturutan buat beli iPhone. Yang anda perlukan hanya HH Android + Pulsa buat download aplikasi-aplikasi :D. Tapi maap, nggak saya beri link-link untuk download aplikasinya, yang saya beri cuma link SystemUI.apk nya saja. Oke ikuti langkah-langkah berikut ini.

Download dulu launchernya. Launchernya bernama iLauncher, di playstore juga ada kok :)

Setelah itu download juga SystemUI.apk. ini di gunakan untuk mengubah tampilan statusbar anda menjadi seperti statusbar milik iPhone. (Coba lihat Statusbar pada gambar di atas) Bisa anda unduh di SINI.

Kemudian download Locker nya. Ini digunakan untuk mengubah locker bawaan Android anda menjadi seperti iPhone yang ada tulisan Slide to Unlock itu looh.. :O

Lanjut lagi, download iSettings. Aplikasi ini untuk mengubah tampilan Setting anda menjadi seperti iPhone. Mirip banget looh. Ciyuss..

Terus download iphone Messages juga biar tampilan pesan anda juga mirip punya iPhone.

Untuk Contact dan Dialer nya diperlukan jasa dari Go Contact Ex yang bisa anda download dari playstore, kemudian install theme iPhone.

Untuk merubah tampilan keyboardnya anda bisa pakai Smartkeyboard pro.

Yang terakhir yaitu untuk notifikasinya. Namanya iPhone Notifications.

Gimana neh, mirip banget kaan. Jangan takut nyoba, ini di Andromax saya berhasil looh. Ciyuss..

CSS Dropdown Menu

2013-07-21T06:01:00.000-07:00

Menu dengan css yang sederhana yang dilengkapi dengan fungsi Dropdown dan Sub menu .Penggunaanya sangat praktis dan mudah untuk dimodifikasi.Contohnya kalian bisa melihat langsung dibawah ini.Ohh,saya ingatkan sebelum mencoba widget ini,ada baiknya membackup/download template kamu agar tidak terjadi sesuatu yang diinginkan.

DEMO:

Untuk memasang menu seperti diatas,pertama login ke account blogger kamu,lalu pilih menu template,pilih edit html, lalu copy-paste CSS dibawah ini tepat diatas kode ]]></b:skin>

CSS

/* CSS DROPDOWN MENU GALAUERS */

#menujohanes{

width: 100%;    /* panjang menu */

margin: auto;  /* posisi menu auto */

background: #fafafa;   /* warna background */

height: 49px;  /*tinggi menu*/

-moz-transition: all 0.3s ease-in-out;

-webkit-transition: all 0.3s ease-in-out;

-o-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;

border: 1px solid #ddd;

text-transform: uppercase;  /* Huruf besar */

box-shadow: 0px 3px 0px rgba(0,0,0,0.2);

z-index: 99;}  

#menujohanes ul{

list-style-type: none;

z-index: 9;

width: 1000px;  /* panjang menu */

margin: auto;}  

#menujohanes ul li{

float: left;

position: relative;

padding: 12px;

-moz-transition: all 0.3s ease-in-out;

-webkit-transition: all 0.3s ease-in-out;

-o-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;}  

#menujohanes ul li:hover{

background:#557FFF;    /* warna background ketika diarahkan*/

box-shadow: 0px 3px 0px rgba(0,0,0,0.2);} 

#menujohanes ul li a:hover {

color:#fafafa;} /* warna text ketika diarahkan */

#menujohanes ul li a{

color: #666; /* warna text */

padding: 0 10px; 

line-height:25px; 

font-size:11px; /* ukuran text */

display:block; 

text-decoration:none;

-moz-transition: all 0.3s ease-in-out;

-webkit-transition: all 0.3s ease-in-out;

-o-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;

text-shadow: 0px 2px 0px rgba(0,0,0,0.1);}   

#menujohanes ul li ul li{float: none;position: relative;}  

#menujohanes ul li ul{

position: absolute; 

top:49px;

left:0; 

display: none; 

box-shadow: inset 0 4px 3px rgba(0, 0, 0, 0.3), 0 1px 0 #ddd,0 5px 10px rgba(0, 0, 0, 0.2); 

width:150px;

border-radius: 0px 0px 5px 5px;

background: #fff;}  

#menujohanes ul li:hover > ul{display: block;}  

#menujohanes ul li ul li a{line-height:25px;}  

#menujohanes ul li ul li ul{

position: absolute; 

top:0; left:150px; 

display: none; 

box-shadow:0 1px 0 #ddd,0 5px 10px rgba(0, 0, 0, 0.2);

border-radius:5px; 

width:150px;

background: #fff;}  

#menujohanes ul li.selected{color: #000;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}

Selanjutnya,copy-paste HTML dibawah ini diantara kode <body>...</body> tergantung anda ingin meletakan posisi menu ini.

HTML

<div id="menujohanes">

<ul>

<li class='selected'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>

<li><a href="#">Download</a>

<ul>

<li><a href="#">Template</a>

<ul>

<li><a href="#">galauers 1</a></li>

<li><a href="#">galauers 2</a></li>

<li><a href="#">galauers 3</a></li>

</ul>

</li>

<li><a href="#">aplikasi</a>

<ul>

<li><a href="#">android</a></li>

<li><a href="#">iphone 5</a></li>

<li><a href="#">blackberry</a></li>

</ul>

</li>

<li><a href="#">naruto</a>

<ul>

<li><a href="#">Episode 1</a></li>

<li><a href="#">Episode 2</a></li>

<li><a href="#">Episode 3</a></li>

</ul>

</li>

</ul>

</li>

<li><a href="#">Contact</a>

<ul>

<li><a href="#">Twitter</a></li>

<li><a href="#">Facebook</a></li>

<li><a href="#">Blogger</a></li>

<li><a href="#">Google plus</a></li>

</ul>

</li>

<li><a href="#">galauers</a>

<ul>

<li><a href="#">gue-galau 1</a>

<ul>

<li><a href="#">gue-galau 2</a>

<ul>

<li><a href="#">gue-galau 3</a></li>

<li><a href="#">gue-galau 4</a></li>

</ul>

</li>

<li><a href="#">gue-galau 5</a></li>

</ul>

</li>

<li><a href="#">gue-galau 6</a></li>

<li><a href="#">gue-galau 7</a></li>

</ul>

</li>

<li><a href="#">Clients</a></li>

<li><a href="#">Email</a></li>

</ul></div>

*Ganti tanda pagar dengan url link,dan namae link'a

Setelah selesai, simpan,dan lihat hasinya.jika sudah berhasil,tahap selanjutnya adalah mengatur isi menu dan link url pada menu anda.

EMOTION FACEBOOK TERBARU 2013

2013-05-18T10:24:00.003-07:00

seperti yang kita ketahui banyak emotion facebook yang terbaru di tahun 2013 ini
bisa lihat contohnya di atas
gimana menurut kalian??
selain bisa di tampilkan di chat facebook
emotion ini juga dapat di tampilkan di konologi sendiri, konologi teman
daan bahkan bisa kalian tampilkan di group facebook kalian
WOWWW........

mau tau caranya??
tinggal pilih emotion di bawah ini lalu klik dan tampilkan di chat facebook kalian :p

Merubah tampilan Android menjadi WINDOWS 8

2013-05-03T11:27:00.002-07:00

hay sahabat galauers
kemari saya sempat posting Merubah tampilan Android menjadi WINDOWS 7
dan kali ini saya akan membahas cara merubah tampilan Andoid anda menjadi Windows Phone 8. Agar tampilannya akan terlihat lebih elegan dan sekarang ini mulai banyak yang tertarik untuk memiliki perangkat yang menjalankan sistem operasi ini. Bagaimana kalau anda sudah terlanjur membeli perangkat Android dan tidak mungkin bisa membeli perangkat windows phone 8 yang memang harganya lebih mahal? Anda tidak perlu dipusingkan dengan masalah tersebut karena kini sudah ada cara mudah merubah tampilan Android ke windows phone 8 yaitu dengan menggunakan Aplikasi Launcher 8.

Merubah tampilan Android menjadi WINDOWS 8

Launcher 8 ini merupakan aplikasi gratis yang dapat menyulap Android sobat menjadi Windows Phone 8, keren bukan? Aplikasi ini mampu memberikan penampilan yang sangat mirip seperti di windows phone 8 dengan ciri khas icon kotak berwarna-warni.

screenshotnya :

Icon-icon tersebut tidak hanya sekedar mempercantik tampilan saja, tapi icon tersebut juga berkerja seperti pada Windows phone asli yaitu memanggil aplikasi yang ada di perangkat android sobat.

Berikut ini fitur-fitur yang ada pada Launcher 8 :




- Dapat menambahkan icon dengan ukuran berbeda
- Bisa mengubah icon dengan warna yang sobat inginkan
- Memungkinkan sobat untuk menyimpan dan juga mengembalikan tema
- Tata letak icon pada start menu dapat diedit
- Untuk mengatur gaya background dapat dilakukan dengan mudah.
- Mengganti gaya daftar dar aplikasi sobat di android
- Dapat menambah widget di start menu
- Memungkinkan sobat untuk mengubah gaya untuk status bar dan pengunci layar
- Tidak membosankan karena memiliki banyak pilihan tema yang bisa langsung digunakan
- Bisa menambah icon khusus di start menu
- Tampilan lebih nyata karena adanya live Wallpaper yang bisa dirubah dengan foto yang sobat miliki.
- Nofitikasi seandainya ada panggilan ataupun pesan masuk.

Aplikasi ini memang keren, karena benar-benar mampu menghadirkan windows phone 8 ke dalam ponsel Android Sobat. Jika sobat tertarik dengan aplikasi mengubah tampilan Android menjadi windows phone 8 ini, sobat bisa mendownloadnya di bawah ini::

DOWNLOAD MELALUI GOOGLEPLAY

wonder boys suatu hari

2013-04-30T09:21:00.000-07:00

autor:: Wahyu || Dimas

Cara Download Vidio Youtube Di Android

2013-04-23T03:23:00.001-07:00

Sebagai new comer android user, banyak sekali aplikasi-aplikasi android yang membuat saya terpesona dan kegirangan saking senengnya…hehehe…lebay amat ya :D .
Soalnya bagi saya yang senang dunia iptek (ciele..iptek xixixi)
senang sekali mengutak-ngutik hp dan terus mencari aplikasi-aplikasi yang bisa mempermudah aktifitas saya sehari-hari,
dan untuk kali ini saya ingin share aplikasi untuk bisa mendownload video Youtube.

Langsung saja nih ya, sebagaimana yang sudah kita tahu bahwa jika kita ingin melihat/menonton video di Youtube maka kita harus buffering terlebih dahulu, syukur-syukur line internet kita bagus dan smooth maka streamingnya akan berjalan mulus dan lancar layaknya menonton tv biasa.

Namun kelemahannya jika sudah beralih menonton video yang lain dan ingin kembali menonton video yang sebelumnya kita tonton, maka prosesnya berjalan seperti awal lagi alias harus melalui proses buffering terlebih dahulu. Nah kalau kita tidak memakai pulsa internet unlimited maka hal tersebut akan menjadi masalah karena akan dengan cepat menghabiskan pulsa internet kita.

Setelah sempat mencoba mencari aplikasi untuk download video YouTube ini di PlayStore/Google Play ternyata hasilnya sia-sia, wong ternyata aplikasi semacam ini dibanned/diblokir oleh pihak Google yang juga sebagai pemilik YouTube :D he3.

Nah setelah searching informasinya di paman google juga ketemulah aplikasi yang dimaksud yaitu : TubeMate

aplikasi ini termasuk dalam aplikasi NON MARKET APPS untuk android.
Jadi SAHABAT GALAUERS ga akan bisa temukan aplikasi ini di Play Store/Google Apps.

DOWNLOAD

nih.. SCREENSHOT yang sudah saya praktekin

Cakep banget kan :) ,
okay tidak usah berlama-lama silahkan langsung dikunyah-kunyah dan langsung merapat ke tkp, dijamin galauers akan happy karena bisa download jutaan video yang ada di YouTube dan langsung diberikan pilihan mau diconvert ke tipe video spt apa yang low, medium atau high resolution, mulai dari 3gp, mp4 atau bisa juga ke format mp3.

Well, segitu aja dulu share kali ini, semoga ada manfaatnya buat BroSis2 semua.

Merubah tampilan Android menjadi WINDOWS 7

2013-04-19T17:50:00.001-07:00

Merubah tampilan Android menjadi WINDOWS 7

bingung mau mosting apa....
terpaksa berali deh ke APLIKASI ANDROID
bagaimana ya kalau seandainya tampilan HP android berubah menjadi tampilan Desktop PC windows 7.
yang pastinya tambah cool dan keren Donk.
nah kali ini saya akan membagikan lagi aplikasi launcher yang fungsinya mengubah tampilan android menjadi mirip tampilan desktop windows seven.
cukup unik dan recommended untuk dicoba,
seperti biasa install APKnya lalu selesai dech smile berikut ini screenshotnya :

DOWNLOAD

download aja langsung menggunakan ponsel kalian

lalu INSTAL dan lihat lah hasilnya

gimana..? kerren kan.... cocok banget buat kalian pecinta windows 7
semoga bermanfaat

GALAUERS BLOGGER TEMPLATE (free)

2013-04-17T15:32:00.002-07:00

nah ni dia yang shobat galauers tunggu-tunggu,,
dari pada saya begadang gak membawa hasil
mending iseng-iseng ngebuat template :p
kali ini saya share template baru ala galauers gitu
di jamin mempunyai banyak kelebihan deh. dan gak bakalan nyesel menggunakan nya
soo......

DEMO DOWNLOAD

letakan kode berikut tepat di atas POPULER/POST/LABELS
atau bisa lihat pada gambar

ini kodenya

<style type="text/css">
.blogtabs {padding: 0px !important;

border: 0 
solid #ccc;}
.blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 12px;padding: 3px 5px;;

border: 1px 

solid #ccc;overflow: hidden;position: relative;background: #ccc;cursor:pointer;}
html .blogtabs h2.active {background: #06f url(http://images2.layoutsparks.com/1/204660/green-ness-animated-lines.gif);}
.blogtabs .widget-content {

border: 1px

solid #ccc;padding: 10px;background: #transparent;clear:both;margin:0;}
.btab, #showtabs {display:none;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript" src="http://gue-galau.googlecode.com/files/SimpleTabViewJQuery.js.txt"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#showtabs').simpleBlogTab ({organictabs: 3});
});
</script>
<div id="showtabs"></div>

NB: Berikut yang perlu kalian rubah

<div id='bitnav'>
<div id='bitnav-left'>
<ul id='bitnav'>
<li><a href='http://gue-explorethearchive.blogspot.com/'>HOME</a></li>
<li><a href='http://gue-explorethearchive.blogspot.com/'>ABOUT</a></li>
<li><a href='http://gue-explorethearchive.blogspot.com/'>CONTACT</a></li>
<li><a href='http://gue-explorethearchive.blogspot.com/'> A L L  POST</a></li>
</ul>
</div>
</div>

<center>
<div id='navigation'><ul id='nav'>
<li class='page_item'><a href='http://gue-explorethearchive.blogspot.com/' title='click'><marquee align='center' direction='rifht' scrollamount='2'> GALAUERS1 </marquee></a></li>
<li class='page_item'><a href='http://gue-explorethearchive.blogspot.com/' title='click'><marquee align='center' direction='rifht' scrollamount='2'> GALAUERS2 </marquee></a></li>
<li class='page_item'><a href='http://gue-explorethearchive.blogspot.com/' title='click'><marquee align='center' direction='rifht' scrollamount='2'> GALAUERS3 </marquee></a></li>
<li class='page_item'><a href='#' title=' Categories'><marquee align='center' direction='left' scrollamount='2'> GALAUERS4 </marquee></a>
<ul>
<li class='cat-item cat-item-5'><a href='http://gue-explorethearchive.blogspot.com/' target='_blank'>GALAUERS-1</a></li>
<li class='cat-item cat-item-5'><a href='http://gue-explorethearchive.blogspot.com/' target='_blank'>GALAUERS-2</a></li>
<li class='cat-item cat-item-5'><a href='http://gue-explorethearchive.blogspot.com/' target='_blank'>GALAUERS-3</a></li>
<li class='cat-item cat-item-1'><a href='http://gue-explorethearchive.blogspot.com/' target='_blank'>GALAUERS-4</a></li>
<li class='cat-item cat-item-1'><a href='http://gue-explorethearchive.blogspot.com/' target='_blank'>GALAUERS-5</a></li>
</ul></li>
</ul></div>
</center>

MERAH ganti dengan URL/LINK shobat
sedangkan yang berwarnah ORANGE ganti dengan nama menu shobat

CARA MENGEDIT HTML TEMPLATE BLOGSPOT 2013 TAMPILAN BARU

2013-04-14T05:51:00.001-07:00

Cara mengedit html template blogspot tampilan baru
- Hari ini saya sedang membuka Google Plus
saya dan melihat pertanyaan dari seorang rekan blogger qbenk raflesia yang menanyakan
"apakah cara mengedit HTML template di blogspot sudah berubah?".
Setelah saya cek, ternyata memang sudah berubah cara mengeditnya.

Blogger kembali membuat tampilan baru untuk mengedit template di bulan APRIL 2013 ini,
yang kbisa jadi menyulitkan teman-teman blogger pemula arena cara yang lama yang sering menggunakan expand widget template sudah tidak akan berfungsi lagi.

Jadi mari kita pelajari bagaimana cara edit HTML di tampilan baru ini.....

Mengenal tampilan EDIT HTML Blogspot

Secara garis besar semua fungsi tombol masih lengkap, hanya posisinya diubah. Malah saya bisa katakan perubahan ini jauh lebih baik! Untuk lebih jelasnya mari lihat gambar di bawah ini....
(masuk ke menu TEMPLATE dan klik EDIT HTML)

Keterangan Gambar:

A adalah tombol untuk kembali ke menu TEMPLATE
B adalah tombol untuk SIMPAN perubahan pada TEMPLATE
C adalah fitur baru yang akan banyak membantu, yaitu LOMPAT ke kode WIDGET
D dan E adalah tombol TOGGLE MODE untuk melihat versi HTML dan melihat versi tampilan browser
F adalah tombol untuk menghilangkan perubahan yang sudah anda lakukan dalam satu pengeditan
G adalah tombol untuk mengembalikan perubahan yang sebelumnya sudah anda lakukan tapi hilang karena pemformatan
H adalah tombol untuk mengembalikan widget ke setingan default

Yang perlu teman-teman blogger perhatikan dalam tampilan baru untuk mengedit HTML template blogspot ini adalah dua hal,
yaitu tombol lompat ke widget dan panah-panah kecil berwarna hitam pada baris kode.

TOMBOL LOMPAT KE WIDGET

Tombol ini akan sangat membantu anda untuk menuju kode dari suatu widget di template anda.
Anda cukup mengklik tombol tersebut dan akan terbuka dropdown untuk melompat ke kode HTML widget yang anda inginkan....

Yang menjadi masalah adalah saat anda sampai di kode HTML widget tersebut,....
anda akan melihat tampilan kode yang dipadatkan dalam lipatan yang ditandai dengan ► .....
lihat gambar di bawah ini....

Apakah saudara bisa melihat panah hitam kecil di atas?....

Tombol Panah Hitam Kecil
Tombol ► ini adalah fitur baru yang akan membuka setiap kode menjadi lebih detail lagi.
Kalau ternyata setelah anda klik masih ada tombol panah hitam lagi di dalamnya,
maka klik lagi tombol panah hitam itu sampai semua kode widget yang anda inginkan terbuka penuh.

Jika sudah terbuka penuh sekarang anda sudah bisa mengedit kode pada widget tersebut.

PENGGANTI EXPAND WIDGET TEMPLATE DI EDIT HTML TEMPLATE BLOGSPOT TAMPILAN BARU

Yang menjadi masalah sekarang adalah anda akan mengalami kerepotan yang cukup mengganggu jika harus mengedit sebuah kode yang sangat panjang dan mempunyai begitu banyak panah kecil hitam. Saat itulah anda pasti berharap tombol expand widget template masih ada di sini.


Apakah tidak ada cara menampilkan semua kode HTML agar proses edit bisa berjalan lebih cepat? 

Sebenarnya anda bisa membuka semua kode dengan cara yang sangat mudah....




    Klik kursor di dalam barisan kode mana saja....
    Tekan CTRL+A untuk menyorot semua kode
    Tekan CTRL+C untuk mengcopy semua kode
    Tekan tombol DEL pada keyboard untuk menghapus semua kode, dan
    Terakhir tekan CTRL+V untuk mempaste semua kode

Kode yang dipaste ini akan terbuka penuh dan tidak ada panah hitam kecilnya,
jadi hasilnya kurang lebih sama dengan tombol checkbox EXPAND WIDGET TEMPLATE yang ada pada EDIT HTML template blogspot tampilan lama....

Anda tetap bisa memakai tombol LOMPAT KE WIDGET saat semua kode sudah dijabarkan,
jadi ini akan membantu anda untuk mengedit TEMPLATE.
Mudah-mudahan Google tidak melakukan perubahan lagi dalam waktu dekat ini,
....soalnya belakangan ini Google seperti sedang berinovasi di sana sini.
Agak repot juga kalau EDIT HTML dari menu TEMPLATE ini selalu diubah modelnya.....

UPDATE:

Rupanya banyak teman blogger yang kesulitan mencari kode tertentu di dalam baris kode yang panjang. Sebenarnya caranya sangat mudah....

CARA MENCARI KODE DI EDIT HTML BLOGSPOT TAMPILAN BARU

Anda sudah tidak bisa lagi mencari kode dengan menggunakan CTRL+F pada browser, ....tapi apakah teman-teman blogger tidak sadar bahwa saat anda menekan CTRL+F akan muncul kotak pencarian di kanan atas kode?

Di situlah anda memasukkan nama kode yang akan anda cari, dan tekan enter sesudahnya. Jika anda belum menemukan kode yang diinginkan, maka tekan terus enter sampai ketemu. Lebih jelasnya lihat gambar di bawah ini....

Mudah-mudahan saudara tidak bingung lagi memakai EDIT HTML TEMPLATE BLOGSPOT tampilan baru ini....

Mengatasi Situs Bokep Yang Telah Di blokir

2013-04-12T03:28:00.000-07:00

hayy.... shobat galauers
kali ini saya akan membahas tentang cara MENGATASI SITUS BOKEP YANG TELAH DI BLOKIR

seperti yang kita ketahui sekarang udah banyak situs yang telah di blokir
tapi jangan kuatir,, kini saya punya solusi yang jitu utuk mengatasi kegalauan kalian :p 100% WORK

caranya::

masukan situs/URL kalian di kotak share di bawah ini
kemudian klik GO
tapi ingat LIKE dulu biar kotak share nya berjalan dengan sempurna

contoh::


apetube.com

tube8.com

redtube.com

~~mau colong scripsi? disini~~

gimana...? sukses kan...?

HTTP://GUE-GALAU.BLOGSPOT.COM jadilah yang pertama berimajinasi

Cara Memasang APLIKASI Update Status Di FANS PAGE

2013-04-09T04:53:00.001-07:00

Fan page facebook adalah sebuah halaman khusus layaknya blog yang menyediakan informasi yang beragam sesuai dengan keinginan pemiliknya, mulai dari perusahaan, pendidikan, layanan, produk fisik, artis, komunitas dan masih banyak lainnya. Beberapa orang ahli pun pasti memiliki pengertian fan page facebook sendiri sesuai dengan apa yang mereka pelajari.

Apa manfaatnya untuk bisnis online? Manfaat Fan Page Facebook adalah untuk mengumpulkan prospek (fans) sebanyak-banyaknya dan kemudian kirimi pesan-pesan marketing untuk menghasilkan penjualan. Dengan semakin banyaknya jumlah Fans / penggemar halaman / page facebook anda, maka akan semakin besar pula peluang anda mendapatkan uang.

Lalu apa manfaatnya fanpage facebook bagi saya yang tidak berbisnis online?
Apabila anda seorang aktivis kampus atau anda adalah seorang yang senang berjejaring sosial, maka fan page facebook akan menjadi solusi bagi anda untuk berbagi, memberikan informasi dsb. Jika anda seorang guru, dosen, motivator, jurnalis atau bahkan anda seorang psikiater mungkin halaman fan page facebook akan sangat bermanfaat bagi anda untuk menjalankan berbagai kegiatan anda.

dan disini saya akan membagi trik cara MEMASANG APLIKASI UPDATE STATUS DI FANS PAGE

DEMOnya bisa lihat DISINI

dan trik ini akan tampil setelah pengunjung meng klik tombol LIKE(suka)
sooo..... langsung aja deh
pertama kalian harus mempunyai fans page sendiri
jika blum punya, silahkan kalian membuatnya disini
setelah itu cara memasang APLIKASI UPDATE STATUS ikuti langkah berikut

klik disini
dan akan tampil seperti gambar berikut

lalu klik instal

setelah itu pilih halaman yang ingin anda pasang aplikasi.. lihat gambar di atas
dan akan muncul seperti gambar di bawah ini
klik (Tambahkan static HTML - iframe for page)

setelah itu akan tampil halaman fans page anda
lalu ikuti cara pada gambar dibawah ini

next>>

ni kodenya :
<center><iframe allowfullscreen="" frameborder="0" 

height="760" scrolling="no" src="http://goo.gl/NCulM" width="500">

</iframe></center>
dan silahkan refres halaman page anda

Pixlr 'O'Matic Photo Editor ONLINE

2013-04-04T09:11:00.000-07:00

Mengatasi Error Pada Tombol Reply Komentar Yang Tidak Bisa Di Klik

2013-04-01T15:07:00.003-07:00

Beberapa hari ini banyak komentar atau pertanyaan rekan-rekan blogger yang sudah menggunakan Threaded Comment, ada masalah dengan tombol Reply / Balas.

Setelah saya cek, ternyata tombol reply / balas tidak berfungsi atau form komentar tidak keluar. Hal ini disebabkan ada perubahan pada JavaScript threaded comment.

Untuk mengatasi hal ini, ikuti langkah-langkah di bawah ini :

1. Masuk ke Dasbor ---> Rancangan ---> Edit HTML
2. Menjaga kegagalan, backup dulu template anda ---> Download Template Lengkap
3. Centang Expand Template Widget
4. Cari kode dibawah ini :

<b:includable id='threaded_comment_js' var='post'> <script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/> <script type='text/javascript'> (function() { var items = <data:post.commentJso/>; var msgs = <data:post.commentMsgs/>; var postId = '<data:post.id/>'; var feed = '<data:post.commentFeed/>'; var authorName = '<data:post.author/>'; var authorUrl = '<data:post.authorUrl/>'; var blogId = '<data:top.id/>'; var baseUri = '<data:post.commentBase/>'; // <![CDATA[ feed += '?alt=json&v=2&orderby=published&reverse=false&max-results=50'; var cursor = null; if (items && items.length > 0) { cursor = parseInt(items[items.length - 1].timestamp) + 1; } var bodyFromEntry = function(entry) { if (entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') { return '<span class="deleted-comment">' + entry.content.$t + '</span>'; } } } return entry.content.$t; } var parse = function(data) { cursor = null; var comments = []; if (data && data.feed && data.feed.entry) { for (var i = 0, entry; entry = data.feed.entry[i]; i++) { var comment = {}; // comment ID, parsed out of the original id format var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t); comment.id = id ? id[2] : null; comment.body = bodyFromEntry(entry); comment.timestamp = Date.parse(entry.published.$t) + ''; if (entry.author && entry.author.constructor === Array) { var auth = entry.author[0]; if (auth) { comment.author = { name: (auth.name ? auth.name.$t : undefined), profileUrl: (auth.uri ? auth.uri.$t : undefined), avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined) }; } } if (entry.link) { if (entry.link[2]) { comment.link = comment.permalink = entry.link[2].href; } if (entry.link[3]) { var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href); if (pid && pid[1]) { comment.parentId = pid[1]; } } } comment.deleteclass = 'item-control blog-admin'; if (entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { console.log(entry.gd$extendedProperty[k].name + ' - ' + entry.gd$extendedProperty[k].value); if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') { comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value; } } } comments.push(comment); } } return comments; }; var paginator = function(callback) { if (hasMore()) { var url = feed; if (cursor) { url += '&published-min=' + new Date(cursor).toISOString(); } window.bloggercomments = function(data) { var parsed = parse(data); cursor = parsed.length < 50 ? null : parseInt(parsed[parsed.length - 1].timestamp) + 1 callback(parsed); window.bloggercomments = null; } url += '&callback=bloggercomments'; var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; document.getElementsByTagName('head')[0].appendChild(script); } }; var hasMore = function() { return !!cursor; }; var getMeta = function(key, comment) { if ('iswriter' == key) { var matches = !!comment.author && comment.author.name == authorName && comment.author.profileUrl == authorUrl; return matches ? 'true' : ''; } else if ('deletelink' == key) { return baseUri + '/delete-comment.g?blogID=' + blogId + '&postID=' + comment.id; } else if ('deleteclass' == key) { return comment.deleteclass; } return ''; }; var replybox = null; var replyUrlParts = null; var replyParent = undefined; var onReply = function(commentId, domId) { if (replybox == null) { // lazily cache replybox, and adjust to suit this style: replybox = document.getElementById('comment-editor'); if (replybox != null) { replybox.height = '250px'; replybox.style.display = 'block'; replyUrlParts = replybox.src.split('#'); } } if (replybox && (commentId !== replyParent)) { document.getElementById(domId).insertBefore(replybox, null); replybox.src = replyUrlParts[0] + (commentId ? '&parentID=' + commentId : '') + '#' + replyUrlParts[1]; replyParent = commentId; } }; var tok = 'comment-form_'; var hash = window.location.hash || ''; var startThread = hash.indexOf(tok) == 1 ? hash.substring(tok.length + 1) : undefined; // Configure commenting API: var configJso = { 'maxDepth': 2 }; var provider = { 'id': postId, 'data': items, 'loadNext': paginator, 'hasMore': hasMore, 'getMeta': getMeta, 'onReply': onReply, 'rendered': true, 'initReplyThread': startThread, 'config': configJso, 'messages': msgs }; var render = function() { if (window.goog && window.goog.comments) { var holder = document.getElementById('comment-holder'); window.goog.comments.render(holder, provider); } }; // render now, or queue to render when library loads: if (window.goog && window.goog.comments) { render(); } else { window.goog = window.goog || {}; window.goog.comments = window.goog.comments || {}; window.goog.comments.loadQueue = window.goog.comments.loadQueue || []; window.goog.comments.loadQueue.push(render); } })(); // ]]> </script> </b:includable>

5. Ganti semuanya dengan kode dibawah ini :

<b:includable id='threaded_comment_js' var='post'> <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/> <script type='text/javascript'> (function() { var items = <data:post.commentJso/>; var msgs = <data:post.commentMsgs/>; var config = <data:post.commentConfig/>; // <![CDATA[ var cursor = null; if (items && items.length > 0) { cursor = parseInt(items[items.length - 1].timestamp) + 1; } var bodyFromEntry = function(entry) { if (entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') { return '<span class="deleted-comment">' + entry.content.$t + '</span>'; } } } return entry.content.$t; } var parse = function(data) { cursor = null; var comments = []; if (data && data.feed && data.feed.entry) { for (var i = 0, entry; entry = data.feed.entry[i]; i++) { var comment = {}; // comment ID, parsed out of the original id format var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t); comment.id = id ? id[2] : null; comment.body = bodyFromEntry(entry); comment.timestamp = Date.parse(entry.published.$t) + ''; if (entry.author && entry.author.constructor === Array) { var auth = entry.author[0]; if (auth) { comment.author = { name: (auth.name ? auth.name.$t : undefined), profileUrl: (auth.uri ? auth.uri.$t : undefined), avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined) }; } } if (entry.link) { if (entry.link[2]) { comment.link = comment.permalink = entry.link[2].href; } if (entry.link[3]) { var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href); if (pid && pid[1]) { comment.parentId = pid[1]; } } } comment.deleteclass = 'item-control blog-admin'; if (entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') { comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value; } } } comments.push(comment); } } return comments; }; var paginator = function(callback) { if (hasMore()) { var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50'; if (cursor) { url += '&published-min=' + new Date(cursor).toISOString(); } window.bloggercomments = function(data) { var parsed = parse(data); cursor = parsed.length < 50 ? null : parseInt(parsed[parsed.length - 1].timestamp) + 1 callback(parsed); window.bloggercomments = null; } url += '&callback=bloggercomments'; var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; document.getElementsByTagName('head')[0].appendChild(script); } }; var hasMore = function() { return !!cursor; }; var getMeta = function(key, comment) { if ('iswriter' == key) { var matches = !!comment.author && comment.author.name == config.authorName && comment.author.profileUrl == config.authorUrl; return matches ? 'true' : ''; } else if ('deletelink' == key) { return config.baseUri + '/delete-comment.g?blogID=' + config.blogId + '&postID=' + comment.id; } else if ('deleteclass' == key) { return comment.deleteclass; } return ''; }; var replybox = null; var replyUrlParts = null; var replyParent = undefined; var onReply = function(commentId, domId) { if (replybox == null) { // lazily cache replybox, and adjust to suit this style: replybox = document.getElementById('comment-editor'); if (replybox != null) { replybox.height = '250px'; replybox.style.display = 'block'; replyUrlParts = replybox.src.split('#'); } } if (replybox && (commentId !== replyParent)) { document.getElementById(domId).insertBefore(replybox, null); replybox.src = replyUrlParts[0] + (commentId ? '&parentID=' + commentId : '') + '#' + replyUrlParts[1]; replyParent = commentId; } }; var hash = (window.location.hash || '#').substring(1); var startThread, targetComment; if (/^comment-form_/.test(hash)) { startThread = hash.substring('comment-form_'.length); } else if (/^c[0-9]+$/.test(hash)) { targetComment = hash.substring(1); } // Configure commenting API: var configJso = { 'maxDepth': config.maxThreadDepth }; var provider = { 'id': config.postId, 'data': items, 'loadNext': paginator, 'hasMore': hasMore, 'getMeta': getMeta, 'onReply': onReply, 'rendered': true, 'initComment': targetComment, 'initReplyThread': startThread, 'config': configJso, 'messages': msgs }; var render = function() { if (window.goog && window.goog.comments) { var holder = document.getElementById('comment-holder'); window.goog.comments.render(holder, provider); } }; // render now, or queue to render when library loads: if (window.goog && window.goog.comments) { render(); } else { window.goog = window.goog || {}; window.goog.comments = window.goog.comments || {}; window.goog.comments.loadQueue = window.goog.comments.loadQueue || []; window.goog.comments.loadQueue.push(render); } })(); // ]]> </script> </b:includable>

mudah kan..?

Gambar Loading Terlengkap

2013-03-28T06:35:00.004-07:00

download disini

Update Status Via Terlengkap Yang Pernah Ada

2013-03-25T15:32:00.001-07:00

KARAOKEAN yok

2013-03-24T04:05:00.000-07:00

autor : Dimas We-Friend

MP3 RANDOM PARK 3 ALA GUE

2013-03-03T00:04:00.001-08:00

MP3 random park 3 ala gue..... begitulah bunyinya xixixixi
kali ini saya akan membagikan hasil karya saya sendiri.... sekian lama saya membuat nya
dan tepat pada hari inilah saya berkesempatan dan memberanikan diri
untuk memostingkan karya saya
tanpa campur sahabat blogger saya :p
dan kemarin kan saya sempat mosting cara memasang MP3 di blog ala gue :p
dan Pasang MP3 di Blog Ala Gue park 2 .
nah disitu banyak yang bertanya-tanya

gan.... kok scripsinya hanya bisa menggunakan 1 lagu doang
gak bisa ya 2 atau 3 lagu sekaligus?

eiiiiiitzzzzz.... disini saya telah mengembangkan scripsi ini
bukan hanya 1 lagu doang
bahkan 20 lagu sekaligus saya ladenin, hehehehe...
DEMOnya bisa di lihat pada halaman ini
sebelumya LIKE dulu ->

kelebihan MP3 ini adalah::

AUTO PLAY
LEBIH DARI 1 ATAU 2 LAGU
RINGAN (ENTENG DI BLOG)
RANDOM, (MP3 di putar secara acak setiap refres halaman blog)
MENGGUNAKAN TOMBOL NEXT / STOP

Kekurangan::

MP3nya SAYA SENDIRI YANG NENTUIN
(untuk mencegah para plagiat)

PENGEN KAN...???
CARANYA klik disini >> http://gue-mp3.blogspot.com/

lalu pilih lagu yang kalian suka
disini saya akan mengupdate lagu tiap minggunya dengan lagu terbaru
jadi kalian sering-sering ya absen di http://gue-mp3.blogspot.com/

dan akan tampil halaman seperti ini

lalu COPY scripsi yang ada di kotak tersebut lalu letakan atau pastekan kode tersebut
di add gadget >> HTML/Java Script

MENETAP
(posisi mp3 tampil dimana anda meletakan scripsi tersebut)
POJOK
(posisi mp3 tampil melayang di pojok kiri bawah monitor)

jika ingin menyembunyikan MP3 tersebut
contoh ::

<center><iframe allowfullscreen="" frameborder="0"
height="90" scrolling="no" src="http://goo.gl/82Fta" width="280">
</iframe></center>

kalian rubah angka yang berwarna merah menjadi 0
hasilnya seperti ini

<center><iframe allowfullscreen="" frameborder="0"
height="0" scrolling="no" src="http://goo.gl/82Fta" width="0">
</iframe></center>

Tombol Like Page Melayang Di Sudut Blog

2013-02-26T15:47:00.000-08:00

seperti gambar di atas
dan demonya bisa dilihat pada halaman ini

untuk memasang tombol LIKE PAGE melayang di sudut BLOG tinggal copy scripsinya dan letakan di ADD gatget >> HTML/JavaScript

<div style="position: fixed; top: 20px; width: 300px; right: 5px;"><center><div style=" -moz-border-radius: 0px 0px 0px 0px; border-radius: 10px; border: 5px solid #ccc; margin: 0; overflow: auto; width:280px;">
<div style="-moz-border-radius: 10px; background-image: url(http://1.bp.blogspot.com/_bBL9ze_JZsw/TT_VysqlknI/AAAAAAAAAMs/OgtZMowV_m4/s1600/black50.png); border-radius: 10px; padding: 10px; "><div class="fb-like-box" data-href="http://www.facebook.com/wahyuibnuakbar" data-width="260" data-height="400" data-show-faces="false" data-colorscheme="dark" data-stream="true" data-border-color="#cccccc" data-header="true"></div><div class="fb-facepile" data-href="http://www.facebook.com/wahyuibnuakbar" data-size="small" data-max-rows="1" data-width="260" data-colorscheme="dark"></div></div></div> </center></div>

NB: merah ganti dengan ID PAGE kaliam

Notifikasi Sederhana dengan CSS3

2013-02-25T21:48:00.001-08:00

saya mau berbagi trik CSS lagi nih, Yaitu Notifikasi sederhana dengan css3, sebenarnya apasih fungsinya? awalnya juga notif ini saya gunakan untuk memberitahukan bahwa saya telah membuat "FORUM GALAUERS" di google trik notifikasi yang cocok tidak ada,jadi saya membuat sendiri notifikasi ini yang merupakan hasil modifikasi dari trik "loading page dengan css3 animasi". nah,apasih yang berbeda dengan trik loading page? bedanya,html dan css notifikasi ini pastinya lebih sederhana dan lebih minim penggunaanya, contohnya yang saya kurangi yaitu background rgba yang tadinya secara menyeluruh secara fullscreen,animasi loader/loading yang saya hapus.jadi yang tersisa hanyalah text dan background, serta css3 animasi agar setelah 10 detik, nofif ini akan menghilang secara otomatis. Oia,cssnya juga sudah saya rapihkan dari versi sebelumnya, jadi tidak akan bentrok dengan banner slider,loading page,dan content slider(karena dasar html dan cssnya sama 100%). Setting CSS'nyapun cukup flexibel,kamu bisa rubah ukuran notif,warna background,dll.untuk pengaturan posisinya akan saya jelaskan nanti dibawah.

DEMO nya bisa KLIK diSINI

CSS

letakan kode di bawah ini tepat di atas kode ]]></b:skin>

#notifjo {
right: 10px; /* posisi di paling kanan */
top: 10px; /* posisi di paling atas */
width: 320px; /* lebar notif */
height: auto; /* tinggi notif otomatis */
overflow: hidden;
background: rgba(255,255,255,0.9); /* warna background */
border-radius: 5px; /* nilai sudut bundar */
border: 1px solid #ddd; /* garis batas luar */
z-index: 999999;
position: fixed; /* posisi melayang */
-webkit-animation: fadeOutnotif 10s linear forwards; /* notif 10 detik */
-moz-animation: fadeOutnotif 10s linear forwards;
-o-animation: fadeOutnotif 10s linear forwards;
-ms-animation: fadeOutnotif 10s linear forwards;
animation: fadeOutnotif 10s linear forwards;
}
#notifjo a {
display:block;
text-decoration:none;}
#notifjo span {
display: block;
padding: 15px 15px;
pointer-events: none;
text-align: left;
float: left;
}
#notifjo span h2 {
font-size: 12px; /* Ukuran text */
line-height: 21px;
color: #222; /* Warna text */
font-weight: normal;
letter-spacing: 0px;
}
/* gue-galau.blogspot.com */
@-webkit-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -webkit-transform: translateY(0px);}
99% { opacity: 0; -webkit-transform: translateY(-30px);}
100% { opacity: 0;}
}
@-moz-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
@-o-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
@-ms-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
@keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}

HTML

Sedangkan HTML nya letakan di bawah kode <body

<div id='notifjo'>
<span>
<h2><b>Notifikasi :</b>
<p>jadilah yang pertama berimajinasi</p>
<p>gue-galau.blogspot.com</p>
</h2>
</span>
</div>

jika ingin menambahkan kata atau tulisan di notif
kalian tinggal menambah kan kode <p> isi kata/tulisan kalian </p>

Membuat Gambar Lipat Di Sudut Blog

2013-02-23T01:15:00.000-08:00

1. Login ke akun Blogger.
2. Pilih Template » Edit HTML » Lanjutkan » Expand Template Widget.
3. Letakan Kode Berikut Tepatnya Di Atas Kode

</head>

<script type='text/javascript'>var tujuan =' http://www.facebook.com/galauversmania'</script>
<script src='http://gue-galau.googlecode.com/files/page_peel_effect.js/' type='text/javascript'/>

dan hasil keseluruhan nya seperti ini

<script type='text/javascript'>var tujuan =' http://www.facebook.com/galauversmania'</script>
<script src='http://gue-galau.googlecode.com/files/page_peel_effect.js/' type='text/javascript'/>
</head>

4. Silahkan ganti tulisan yang warnanya merah dengan nama fans page facebook Anda.
5. Klik Save.
6. Refresh halaman blog Anda dan lihat hasilnya.

Selamat Berimajinasi & Salam Galauers

Black White Blogger Template (free)

2013-02-21T05:29:00.002-08:00

Black White Blogger template inilah template buatan saya sendiri di akhir pekan ini.
sebenarnya template ini adalah jenis template standar blogger.com ,
dengan hasil kerja keras saya, begini deh hasil nya:D
kemaren sih sempet make template ini
tapi itung-itung mending di share aja dah :p
biar shobat galauers rasain apa yang saya rasakan pada saat menggunakan template ini

template ini punya banyak kelebihan mau tau?

banner slide CSS dan evek lingkaran berputardi header

explore the archive ala gue :p

<blockquote> blockquote ala gue </blockquote>

comentar facebook dan tombol share di atasnya

dan masi banyak lain deh kelebihan nya....... kalo di jelasin mah,, panjang.capek nulis nya uakaka
langsung aja yuk

yang perlu kalian rubah adalah:

<div id='slider2'>
<div id='mask'>
<ul><li>
<a href='http://gue-galau.blogspot.com' title='galauers'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoGTyMapDRIxpei-VP8KKGe4NLD-oym_NtUrHqSWu18-5D3k2-_VUGzaeKwhEd0K2eLrMcBjgPK9P_81A64ts-wBzLzr37YHGt_9t2I7qMfIY7VtXgsJgOgrhYjk-X0J3J8SckMaon-YVI/s1600/LINK+EXC+gue-galau.blogspot.com+SIZE462X60.png'/></a></li>
<li>
<a href='http://gue-galau.blogspot.com' title='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgqwu9_33iXvUIQx3mus0qgeNlJ_Q5JD0NnNria-kBdGmzEroalgj7JGdH3-ZA6nl6Td4wpOlNDnRG1NUrmvKaqSXerD-RsxApgLdzm_pd4dnvGKDKhnkdpLdcuAxbXPD7QgvjWfB1GZY/s1600/LINK+EXC+gue-galau.blogspot.com+468x60.jpg'/></a>
</li>
<li><a href='http://gue-radio.blogspot.com' title='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyh2kz8MFgUhJrq99N9lXx-pSMgfl82vZaccGnsTAAJiawakC2xsRuCZvr55zacMTczSgekGNAJDLdlW4krGq8V86i3WfLj8TS2gK43fte1eAk9xzU2AJXH267f6fqCdSncjhuQATVq8V_/s1600/LINK+EXC+gue-radio.blogspot.com+SIZE462X60.png'/></a>
</li>
<li><a href='http://gue-updatestatus.blogspot.com' title='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnVXZUnfqvuEgmyJtwVvNsLPfsTsLpAIhyouoG9em6NcSAoNHCV-vjwZKTJItScRExo_SlZv0mpkho5LeUC2W-F7TEvmRb8TSwB1GKdilA8UVvDbCpw5eRg0J41I0t_kIMidKai_ywelio/s1600/LINK+EXC+gue-updatestatus.blogspot.com+SIZE462X60.png'/></a>
</li>
</ul>
</div>
<div id='progress'>
</div><div id='overlay'>
</div><div id='pause'>
</div></div>

orange ganti dengan link tujuan
merah ganti denga Link gambar (SIZE462X60)

Loading page dengan CSS3 Animasi

2013-02-21T00:19:00.004-08:00

Hello sobat,pada kesempatan kali ini,saya akan berbagi trik cara memasang Efek loading page dengan CSS3 Animasi hasil modifikasi saya sendiri full menggunakan CSS3 dan dan css3 keyframe animation dengan menggunakan timing yang tepat~xD

ScreenShot:

atau kalian bisa melihat DEMO nya DiSINI

Awal mula membuat trik ini saya mendapat ide dari banner slider/photo slider yang dulu saya post.jadi saya punya ide untuk menggunakan efek loadingnya saja dan dibuat melayang pada blog kita pada tiap halamanya,ya sudah,saya hapus gambar slidenya,dan dibuat lebih simple dan menyisakan css loadernya saja.efek loadernya sendiri saya atur timing standart'a selama 15 detik dan efek fade-out/efek menghilangkan slider setelah waktu habis,dan jadilah PAGE LOADER palsu~xD. LOL

Mengapa saya sebut palsu?

karena menggunakan trik ini bukan benar" loading konten yang ada di blog kita,tetapi hanya membuat pengunjung bertahan selama kurang lebih dari 15 detik~xDD.

Oia,sebelumnya saya ingatkan,untuk memasang loader page ini,lebih baik diterapkan pada blog yang beban-nya belum terlalu berat,karena menggunakan trik ini akan menambah sedikit beban pada blog anda,dan itu juga tergantung pada konten" pada blog anda,dan jangan lupa untuk selalu membackup template anda agar tidak terjadi sesuatu yang tidak diinginkan~

mau dicoba? ikuti langkah' dibawah ini :

CSS

Buka blogger=>template=> Edit HTML, copy css dibawah ini,lalu letakan tepat diatas code ]]></b:skin>

#sliderloadingwrapper {width:100%;height:100%;
position:fixed;z-index: 999999999999999999999999999999;
background: #000000;
left: 0px;-webkit-animation: fadeOut 15s linear forwards;
-moz-animation: fadeOut 15s linear forwards;
-o-animation: fadeOut 15s linear forwards;
-ms-animation: fadeOut 15s linear forwards;
animation: fadeOut 15s linear forwards;}
/* Blog gue-galau.blogspot.com */
#sliderloader {
width: 500px;
height: 85px;
overflow: hidden;
background-color: #393939;
border: 1px solid #cccccc;
-moz-transition: all 170ms ease-in;
-webkit-transition: all 170ms ease-in;
-o-transition: all 170ms ease-in;
position: relative;
margin-bottom: 30px;
border-radius: 5px;
box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.2), 0 0px 0 #5E524F;
border-bottom: 1px solid #222;
margin: auto;
margin-top: 200px;}
#progressbg {
width:460px;
margin:auto;
height:5px;
background-color:#ddd;
top:65px;
position:relative;
}/* Blog gue-galau.blogspot.com */
#galauersloader {
width:1px;
height:5px;
background-color:#ffd000;
-moz-animation:galauersloader 70s infinite;
-webkit-animation:galauersloader 70s infinite;
position:relative;
-moz-transition:all 170ms ease-in;
-webkit-transition:all 170ms ease-in;
-o-transition:all 170ms ease-in;
}/* Blog gue-galau.blogspot.com */
#sliderloader ul {
width:2630px;
list-style:none;
padding:0;
margin:0;
position:relative;
left:0px;
}/* Blog gue-galau.blogspot.com */
#sliderloader li {
display:inline;
width:500px;
height:100px;
margin:0;
padding:0;
float:left;
position:relative;
}/* Blog gue-galau.blogspot.com */
#sliderloader li a {
display:block;
text-decoration:none;}
#sliderloader li span {
display: block;
width: 460px;
padding: 10px 20px;
text-shadow: 1px 1px 1px #362c30;
pointer-events: none;
text-align: left;
float: left;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}/* Blog gue-galau.blogspot.com */
#sliderloader ul li span h2 {
font-size:13px;
line-height:24px;
color:#fff;letter-spacing: 1px;
font-weight:normal;
text-shadow:1px 1px 2px #362c30;
text-transform:uppercase;
}/* Blog gue-galau.blogspot.com */

@-webkit-keyframes galauersloader {
0% {width:0px; opacity:0;}
2% {width:0px; opacity:1;}
20% {width:460px; opacity:1;}
22.5% {width:460px; opacity:0;}
22.59% {width:0px;}
25% {width:0px; opacity:1;}
45% {width:460px; opacity:1;}
47.5% {width:460px; opacity:0;}
47.59% {width:0px;}
50% {width:0px; opacity:1;}
70% {width:460px; opacity:1;}
72.5% {width:460px; opacity:0;}
72.59% {width:0px;}
75% {width:0px; opacity:1;}
95% {width:460px; opacity:1;}
98% {width:460px; opacity:0;}
100% {width:0px; opacity:0;}
}
@-moz-keyframes galauersloader {
0% {width:0px; opacity:0;}
2% {width:0px; opacity:1;}
20% {width:460px; opacity:1;}
22.5% {width:460px; opacity:0;}
22.59% {width:0px;}
25% {width:0px; opacity:1;}
45% {width:460px; opacity:1;}
47.5% {width:460px; opacity:0;}
47.59% {width:0px;}
50% {width:0px; opacity:1;}
70% {width:460px; opacity:1;}
72.5% {width:460px; opacity:0;}
72.59% {width:0px;}
75% {width:0px; opacity:1;}
95% {width:460px; opacity:1;}
98% {width:460px; opacity:0;}
100% {width:0px; opacity:0;}
}
@-webkit-keyframes fadeOut {
0% { opacity: 1;top:0px;}
10% { opacity: 1;top:0px; }
90% { opacity: 1; -webkit-transform: translateY(0px);top:0px;}
99% { opacity: 0; -webkit-transform: translateY(-30px);top:0px;}
100% { opacity: 0;top: -980px;}
}
@-moz-keyframes fadeOut {
0% { opacity: 1;top:0px; }
10% { opacity: 1;top:0px; }
90% { opacity: 1; -moz-transform: translateY(0px);top:0px;}
99% { opacity: 0; -moz-transform: translateY(-30px);top:0px;}
100% { opacity: 0;top: -980px;}
}

@-o-keyframes fadeOut {
0% { opacity: 1;top:0px; }
10% { opacity: 1;top:0px; }
90% { opacity: 1; -o-transform: translateY(0px);top:0px;}
99% { opacity: 0; -o-transform: translateY(-30px);top:0px;}
100% { opacity: 0;top: -980px;}
}

@-ms-keyframes fadeOut {
0% { opacity: 1;top:0px;}
10% { opacity: 1;top:0px;}
90% { opacity: 1; -ms-transform: translateY(0px);top:0px;}
99% { opacity: 0; -ms-transform: translateY(-30px);top:0px;}
100% { opacity: 0;top: -980px;}
}

@keyframes fadeOut {
0% { opacity: 1;top:0px; }
10% { opacity: 1;top:0px; }
90% { opacity: 1; transform: translateY(0px);top:0px;}
99% { opacity: 0; transform: translateY(-30px);top:0px;}
100% { opacity: 0;top: -980px; }
}

HTML

Sedangkan untuk Kode Html ini diletakan dibawah kode <body>

<div id='sliderloadingwrapper'><div id='sliderloader'>
<ul><li><span><h2>Loading Forum Galauers . . .</h2></span></li></ul>
<div id='progressbg'><div id='galauersloader'>
</div></div></div></div>

Oia,jika kamu ingin mengganti warna background dan loadernya,kamu tinggal mencari css dibawah ini,dan mengganti kode warnanya (hex dan rgba)

#sliderloadingwrapper{

yang diganti :
background: #000000;

dan

#sliderloader {

yang diganti :
background-color: #393939;

Menggunakan trik ini,akan berpengaruh pada seluruh postingan blog anda,jika hanya ingin tampil di halaman depan/homepage saja,gunakan html tag conditional yang diletakan di luar html loader ini.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Isi HTML
</b:if>

#Trik ini sudah teruji pada browser Google Chrome dan mozilla Firefox versi terbaru.

Selamat mencoba,semoga bermanfaat