Sabtu, 24 Agustus 2013

Software Pengubah Format Video Menjadi Gif


Video untuk GIF Converter adalah alat yang cukup bagus yang menawarkan proses 2-langkah konversi sederhana dengan pilihan untuk mengubah ukuran output dan manual menghapus frame yang tidak perlu.
Dalam contoh saya membuat animasi dari video movie Saint Seiya The Lost Canvas, berikut hasilnya :
hades Cara Membuat Animasi GIF dari Video


Supported video formats:
  1. AVI (DivX/XviD)
  2. WMV
  3. MPEG
  4. FLV
  5. MOV
  6. MP4
  7. 3GP
  8. VOB
  9. MKV
Download Video to GIF Converter

Sekian, Semoga bermanfaat !

Cara Daftar Blog/Website Ke Alexa Rank

Pada saat ini yang memberikan pagerank terhadap sebuah Blog diantaranya adalah Alexa. Oleh sebab itu mendaftarkan Blog/Website ke Alexa cukup penting sekali. Sebab penilaian Pagerank Alexa untuk Blog Sobat yang dilakukan oleh website tersebut masih berdasarkan pada Widget Alexa yang terpasang disetiap Blog, dan juga dari setiap Alexa Toolbar yang terpasang pada web browser para penggunanya.

Review http://tipsseomudah.blogspot.com/ on alexa.com

Nah pada kesempatan ini bagi blogger pemula yang belum mengetahui bagaimana cara mendaftar blog ke Alexa, silahkan sobat ikuti langkahnya seperti yang akan saya jelaskan secara lengkap dibawah ini. Berikut adalah bagaimana cara mendaftarkan Blog sobat di Alexa.com
  • Silahkan sobat login ke http://www.alexa.com/
  • Kemudian Klik Create Account

Register alexa

  • Pada kotak Register silahkan Isi dengan data email dan nick name sobat, nanti akan ada popup bahwa telah dikirim pesan ke email sobat untuk konfirmasi.
form register alexa
  • Silahkan buka email sobat lalu klik link konfirmasi pendaftaran tersebut.
form register alexa

  • Langkah selanjutnya adalah setting password baru sobat, silahkan masukan password baru yang nanti akan sobat gunakan setiap login di Alexa, klik Submit Password.

set password alexa

  • Jika berhasil nanti akan ada pemberitahuan bahwa akun sobat berhasil dibuat.
form register alexa
  • Tahap berikutnya adalah melakukan klaim blog yang akan sobat daftarkan, pada kotak isian silahkan masukan URL Blog sobat lalu klik Claim Your Sites.
claim your sites

  • Nanti akan ada pilihan apakah sobat akan mendaftar secara gratis atau berbayar, jika ingin memilih yang gratis silahkan pilih FREE Sign Up.

free sign up
  • Lalu langkah selanjutnya sobat akan diminta untuk menempatkan script meta verifikasi di blog sobat.  Kode meta tersebut harus diletakan dan disimpan sebelum sobat klik verifi my id. Lihat gambar penjelas dibawah ini.
kode meta verifikasi alexa
  • Kemudian silahkan salin kode meta tersebut dan tempatkan pada blog. Caranya silahkan login ke akun Blogger sobat. Pilih Template lalu klik Edit HTML dan klik Format Template. Tekan CTRL + F lalu cari kode <head>, dan letakan kode tersebut dibawah kode <head>. Jangan lupa klik Save Template. Lihat gambar penjelas panah hijau.
cara menyimpan kode meta
  • Jika kode meta sudah diletakan pada Blog, sekarang kembali ke dashboar Alexa lalu sobat klik Verify my ID dan klik Continue.

Verify my ID

Sampai disini tahap pendaftran URL Blog di Alexa sudah selesai, langkah selanjutnya adalah cara memasang Widget Alexa di blogspot. Bagimana memasang widget tersebut silahkan sobat baca pada posting Cara Pasang Widget Alexa Rank Dengan Cepat.

Cara Membuat Widget Alexa Rank Dengan Gambar Keren

Scholovers Blogger | hai... sobat blogger, ap kabar?, kali ini admin akan posting Cara Membuat Widget Alexa Rank Dengan Gambar Keren, mau nggak? (kalau nggak mau sih gpp). coba sobat lihat contoh gambar widget nya di bawah ini:

