Minggu, 18 Agustus 2013

Widget Keren Untuk Blog Dari Google

Widget Keren Untuk Blog Dari Google - Selamat malam sobat blogger!!! Kali ini saya akan memposting artikel tentang Widget atau Gadget - Gadget keren yang bisa dipasang di blog dari sang raksasa search engine Google.. Google tak hanya memuaskan pelanggan dengan menghadirkan BLOGGER.COM namun juga turut andil untuk memuaskan para blogger mania dalam menghias blog. Terdapat Ribuan Widget yang Meliputi Game, Weather, Clock dan Masih banyak lagi...Sobat yang tertarik memasang widget - widget ini silahkan langsung saja menuju ke TKP..

Cara Memasang Widget Keren Dari Google di Blog
1. Silahkan Klik Disini
2. Sobat akan melihat tampilan seperti berikut.

3. Silahkan pilih widget yang di inginkan dengan meng-klik Add to your webpage.. Bisa juga langsung dimainkan secara online ( Khusus game ). Kemudian sobat akan melihat tampilan seperti berikut..
4. Atur tampilan Gadget/widget sesuai keinginan, kemudian klik preview Changes untuk melihat preview hasil settingan dan jika dirasa sudah sesuai klik Get the Code Untuk mendapatkan Script-nya

5. Silahkan Copy Paste ke halaman blog sobat. Adapun 2 cara memasang gadget ini di blog yaitu
A. Dengan meletakkan di halaman utama blog sobat ( Entah itu di sidebar, footer, ataupun header ).
Caranya :
1. Klik Tata Letak - Klik Tambah gadget - HTML/Javascript
2. Kemudian Masukkan kode Script-nya
3. Klik save

B. Dengan meletakkan di halaman postingan ( khusus game dan widget yang ber-resolusi besar alias makan tempat)
Caranya :
1. Buat entri baru dan beri judul sesuai keinginan
2. Kemudian Copy-paste kode scriptnya ke halaman posting HTML dan Bukan COMPOSE.
3. Klik Publikasikan.

Berikut Contohnya
Sekian...

Cara Membuat Blog Terbaru 2013

Cara Membuat Blog Terbaru 2013 - Salam hangat sobat blogger! senang rasanya kembali memposting artikel di blog jadul ini.. setelah sekian lama menghilang dari orbit, blog yang aneh beri judul CHRISTIAN TATELU ini ane harapkan bisa lagi kembali berkiprah di dunia blogger setidaknya dalam hal membantu para newbie yang tertarik untuk ngeblog...
Kali ini saya akan memposting artikel tentang cara bikin blog terbaru 2013, 2014, bahkan harapan saya sampai selama - lamanya.. hehehe.. ( ada - ada aja kamu bro!!! ). Kenapa terbaru?? yup! karna postingan lawas ane yang hampir berjudul sama yaitu cara bikin blog, tutorialnya sudah sangat berbeda, itu dikarenakan interface blogger yang baru. Antarmuka blogger yang baru pula turut merubah beberapa settingan blog termasuk cara untuk membuat blog...
Sekedar info, tutorial tentang cara membuat blogger terbaru ini saya posting sebagai respon atas saran dari teman - teman blogger yang meminta untuk memposting artikel khusus Newbie tentang cara instan membuat blog 2013. Di trik ini, sobat juga akan langsung mengaktifkan akun email gmail sobat beserta akun Google+ sobat. Ha?? mengapa demikian?? Jadi bisa dikatakan "sekali mendayung satu dua bahkan tiga pulau terlampaui " hehehe!!!
Baiklah sob! daripada sobat blogger makin penasaran, tanpa basa - basi lagi mari sobat ikuti tutorial berikut...

1. Silahkan menuju ke blogger.com dan sobat akan langsung melihat tampilan seperti berikut
 2. Isikan data - data yang diminta yang meliputi
  • Nama lengkap
  • Alamat Email Hasil ( blablabla@gmail.com )
  • Password ( kata sandi )
  • Tanggal lahir
  • Jenis kelamin
  • Nomor HP
  • Lokasi
