Senin, 19 Agustus 2013

Widget Attribution atau Atribusi

Widget Attribution atau Atribusi Sangat sedikit blog yang menaruh link ‘ Powered by Blogger ‘ atau ‘ Diberdayakan oleh Blogger ' saat ini. Mereka mengkustom sedemikian rupa template blog sehingga hampir menyerupai Web yang profesional. 

Secara default blogger menginginkan agar para pengguna nya tidak lupa untuk menaruh link blogger.com pada setiap blog yang kita punya, sehingga widget Attribution atau Atribusi muncul pada setiap template yang di sediakan blogger saat ini. Banyak para blogger yang tidak setuju atau juga sangat terganggu akan ada nya Widget Attribution atau Atribusi, karena widget ini bisa di tambahkan tetapi tidak bisa di hapus dan di pindahkan.

Widget Attribution atau Atribusi

Tetapi dengan sedikit trik bisa kok kita lakukan hal-hal yang kalian inginkan seperti di atas. Ini nih penampakannya 
 
Widget Attribution atau Atribusi
Buat kamu yang ingin menghapus Widget Attribution atau Atribusi Klik disini

Memasang Author Box Profesional Dibawah Postingan

Author Box di bawah posting berisikan foto, data author posting dan berisikan sedikit teks serta link postingan, trik ini memang bukan hal baru lagi karena beberapa blog lain juga sudah membahas hal seperti ini Perbedaan Author box ini dengan yang lainnya adalah karena author box ini sangat simple dan sedikit kode sehingga sangat mudah untuk di terapkan oleh kalian semua

Memasang Author Box Profesional Dibawah Postingan

Memasang Author Box Profesional Dibawah Postingan

1. Sign in ke akun Blogger kalian

2. Lalu pilih blog yang akan kalian terapkan trik ini

3. Lalu pilih Template dan Edit HTML

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

admin-tulisan{width:auto;background:#ABA3A3;border:1px solid #aaa;margin:30px 0 10px 0;display:block;font-family:"julee";
color:#aaa;}

.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{background:#ABA3A3;border:none;border-bottom:0px solid #000000;color:#000000;font-family:"julee";text-shadow:0 0px 0 rgba(0, 0, 0, 0.4);padding:5px 10px;margin:0 0 0 0;display:block;}.admin-tulisan h4 a{color:#000000;}

.admin-tulisan img{background:#000000;width:90px;height:100px;border:0px solid #000000;margin:3px 10px 0 0;float:left;padding:2px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}

5. Lalu cari kode <div class='post-footer'>  , Lalu copas kode di bawah ini tepat di atasnya

<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b></h4>
<div class='kontainer'>
<img alt='Nama Kamu ' src='https://lh3.googleusercontent.com/-SnOKpjlWjag/AAAAAAAAAAI/AAAAAAAABWk/jUchzEckTuA/photo.jpg'/>
Anda sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh<b><data:post.author/></b>, Anda diperbolehkan mengcopy-paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='75' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
</span></p><div style='clear:both;'/></div></div>
</b:if>
<div class='post-footer'>

6. Lakukan pratinjau sebelum di Simpan

Ganti tulisan berwarna merah dengan nama anda
Ganti URL berwarna hijau dengan url foto anda

Tanya-tanya bisa via komentar ya sobat

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  ]]&gt;&lt;/b:skin&gt;

/*--- 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
Diberdayakan oleh Blogger.