Alexa Rank, Alexa Keren, Widget Alexa Keren, Alexa Dengan Animasi, Animasi Widget Alexa


::Cara Membuat Widget Alexa Rank Dengan Gambar Keren::

1. Buka situs ini www.rankwidget.com (sobat harus punya akun Alexa Rank terlebih dahulu) jika belum punya akun Alexa Rank sobat bisa daftar disini, jika sobat bingung cara daftarnya sobat bisa lihat tutorialnya disini.

2. Setelah situs tersebut terbuka, masukkan url/alamat blog/website sobat.
    screenshot:
Keren Widget, Alexa Rank, Alexa Rank Keren, Widget Gambar Alexa

3. Lalu Sobat klik tombol Get Rank!
    screenshot: 

4. Setelah Sobat menekan Tombol Get Rank!, sobat bisa memilih model widget alexa rank yang sobat inginkan, lalu copy kode widget yang terdapat di sebelah widget yang sobat pilih.
    screenshot:

5. Masukkan Kode yang sobat copy ke HTML/Java Script di tata letak atau bisa juga di tempat yang sobat inginkan.

6. Save, and Enjoy

Kamis, 22 Agustus 2013

Privacy Policy

Privacy Policy for http://www.blooger.co.id

If you require any more information or have any questions about our privacy policy, please feel free to contact us by email at fauziii.scholovers@gmail.com.

At http://www.blooger.co.id, the privacy of our visitors is of extreme importance to us. This privacy policy document outlines the types of personal information is received and collected by http://www.blooger.co.id and how it is used.

Log Files
Like many other Web sites, http://www.blooger.co.id makes use of log files. The information inside the log files includes internet protocol ( IP ) addresses, type of browser, Internet Service Provider ( ISP ), date/time stamp, referring/exit pages, and number of clicks to analyze trends, administer the site, track user’s movement around the site, and gather demographic information. IP addresses, and other such information are not linked to any information that is personally identifiable.

Cookies and Web Beacons
http://www.blooger.co.id does use cookies to store information about visitors preferences, record user-specific information on which pages the user access or visit, customize Web page content based on visitors browser type or other information that the visitor sends via their browser.

DoubleClick DART
Cookie
.:: Google, as a third party vendor, uses cookies to serve ads on http://www.blooger.co.id.
.:: Google's use of the DART cookie enables it to serve ads to users based on their visit to http://www.blooger.co.id and other sites on the Internet.
.:: Users may opt out of the use of the DART cookie by visiting the Google ad and content network privacy policy at the following URL - http://www.google.com/privacy_ads.html

Some of our advertising partners may use cookies and web beacons on our site. Our advertising partners include ....
Google Adsense
Commission Junction
Widget Bucks
Adbrite
Clickbank
Azoogle
Chitika
Linkshare
Amazon
Kontera


These third-party ad servers or ad networks use technology to the advertisements and links that appear on http://www.blooger.co.id send directly to your browsers. They automatically receive your IP address when this occurs. Other technologies ( such as cookies, JavaScript, or Web Beacons ) may also be used by the third-party ad networks to measure the effectiveness of their advertisements and / or to personalize the advertising content that you see.

mpot.com has no access to or control over these cookies that are used by third-party advertiser
s.

You should consult the respective privacy policies of these third-party ad servers for more detailed information on their practices as well as for instructions about how to opt-out of certain practices. http://www.blooger.co.id's privacy policy does not apply to, and we cannot control the activities of, such other advertisers or web sites.

If you wish to disable cookies, you may do so through your individual browser options. More detailed information about cookie management with specific web browsers can be found at the browsers' respective websites. 

Rabu, 21 Agustus 2013

Membuat Recent Comment / Komentar Terbaru dengan thumbnail

Mengijinkan para pembaca setia blog anda menanggapi postingan membuat setiap postingan anda menjadi lebih hidup, para pembaca bisa langsung ber konsultasi dan tanya jawab sekitar postingan tersebuat.

Membuat Recent Comment / Komentar Terbaru dengan thumbnail