NB : Jangan lupa mencentang tulisan "I agree to the googleTerm of Service and Privacy Policy" dan jangan lupa pula untuk mengisi verifikasi sesuai kata yang tertera di atas (Captcha) dan klik Next Step

 3. Klik Continue dan jika tidak ada gangguan teknis yang berarti, sobat akan langsung menerima kode verifikasi berupa Sms di nomor hape yang sobat daftarkan. Masukkan kode verifikasinya dan klik Continue
4. Setelah itu, sobat akan meihat tampilan seperti berikut yang menandahkan bahwa akun email gmail sobat sudah jadi. Klik Back to Blogger

 5. Pilih Opsi profil yang akan di tampilkan atau di pakai di blogger. Terdapat 2 pilihan, yang pertama sobat bisa menggunakan Profil bawaan Blogger atau Bisa mencoba profil Google+ ( Rekomendasi ) sekaligus membuat akun Google+.

6. Jika sobat memilih membuat profil google+ maka sobat akan melihat tampilan berikut

7. Silahkan Utak - atik sendiri profil Google+ milik sobat dan klik Upgrade.

8. Klik "Lanjutkan ke Blogger"

9.  Klik tulisan " Blog Baru "
10  Silahkan Masukkan Judul Blog dan Alamat Blog serta Template yang di inginkan emudian klik Buat Blog.

Cat : Sesuaikan Judul Blog dengan Alamat Blog Misalnya Judul Blog "PASAR GADGET" maka Url Blog ada baiknya adalah PASARGADGET.BLOGSPOT.COM. Sekianlah Tutorial Lengkap Cara Membuat Blog di Blogspot Terbaru 2013.. dan dengan bangga saya ucapkan selamat datang di dunia blog yang mengasyikan ini....

Sabtu, 17 Agustus 2013

Cara Membuat Link / Gambar Bergerak Bergoyang / Nudging di Blog

Pada kesempatan kali ini saya akan memposting bagaimana Cara Membuat Link / Gambar Bergerak Bergoyang / Nudging, trik ini tidak hanya bisa di terapkan pada blog, tetapi bisa juga di terapkan pada website.

Membuat Link / Gambar Bergerak Bergoyang / Nudging di Blog


Apakah mmebuat berat loading blog ? jawabannya tidak, karena nudge ini kita sematkan pada CSS, sehingga tidak akan memperberat loading blog anda
Membuat Link / Gambar Bergerak Bergoyang / Nudging di Blog

Trik nudge ini bisa di gunakan pada link, gambar maupun widget, Gimana ? tertarik kan buat menerapkannya ?  Langsung aj cekidot

1. Sign pada akun Blogger kalian

2. Lalu pilih blog yang kalian akan terapkan trik nudge ini

3. Piih Template lalu Edit HTML 

4. Copas kode di bawah ini tepat di atas  ]]></b:skin>

/*--- Nudging Effect www.blooger.co.id---*/
.nudge {
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.nudge:hover {
margin-left: 25px;
padding-left: 5px;


5. Simpan template blog nya

Untuk menerapkannya pada link dan gambar anda cukup menambahkan class='nudge'

untuk Link, Contoh : Link Nudge
<a class="nudge" href="http://www.blooger.co.id/">Link Nudge</a>

Untuk Gambar, Contoh :

<img border="0" class="nudge" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg64lplSInKdIoVQXnSVVbZWQwQL3nP7J3crh3xSPjHPHwlhgze8jzLWOa88Po32VeBAJtfOp1sx6t-fYmr5sYGXcMJ26h-qrQWoDPdrPt0Lo720ypjTRNni-FQEGPFZBdWYDRSV1rhv29y/s1600/link.jpg" />


Semoga Berhasil ya sobaaaat

Cara Memasang Widget Translator Berbentuk Bendera keren

Scholovers Blogger | kali ini admin akan share Cara Memasang Widget Translator Berbentuk Bendera keren, widget ini berfungsi agar pengunjung yang di luar negara kita bisa membaca/mengerti isi dari postingan kita.

Lalu, apakah translator itu sendiri?
Google Translate (Google Terjemahan) adalah layanan yang disediakan oleh Google Inc. untuk menerjemahkan bagian teks atau halaman web dalam satu bahasa ke bahasa lain. Untuk beberapa bahasa, pengguna diminta untuk memberikan terjemahan alternatif, seperti untuk istilah teknis, yang akan dimasukkan untuk pembaruan dalam proses penerjemahan selanjutnya.
Cuma masalahnya terjemahan bahasa yang kita inginkan terkadang agak membingungkan, maklum yang menterjemahkannya adalah mesin….hehehe…
Langsung saja sobat lihat Tutorial pemasangan widget tersebut di bwah ini:
1. Login ke akun blogger sobat
2. Setelah itu masuk ke menu Rancangan
3. Pada tab Elemen Laman, klik Add a Gadget/Tambah Gadget
4. Pada jendela yang terbuka, gerakan mouse ke bawah lalu klik HTML/Javascript
5. Isikan kode beriku pada kolom yang ada:

6. Save/Simpan, dan lihat hasilnya!

Jumat, 16 Agustus 2013

Pasang floating iklan atau gambar di blog

Dalam suatu kesempatan kadang sedikit aneh ya kawan kalau ada gambar yang diam tak bergerak di atas status bar browser anda dan akan hilang di saat kita klik closed. Lihat gambar di bawah ini untuk lebih jelasnya.

Pasang floating iklan atau gambar di blog


Floating ini bisa di isi iklan dari adsense dan sebagainnya atau gambar iklan biasa juga bisa


Pasang floating iklan atau gambar di blog


1. Pergi ke blogger.com lalu sign in menggunakan akun blogger anda

2. Pilih blog yang akan kalian gunakan floating ini

3. Pergi ke Tata Letak lalu Tambah Gadget pilih HTML lalu kopas kode di bawah ini

<!-- Start Iklan Melayang Footer -->
<scriptsrc='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'> <br />
<script type='text/javascript'> $(document).ready(function() { $('img#closed').click(function(){ $('#btm_banner').hide(90); }); }); </script>
<style type='text/css'> div#btm_banner { bottom: 0; position: fixed; width: 100%; opacity: 0.9; left: 0; } div#btm_banner img{ border:0; cursor:pointer; } </style> <div style='height: 0px;'></div> <div align='center' id='btm_banner' style='height: 110px; z-index: 9999;'> <div style='text-align: right; width: 735px; height: 3px;'> <img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB-n7E1ZK81Ipe_hpAtH-_6EVOgCbpDnzw24Fn3iHI-E7x-hvOf2CFJIQpBKI6x-nhxLrk_JHTwEZe3AwKtYCbc5tmQDlvXhH0uqGqk0oa6Tka9ubX2i1Hy5oXtTqHk_n_jQ3hrlw61m4/s1600/close-icon.png'/></div> <div style='clear: both;'></div> <p> <p><center>isi floating nya disini</center></p> </p> </div>
<!-- End Iklan Melayang Footer --></scriptsrc='http:>

4. Ganti teks bertulisan merah tersebut, isi dengan gambar berlink, script iklan juga bisa

5. Simpan deh

Sangat Mudah kan ?

Cara Membuat Efek Zoom Gambar Di posting ( Perbesar Gambar )

Pada kesempatan kali ini saya akan sedikit membahas tentang efek gambar pada posting, yaitu dimana saat cursor di arahkan pada gambar yang ada pada posting maka gambar akan otomatis zoom tanpa harus di klik

Membuat Efek Zoom Gambar Di posting ( Perbesar Gambar )

Trik ini sangat efektif, sehingga pengunjng tidak lagi harus mengklik gambar untuk men-zoom gambar posting yang ingin mereka lihat

Cara Membuat Efek Zoom Gambar Di posting ( Perbesar Gambar )

1.Lakukan sign in pada akun blogger kalian

2. Pilih blog yang akan kalian terapkan trik ini

3. Pilih Template lalu Edit HTML kawan

4. Cari kode ]]></b:skin>   , lebih mudah tekan F3 lalu copas aja deh kode nya biar gampang cari kode nya