Postingan yang menarik akan sangat banyak mengundang banyak komentar dan tanggapan yang aktif untuk mempermudah anda dan para pembaca setia blog untuk melihat siapa saja yang baru saja menambahkan komentar, anda bisa menambahkan Widget Membuat Recent Comment / Komentar Terbaru dengan thumbnail yang bisa memunculkan Avatar sang yang empunya komentar

Ini penampakannya

Membuat Recent Comment / Komentar Terbaru dengan thumbnail

1. Sign in atau masuk ke akun Blogger anda

2.Pilih blog yang akan anda tambah kan widget ini

3. Pilih Tata Letak, lalu Tambahkan Widget HTML/Javascript

4. Copy Paste kode di bawah ini

<style type="text/css">
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
    numComments     = 4,
    showAvatar     = true,
    avatarSize     = 30,
    roundAvatar    = true,
    characters     = 40,
    showMorelink    = false,
    moreLinktext    = "More »",
    defaultAvatar     = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits    = true;
//]]>
</script>
<script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/w2b-recent-comments-gravatar.js"></script>
<script type="text/javascript" src="http://www.blooger.co.id/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

  •  4 Memunculkan 4 Komentar terbaru
  • 30 Ukuran avatar yang muncul
  • 40 Jumlah huruf yang mucul
  • http://www.blooger.co.id Ganti dengan URL Blog anda
5. Lalu Simpan , dan letakan sesuai keinginan anda

Selasa, 20 Agustus 2013

Cara menghilangkan 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

1. Sign in di akun blogger anda

2. Pilih blog yang akan anda terapkan 

3. Pergi ke Template lalu Edit HTML

4. Tambahkan kode di bawah ini, tepat di atas  ]]></b:skin>
#Attribution1 {
height:0px;
visibility:hidden;
display:none
}
5. Lakukan Pratinjau sebelum di Simpan

Semoga bermanfaat ya

Cara Pasang Widget Alexa Rank Dengan Cepat

Cara Pasang Widget Alexa Rank Dengan Cepat | Alexa Rank merupakan situs yang mendeteksi otomatis jumlah traffic dan backlink sebuah blog atau website. dengan memasang alexa akan lebih mengoptimalkan dan mempermudah cek traffic dan backlink situs, Pada posting terbaru kali ini Kolombloggratis.Org akan searching cara mudah untuk memasang widget alexa rank pada blog atau website yang sobat kelola saat ini. Mungkin sudah banyak para master blogger yang sudah menerapkan cara ini, tetapi artikel ini dibuat bertujuan agar para blogger pemula yang belum mengetahui cara memasang alexa hari ini jadi tau caranya. Alexa rank akan memberikan peringkat berdasarkan banyaknya traffic pengunjung blog atau website karena semakin banyak pengunjung pasti alexa rank akan semakin baik. alexa juga memiliki toolbar yaitu alexa toolbar, dengan memasang alexa toolbar data yang didapatkan akan lebih maximal dan akurat, tetapi banyak master blogger yang memilih untuk memasang alexa widget,... 

Alexa Certified Traffic Ranking for http://www.kolombloggratis.org/

Dengan memasang alexa widget di blog atau website secara otomatis mesin alexa akan mengetahui secara akurat berapa pengunjung serta backlink yang didapatkan blog atau website, dengan di pasangnya widget alexa pada blog atau website sobat, semoga alexa rank situs sobat akan semakin bagus, alexa rank pendeteksiannya cepat dalam melakukan update sehingga hasil updatenya akan terlihat dalam 1 - 2 hari, untuk menaikan ranking alexa adalah dengan mencoba meningkatkan trafik atau jumlah kunjungan ke blog atau website, Berikut ikuti langkah - langkah cara pasang widget Alexa Rank pada blog atau website :
  1. Kunjungi Alexa.com
  2. Masukan alamat Url blog atau website
  3. Klik build widget
  4. Copy kode widgetnya ke notpet
  5. Login ke akun blogger
  6. Klik tata letak
  7. Klik tambah gadget
  8. Pilih Html javasribt
  9. Paste kode widgetnya
  10. Klik simpan
Semoga posting artikel Scholovers Blogger kali ini tentang cara memasang widget alexa dengan cepat pada blog atau website dapat mengoptimalkan reputasi dari situs bisa bermanfaat buat sobat semua

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