5. Letak kan kode di bawah ini tepat di atas ]]></b:skin>

.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.3); -o-transform: scale(1.3); -webkit-transform: scale(1.3); }

6. Lakukan Pratinjau, jika sudah berhasil barulah Simpan Template

Sangat mudah kan  ?

Kamis, 15 Agustus 2013

Cara Memasang Anti Copas Di Blog


Pada dasarnya ilmu dikuasai adalah untuk di bagikan lalu di ajari kepada mereka yang menginginkannnya

Mengapa saya tidak menerapkan trik ini?

Seperti kata-kata diatas, saya selalu berpikir positif atas apa yang saya bagikan di blog ini atau di media internet lainnya, pada dasarnya jika kita memposting apapun di blog secara tidak langsung kita telah mengizinkan para pengunjung untuk mengarsipkannya atau disimpan. Dimana di simpannya ?. ya bisa di flashdisk, media penyimpanan lainnya dan di repost diblog mereka sendiri

Cara Memasang Protektor Anti Copas Di Blog


Cara Memasang Protektor Anti Copas Di Blog


Jadi menurut saya , jika ada yang repost artikel atau konten anda, berarti mereka juga ingin melindungi konten anda walau secara tidak langsung, ini lah manfaat kita selalu berfikir positif

Dan ingat sobat, banyak berbagi, akan lebih banyak lagi menerima

Trik yang akan kalian pelajari akan :

1. Nonaktifkan Block Text (oncontextmenu)

2. Nonaktifkan Klik Kanan (onmousedown)

3. Nonaktifkan Ctrl+C / Ctrl+V (onkeydown)


Ayo kita mulai !

1. Seperti biasa anda harus sign in di akun blogger.com kalian

2. Pilih blog yang akan kalian terapkan trik ini

3. Pilih menu Template » Edit HTML

4. Carilah kode yang kurang lebih seperti berikut ini ( gnakan ctrl+F untuk mempermudah pencarian):

<body>
Kemudian, Copy Kode Script di bawah ini. Lalu Paste tepat di bawah kode <body>

<SCRIPT type="text/javascript">

if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>
5. yang terakhir, simpan deh

Rabu, 14 Agustus 2013

Menghilangkan tulisan Beranda/Home

Menghilangkan tulisan Beranda/Home 


anda pernah melihat tulisan seperti gambar di bawah ini ?



 Menghilangkan tulisan Beranda/Home




Jika kalian terganggu dengan tulisan ini, kalian bisa kok menghapusnya

Begini nih kira-kira

1. Seperti biasa anda harus sign in di akun blogger.com kalian

2. Pilih blog yang akan kalian terapkan trik ini

3. Pilih menu Template lalu Edit HTML

4. Carilah kode yang kurang lebih seperti berikut ini ( gunakan ctrl+F untuk mempermudah pencarian):
<data:homeMsg/>

5. Hapus kode tersebut lalu simpan deh template nya

Coba di lihat hasilnya Semoga berhasil Jika terdapat 2 kode, maka hapus lah yang letak nya paling terakhir

Bisa kasih komentar untuk konsultasi masalah trik ini ya

Selasa, 13 Agustus 2013

Menghilangkan Tulisan Posting Lama atau Older Post

Anda pernah melihat tulisan seperti gambar di bawah ini ? tidak semua blogger senang akan link default seperti ini timbul pada blognya,buat kalian yang akan menghilangkannya, ikuti tutorialnya di bawah ini

Menghilangkan Tulisan Posting Lama atau Older Post


Menghilangkan Tulisan Posting Lama atau Older Post

Cari kode yang seperti dibawah ini pada template blog yang kalian inginkan
<data:olderPageTitle/>

jika kalian menemukan kode lebih dari 1, maka hapus saja semua kode yang persis tersebut

lebih baik pilih pratinjau sebelum anda mensimpan nya,

Shortcut atau Jalan pintas pada blogger

Shortcut atau jalan pintas artinya adalah melakukan perintah secara singkat dengan memanfaatkan keyboard. Shortcut juga biasa di pakai di program komputer, begitu pula dengan blogger. Jalan pintas ini sudah di uji bisa berjalan atau berfungsi dengan baik di Google Chrome, Internet Explorer 8+, dan Mozilla Firefox 3+, dan mungkin beberapa browser lainnya. Shortcut atau Jalan pintas pada blogger.

Shortcut atau Jalan pintas pada blogger


Shortcut atau Jalan pintas pada blogger
zdnet.com
Ini nih daftar jalanpintasnya,  
·  Ctrl + d = Menyimpan sebagai Draf
·  Ctrl + s = Memublikasikan Entri
·  Ctrl + g = Transliterasi bahasa Hindi
·  Ctrl + b = Menebalkan
·  Ctrl + i = Memiringkan
·  Ctrl + l = Blockquote (khusus saat berada pada modus HTML)
·  Ctrl + z = Mengurungkan
·  Ctrl + y = Mengulangi
·  Ctrl + shift + a = Menautkan
·  Ctrl + shift + p = Pratinjau

Itu deh kawan kira-kira jalan pintas atau shortcut yang bisa kalian gunakan saat anda sedang blogging, buat yang ingin menambahkan, bisa via komentar yaa,

Semoga bermnfaat

menghapus tulisan Menampilkan entri terbaru dengan label

menghapus tulisan Menampilkan entri terbaru dengan label-Pasti para blogger tahukan tulisan “"Menampilkan entri terbaru dengan label ..... Tampilkan entri lawas “ saat kita memilih melihat label tertentu. seperti di bawah ini.

menghapus tulisan Menampilkan entri terbaru dengan label

menghapus tulisan Menampilkan entri terbaru dengan label

jika kalian merasa terganggu dengan tulisan ini, kalian bisa kok menghapusnya
mari ikuti langkah-langkah berikut.


1. Seperti biasa anda harus sign in di akun blogger.com kalian

2. Pilih blog yang akan kalian terapkan trik ini

3. Pilih menu Template lalu Edit HTML;

4. Carilah kode yang kurang lebih seperti berikut ini ( gunakan ctrl+F untuk mempermudah pencarian):

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

5. Jika sudah ketemu ganti kode di atas dengan kode berikut

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

6. klik SIMPAN TEMPLATE.

Coba cek, sudahkah berhasil ?

Membuat iframe di Blog

iframe adalah suatu ruang kota seperti bingkai yang bisa di isi berbagai kegunaan dalam blogging

Membuat iframe di Blog

Membuat iframe di Blog
http://scape.cs.vt.edu

ini dia script sederhana untuk membuat iframe

<iframe> isi frame nya </iframe>

Beberapa atribut yang sering di pasang dalam iframe adalah :

align=”left/right” –> Untuk mengatur posisi iframe

width=”lebar” –>: Mengatur lebar IFRAME dalam pixel atau persen

height=”tinggi” –> Untuk mengatur tinggi dari iframe dalam pixel atau persen

frameborder=”garis pembatas” –> Untuk memberi garis pembatas

scrolling=”auto/yes/no” –> Untuk memberi atau tidak memberi scrolling pada iframe

src=”url yg ingin di tampilkan” –> alamat sumber yang ingin di tampilkan pada iframe

agar kalian tidak binggung dalam memehaminya. ini dia script iframe yang seder hana
contoh kode yang di pasang seperti ini :
ini sript iframe yang tidak menggunakan scrolling

<iframe align="left" frameborder="0" src="http://www.blooger.co.id"
width="500" height="300" scrolling="no">
</iframe>

kalau yang ini menggunakan scrolling


<iframe align="left" frameborder="0" src="http://www.blooger.co.id"
width="500" height="300" scrolling="yes">
</iframe>

Selesai deh

kalian tinggal copy lalu paste di tempat yang kalian inginkan

catatan : script di atas adalah iframe yang di gunakan untuk menampilkan blog pada frame
Diberdayakan oleh Blogger.