Friday 31 January 2014

Let's Wok and Roll!

I am sure we all have games or toys in our collection that have been there forever.  They are the ones that you aren't sure about when you buy them and then you get them and you wonder what you did before.  Wok n Roll is one of those games for me.  I bought it on a whim years ago and have used it on a weekly basis ever since then.  Not only is it a favorite of mine, it is a favorite of my kids.

A child holding onto the chopsticks with 3 fingers
Wok n Roll is a great game for many reasons.  Not only is it a fun game for the kids to play, it works on a ton of occupational therapy goals at the same time.  It can be played in a group as large as four children or individually.  My favorite thing about the game is that it can be easily adapted to a child's skill level so it can be used with children as young as 2 years old and all the way up to school age children.  Wok n Roll is a battery operated game that shakes and moves around.  The goal of the game is to get all your food into the matching bowl as quickly as possible.  Over the years, I have adapted the game and the expectations for the children depending on what we are working on in therapy.  For my younger children or those that have to work on building their grasping skills and fine motor strength, I won't turn the game on to have it shake and just focus on holding the chopsticks correctly and getting the food into the bowls.  When kids are first playing, they need to be reminded to open and close the chopsticks; I have learned the hard way what happens when a child squeezes the chopsticks too hard-flying plastic food can be very difficult to find!  As the kids get older, I will add the challenge of turning the wok on so it moves around while they are sorting the food into the bowls.  One doesn't realize how difficult this is to do until they actually try it.  This is a perfect game to work on helping a child who has a decreased frustration tolerance because that shaking causes the food to fall out of the chopsticks.  I also love using this game to work on increasing attention span and focus.  Once the game is turned on, I encourage a child to find a piece of food to pick up and not give up.  It may require them tracking where that food moves around to in the bowl and not giving up until you have successfully picked it up.


In addition to what was already mentioned above, Wok n Roll can work on the following occupational therapy goals:
Improve Grasping Skills-the chopsticks are great for working on increasing grasp strength, fine motor control and grasping skills.  For children who have an immature grasp when holding writing instruments, it's important to find fun ways to work on encouraging a proper grasp in a variety of ways.  When using chopsticks, be sure to have your child use 3 fingers (the same number a child should use when holding crayons, pencils, etc.).

Improve Bilateral Coordination Skills/Crossing Midline-when a child is using this on their own, I encourage them to hold the chopsticks in one hand and hold the shaking wok still with the other.  This encourages them to use both hands in a coordinated manner which is important for other graphomotor and fine motor skills.  To encourage crossing midline, I purposely but the bowls on the opposite side of their body so they are forced to cross midline when putting the food into the correct bowls.  
Improve Matching Skills/Color Recognition-a great way to begin on simple matching skills and color recognition.  Because this game can be so easily adapted to a child's skill level, you can use it with even the youngest of clients.  I have had my younger kids who aren't ready for the challenge of chopsticks work in developing grasping skills by using their "pinchers" (pointer and thumb only) to pick up the food and place them in the correct bowl.  A child who has difficulty recognizing and identifying colors can work on that skill by being asked to name each color as they place it in the matching bowl.
Working on crossing midline
Improve Executive Functioning Skills-for older children who need to work on organizational skills, you can require them to set the game up and tell their peers the directions for proper playing of the game.  You can require them to put the food in the bowls in a certain order to work on sequencing and organizing their work.
Improve Upper Extremity Strength-once a child knows the rules of the game and seems comfortable, I start increasing the challenges.  One way of doing that is by adding a strengthening component to the activity.  I like to have the kids lie on their belly on the net swing and complete this task.  They are not only working on improving the skills mentioned above, they are able to work on increasing upper extremity and neck strength at the same time.  Sometimes getting my kids to work on upper extremity strengthening can be difficult but if they are engaged in a motivating and fun fine motor or visual motor/perceptual activity, the "work" is hidden from them.
Improve Social Skills-this game is great for individual play but even better for group play.  I don't think I have a game that makes kids laugh as hard as they do when they play Wok n Roll.  For the older kids, I turn it on and make it shake and that cracks them up.  This is a great game to work on building a child's frustration tolerance with their peers and to work on how to be a good sport during games.  Being a good sport means letting your friends have turns, using kind words during play and not only being a good winner, but also being a good loser.

As I write this up, I am reminded that I should probably pick up one or two as a backup.  So many of the great games that I have used in therapy for years and years keep changing (Perfection and Wack a Mole both changed their designs and no longer as good as they used to be) and are then impossible to find.  I have seen Wok n Roll in some of the local toy stores in Park Slope and Manhattan but also on many websites, including Amazon.com which I have linked to.

I would love to hear from some of you about your favorite games that you use during your therapy sessions.  Not only do I want to hear for me personally so I can add to my game collection, but also want to share with parents who are always asking for activities to do at home.  I especially love games that can be adapted for a variety of skills and can have challenges added as they gain skills so if you have any recommendations, please share them with me and my readers!  I am always a click away and love hearing from you all.

Saturday 11 January 2014

Cara mengisi artikel di menu bar

Cara mengisi artikel di menu bar blog dengan satu atau banyak artikel di dalamnya. Jadi ada 2 cara disini yang akan saya jelaskan, yang pertama mengisi menu bar dengan satu halaman post artikel dan yang kedua mengisi menu bar dengan banyak artikel. Contoh menu bar yang di isi dengan banyak artikel, bisa di lihat di menu Desain blog yang ada di bagian atas blog ini.

Cara yang pertama, mengisi menu bar blog dengan satu halaman artikel.
  1. Silakan buka salah satu artikel kamu. Lalu copi alamat URL yang ada di address bar, letaknya dibagian atas. Contoh: URL dari salah satu artikel di blog saya.
  2. http://fandrajuani.blogspot.com/2014/01/cara-desain-blog-sendiri.html
  3. Dan pastekan URL di menu bar kamu. Ada 2 cara.
  4. Memasukan URL di menu Laman Blog. Caranya:
    • Ke pengaturan Laman > pilih Laman Baru > Alamat Web
    • Lalu masukan URL tadi ke bagian Alamat web(URL), selanjutnya isi judul Laman. Contohnya:
    • Cara mengisi artikel di menu bar
    • Dan klik Simpan.
    Memasukan URL di menu HTML
    • Silakan buka menu HTML kamu, lalu isi dengan url dari halaman artikel. Contohnya seperti ini bentuk dari menu HTML:
    • <div id="menu">
      <ul>
      <li><a href="http://fandrajuani.blogspot.com/2014/01/cara-desain-blog-sendiri.html">Desain Blog</a></li>
      </ul>
      </div>
  5. Selesai.
Cara yang kedua, memasukan banyak artikel di menu bar
  1. Buatlah label dan pasang widget label di blog kamu. Caranya baca di artikel Cara membuat label atau kategori di blog.
  2. Jika sudah, silakan buka halaman awal blog kamu. Dan klik Kanan >Copy link Location pada Nama label yang akan di masukan ke menu bar. Contoh:
  3. Cara mengisi artikel di menu bar
  4. Dan Pastekan di Notepad. Contoh URL dengan nama Label Desain Blog.
  5. http://fandrajuani.blogspot.com/search/label/Desain%20Blog
  6. Sekarang, silakan masukan URL label ke menu kamu, contoh penempatan URL, lihat kembali pada cara pertama, pada langkah 2.
  7. Selesai.
Sebenarnya cara ini bukan berarti kita menulis artikel di menu bar, tapi hanya mengisi menu bar dengan URL dari artikel2 yang sudah kita buat. Cara menulis artikelnya sama saja seperti kita membuat entri baru. Seperti cara yang pertama, menu bar di isi dengan URL dari halaman blog. Dan cara yang kedua, menu bar di isi dengan URL dari Label.

Itulah sedikit tips trik cara mengisi artikel di menu bar. Silakan dibaca juga artikel tentang Cara membatasi jumlah artikel di label dan juga artikel2 lainnya. Semoga artikel diatas bisa bermanfaat untuk anda.

      Cara membuat label atau kategori di blog

      Cara membuat label atau kategori di blog. Label atau kategori maksudnya adalah pengelompokan artikel dalam satu nama yang sama atau artikel dengan pokok pembahasan yang berkaitan kita kelompokan menjadi satu. Label atau kategori ini berfungsi untuk memudahkan pengunjung untuk melihat artikel-artikel dengan pembahasan yang sama.

      Contohnya: Kita punya 3 artikel dengan judul seperti dibawah ini.
      1. Cara membuat motor roda dua
      2. Cara memperbaiki motor yang rusak
      3. Cara merawat motor agar tetap awet
      Dari ketiga judul artikel di atas, semuanya berhubungan dengan motor. Maka buatlah LABEL  dengan nama Motor. Jadi ketika orang klik label dengan nama MOTOR. Ketiga artikel diatas akan keluar. Untuk melihat contoh label, bisa di klik dibagian menu desain blog atau tips trik yang ada di blog ini, letaknya di bagian atas.

      Itulah sedikit penjelasan apa yang dimaksud dengan label atau kategori. Sekarang ke bagian cara membuat label atau kategori di blog.
      1. Silakan edit 3 artikel lama kamu. Lalu klik Label pada bagian Setelan Entri. Contohnya:
      2. Cara membuat label atau kategori di blog
      3. Selanjutnya isi dengan nama label yang sama pada ke tiga artikel kamu. Contoh: gambar diatas itu di isi dengan nama label Tips dan Trik. Lalu klik Selesai.
      4. Dan klik perbarui.
      5. Setelah itu ke pengaturan tata letak > klik tambahkan gadget > Pilih Label. Seperti gambar dibawah ini. Dan simpan.
      6. Cara membuat label atau kategori di blog
      7. Masih pada bagian tata letak, klik simpan setelan. Dan silakan buka halaman awal blog kamu. Maka akan ada widget atau gadget di blog kamu . Contohnya:
      8. Cara membuat label atau kategori di blog
      9. Sekarang coba klik label yang sudah kamu buat tadi, maka ketiga artikel yang sudah  kamu beri nama label yang sama tadi, akan keluar. Selesai.
      Lakukan cara yang sama, jika ingin membuat label dengan nama yang berbeda. Dalam satu artikel kita juga bisa memberinya dengan nama label yang berbeda. Misalkan Satu artikel kita beri 2 nama label, contoh: pertama label dengan nama tips trik dan yang kedua desain blog. Caranya cukup dengan menambahkan tanda , untuk memisahkan label yang pertama dan yang kedua. Contohnya:

      Cara membuat label atau kategori di blog

      Jika sudah memberikan satu artikel dengan 2 nama label, contohnya: tips trik dan desain blog. Maka setiap kita klik label tips trik maka artikel tadi akan keluar. Begitu juga jika kita klik label desain blog, maka artikel itu pun akan keluar.

      Tidak hanya dua, tiga atau empat sekalipun kita bisa berikan pada satu artikel. Saran saya, satu artikel cukuplah diberi nama label paling banyak 3 nama saja. Tapi itu terserah anda, jika ingin memberikan banyak nama label dalam satu artikel, silakan.

      Silakan dibaca juga artikel saya yang lainnya seperti Cara membatasi jumlah artikel di label atau artikel tentang Cara membuat dan mengisi menu blog dan juga artikel lainnya. Semoga artikel di atas bisa bermanfaat untuk anda.

      Friday 10 January 2014

      More Than Just Statistics

      In addition to being a full-time occupational therapist and mother, I am also proud to be a founding member of The Meeting House, a recreational based after school program for school age children with social special needs.  It's an amazing place that provides a place for some of New York City's most awesome kids who have a tremendous social motivation but need the support of professionals in order to be successful in social situations.  In addition to our after school program, we offer a monthly weekend event which provides opportunities for our children to generalize the skills that we teach during the week.  It also gives them a chance to go to some of the coolest kid's spots in New York.  We have been to a lot of really great places in the last year and a half, including Our November event was at the Museum of Mathematics near Madison Square Park.

      Now, I know what you are thinking...how could a math museum be fun?  I was wondering the same thing but had heard such great things from friends and colleagues who had been there in the past.  I am so glad we gave this museum a chance because it was really great and our kids had the best time.  They didn't want to leave when our event was over, which is pretty telling.

      As we enter the colder months, I know there are a lot of people who are looking for things to keep their kids busy outside of the house.  I can't say enough about this place and guarantee that you will have just as much fun at this hands on museum as your kids will.  You can spend hours here without being bored and there is plenty of different exhibits to keep children of all ages occupied.  One of the things I like best was the size of the museum.  It is only two floors so manageable and if you have an older, more independent child, you can let them explore on their own a bit or with a friend while you hang with the younger ones.

      There are so many great exhibits at the Museum of Mathematics and the best part is that each and every one is interactive and hands on.  Even better, this is a perfect place to work on a zillion occupational therapy goals without the children even realizing they are working!  If you have read my other posts, you will know how much I love hidden therapy.

      There are over 30 exhibits at the museum.   Each of them is unique but all are fun.  Here are a few of my favorite exhibits and what kind of therapeutic  


      Coaster Rollers:  Glide on a rounded triangle down a track on rollers that are not ball but acorns and other lumpy shapes.  Great for working on upper extremity strength and bilateral coordination.  If on with a friend, they need to work together to get all the way to the end of the track.
      Tessellation Station:  create tiling patterns called tessellations using unusual magnetic shapes.  Pictured to the right, you can see some of the cool creations kids can make using the different shaped magnets.  Works on increasing upper extremity strength (since it is on a raised surface), visual perceptual skills (having to fit the magnets together), color recognition and improves creativity.  I loved this so much that I had to buy the monkey magnets pictured to use in my private practice and at home.  I was psyched when I walked into the museum gift shop and saw these for sale.  They are a bit pricey, but they are incredibly well made and unlike anything else I have ever seen.
      Square Wheeled Trike:  take a smooth ride on square wheels.  This was definitely the highlight for the kids at The Meeting House.  It's one of the first things you see when you walk into the museum and clearly gets kids attention because who has ever seen a bike with square wheels?  This exhibit works on improving overall body strength and motor planning.  There are two sized bikes so even your little ones can enjoy this cool activity.
      The Human Tree:  strike a pose and see your body replicated as the trunk, branches, and sub-branches of a tree made of you. Move around and watch as the tree morphs producing a surprising array of effects.  Great for working on motor planning, improving upper extremity strength bilateral coordination.  Our kids at TMH did this in groups of two and each child had an opportunity to be the leader and their friend would have to do the same movement that their friend did.

      I am excited to go back to the Museum of Mathematics with my own daughter who will be 4 years old in March.  While she may not understand all the math elements, she will be able to participate and interact with all the exhibits.  I have already recommended this place to many of the parents I work with and they have truly loved it.  If you are in NYC and need something to do with your kids, I highly recommend you check this place out.  While there, be sure to check out their amazing gift shop.  I could have spent hours and a whole lot of money in there.  They do have an online store with many of the items they have created, including these tessellation monkey magnets.

      Have you been to the Museum of Mathematics?  I would love to hear what your favorite exhibit was.  I am only a click away and love hearing from you all.

      Tuesday 7 January 2014

      Cara membuat tulisan link berputar

      Artikel kali ini saya akan coba bagikan artikel desain blog tentang cara membuat tulisan link berputar di blog. Maksudnya adalah tulisan yang didalamnya tertanam link url dari alamat dari blo kita, akan berputar ketika di sentuh oleh mouse. Biasanya disebut dengan link hover style. Disini link hover style nya saya buat dengan efek berputar ketika disentuh mouse.

      Contohnya: coba arahkan mouse anda ke link tulisan berputar dibawah ini.


      Seperti contoh diatas, tulisan akan berputar ketika di sentuh oleh mouse. Sekarang, saya akan coba beri contoh penerapannya di blog. Seperti yang masih/pernah saya gunakan. Efek link hover berputar itu saya terapkan di link yang ada di widget blog. Contohnya coba lihat di widget label atau ketegori yang ada disebelah kiri blog ini(jika masih saya gunakan).

      Dan untuk cara membuatnya, silakan ikuti langkah-langkah dibawah ini.
      1. Silakan login ke blogger, dari halaman dasbor piih pengaturan tata letak.
      2. Lalu klik desainer template > tingkat lanjut > Tambakan Css.
      3. Lalu masukan kode berikut ini kedalamnya. Atau cari kode ]]></b:skin> dan masukan kode ini didalamnya.
      4. #Label1 a{
        font-weight:bold;
        Color:black;
        position:relative;
        display:inline-block;

        -webkit-transform-style:preserve-3d;
        -moz-transform-style:preserve-3d;
        transform-style:preserve-3d;

        -webkit-transition:all 300ms ease;
        -moz-transition:all 300ms ease;
        transition:all 300ms ease}

        #Label1 a:hover{
        -webkit-transform:rotate(-720deg);
        -moz-transform:rotate(-720deg);
        transform:rotate(-720deg)}
        Keterangan kode:
        • 300 itu adalah waktu berputarnya tulisan ketika disentuh mouse.
        • -720 kode ini digunakan untuk membuat tulisan berputar sebanyak 720 derajat atau 2x putaran melawan arah jarum jam. Jika ingin dibuat searah jarum jam, hapus saja tanda minusnya.
      5. Terakhir, klik terapkan ke blog. Selesai.
      Penjelasan sedikit tentang kode diatas, sebenarnya hanya dengan menggunakan kode singkat seperti dibawah ini.
      #Label1 a{
      font-weight:bold;
      Color:black;
      position:relative;
      display:inline-block;
      transform-style:preserve-3d;
      transition:all 300ms ease}

      #Label1 a:hover{
      transform:rotate(-720deg)}
      Itu sudah cukup untuk membuat tulisan pada link bisa berputar. Tapi, efek berputarnya hanya bisa di browser mozilla. Sedangkan di browser yang lain efek berputar itu tidak bisa berjalan. Karena itu di tambahkanlah kode -webkit-transform dan -moz-transition, agar efek berputar juga bisa berjalan di browser lain.

      Sehingga membuat kode-kode diatas agak sedikit panjang. Tapi tidak sulit mengatur waktu putar dan jumlah putarannya. Karena hanya mengganti angaka 300 untuk waktu, dan -720 untuk jumlah putaran. Ketiga-tiganya harus sama. contohnya:
      -webkit-transition:all 600ms ease;
      -moz-transition:all 600ms ease;
      transition:all 600ms ease;
      -webkit-transform:rotate(-360deg);
      -moz-transform:rotate(-360deg);
      transform:rotate(-720deg)
      Untuk pengaturan waktu semakin besar angkanya, maka akan semakin lama waktu berputarnya, sama juga dengan jumlah putaran. 360 untuk satu putaran 720 untuk 2 putaran. Bisa juga dibuat 90, jadi tulisan berputar tapi bergerak 90derajat.
      Ada kekurangan dari cara membuat tulisan link berputar ini, yaitu ketika mouse menyentuh bagian ujung dari tulisan. Maka rotasi putarnya menjadi tidak sempurna, terkadang seperi nyangkut2. Jadi harus disentuh di bagian tengah tulisan, maka tulisan akan berputar dengan baik.
      Contoh diatas itu hanya saya terapkan di bagian tulisan link yand ada di widget label. Bisa juga digunakan pada bagian yang lain, seperti bagian judul header kita buat berputar-putar saat disentuh mouse, sidebar dan juga bagian yang lain2nya. Silakan di coba sendiri, dan baca juga artikel tentang cara membuat link terbuka di tab baru. Masih berhubungan juga dengan link, dan juga artikel2 lainya. Semoga artikel diatas bisa bermanfaat untuk anda.

        Title otomatis pada link label blogger

        Cara menambahkan title di setiap link label yang ada di blogger. Title merupakan attribute yang digunakan untuk memberikan keterangan dari sebuah link. Untuk melihat link yang ada titlenya, coba arahkan mouse ke link label, maka akan ada tulisan dengan background putih yang keluar.

        Title otomatis pada link label bloggerGambar disamping adalah contoh link label yang telah diberi title. Tulisan Tips dan Trik yang berwarna hitam dengan background putih itu akan keluar ketika link label di sentuh oleh mouse. Untuk melihat contoh lainnya, coba anda arahkan mouse anda ke label/kategori yang ada di blog ini.

        Sebelumnya saya juga sudah membuat artikel title link disetiap judul posting blog. Fungsinya sama agar link diposting blog ada titlenya, bedanya hanya pada kode yang digunakan.

        Untuk lebih jelasnya cara membuat title otomatis pada link label blogger. Silakan ikuti langkah-langkah dibawah ini.
        1. Silakan login ke blogger, dari halaman dasbor pilih pengaturan template.
        2. Dan klik edit html, lalu cari kode expr:href='data:label.url'
        3. Setelah ketemu tambahkan kode attribute title tag seperti ini disampingnya expr:title='data:label.name'.
        4. Contoh penambahan kode attrbute title di widget label asli blogger
          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.name'><data:label.name/></a>
          Contoh penambahan attribute title yang lain, seperti di Breadcrumb.
          <a expr:href='data:label.url' expr:title='data:label.name'>
          <data:label.name/></a>
        5. kode expr:href='data:label.url' ini biasanya ada 2 atau mungkin lebih yang ada ditemplate blogger, silakan dicari semuanya dan tambahkan kode expr:title='data:label.name' disampingnya. Setelah itu, save template. Selesai.
        Cara diatas merupakan contoh pemberian title tag di dalam template. Adapun contoh lain pemberian kode attribute title tag pada link label pada kode HTML yaitu dengan menambahkan kode title="Title yang akan diberi". Contohnya:
        <a href="http://fandrajuani.blogspot.com/search/label/Header" title="Desain Header">
        Fungsi menambahkan title di link label blog ini sebenarnya untuk menambah optimasi seo dari blog, agar google lebih mudah untuk membaca semua link yang ada di blog kita. Tidak di gunakan juga tidak apa-apa, karena mungkin efeknya juga tidak terlalu besar untuk blog kita.

        Tapi tidak ada salahnya mencoba, kebanyakan blog atau website yang mempunyai pagerank besar juga memberikan attribute title di setiap link yang ada diblog atau website mereka. Itulah sedikit tips trik seo tentang menambahkan title otomatis pada link label blogger. Semoga bisa bermanfaat untuk anda.

          Monday 6 January 2014

          Penyempurnaan html di google webmaster

          Cara penyempurnaan html blog di google webmaster, mulai dari mengatasi duplikasi deskripsi meta, deskripsi meta panjang dan deskripsi singkat meta. Seperti keterangan yang tertulis diatasnya berbunyi kinerja dan pengalaman pengguna situs anda dapat terbantu jika hal berikut di atasi. Seperti contoh gambar dibawah ini.

          Penyempurnaan html di google webmaster


          Mengatasi duplikasi deskripsi meta

          1. Silakan login ke blogger, dari halaman dasbor pilih pengaturan Setelan.
          2. Lalu pilih Preferensi penelusuran, dan klik edit pada bagian Tag tajuk robot khusus. Lalu beri tanda all pada bagian beranda, tandai noindex dan noarchive pada bagian laman arsip dan penelusuran. Terakhir beri tanda all di default untuk pos dan laman. Seperti gambar dibawah ini.
          3. Penyempurnaan html di google webmaster
          4. Simpan perubahan, selesai.

          Mengatasi Deskripsi meta panjang

          1. Ke pengaturan Setelan > Preferensi penelusuran > dan klik pada bagian deskripsi.
          2. Pilih ya pada Aktifkan deskripsi penelusuran, lalu Kosongkan isi di dalamnya. Lalu klik simpan perubahan.
          3. Penyempurnaan html di google webmaster
          4. Selanjutnya ke pengaturan template, klik edit html dan cari kode <head>
          5. Lalu masukan meta deskripsi kamu dibawah <head>. Contoh:
          6. <head>
            <b:if cond='data:blog.url == data:blog.homepageUrl'>
            <meta content='Fandra Juani,Desain blog,blogger,blogspot,tutorial,cara,membuat,mengganti,merubah,modifikasi,belajar,Tips,Trik,edit template,css,html' name='keywords'/>
            <meta content='Fandra Juani kumpulan tutorial tentang cara desain blog sendiri di blogspot, serta tips dan trik edit template asli blogger.' name='description'/>
            </b:if>
          7. Save template, maka deskripsi meta panjang hanya akan ada di halaman awal blog saja, agar tidak ada duplikasi desckripsi meta panjang. selesai.

          Mengatasi Deskripsi singkat meta

          1. Pertama, login ke blogger, lalu kunjungi situs google webmaster.
          2. Dan pilih pada bagian tampilan penelusuran > penyempurnaan html > lalu klik Deskripsi meta. 
          3. Setelah itu akan ada halaman2 dari blog kita yang mempunyai deskripsi singkat meta. Contohnya.
          4. Penyempurnaan html di google webmaster
          5. Sekarang, kembali ke halaman blogger, lalu pilih pengaturan Post dan cari artikel yang sesuai dengan URL laman dari google webmaster. Seperti gambar diatas, judulnya cara menghapus akun google analytics.
          6. Setelah ketemu artikelnya, edit artikel itu, lalu klik pada bagian Deskripsi Penelusuran. Seperti gambar dibawah ini.
          7. Penyempurnaan html di google webmaster
          8. Nah disitu terlihat tulisan yang sama dengan yang di google webmaster tadi, contoh disini adalah cara menghapus akun google analytics, disitulah masalahnya. Cara mengatasunya tambahkan kata di dalamnya, kira-kira 20 sampai 30 kata dari keseluruhan kalimat di deskripsi penelusuran.Klik selesai. Dan klik perbarui. Selesai.
          Setelah melakukan cara-cara diatas, untuk melihat hasilnya tunggu 4 - 7 hari  atau sampai google memperbarui penyempurnaan html dari blog kita. Setelah diperbarui google, maka tampilan html yang sudah disempurnakan akan seperti gambar dibawah ini.

          Penyempurnaan html di google webmaster
          Itulah sedikit tips trik penyempurnaan html di google webmaster, yaitu dengan cara mengatasi masalah dari ke tiga deskripsi meta. Semoga bisa bermanfaat untuk anda.

          Sunday 5 January 2014

          Widget blog melayang setelah di scroll

          Artikel kali ini tentang widget blog melayang setelah halaman blog kita di scroll ke bawah. Dan akan kembali pada posisinya semula, jika halaman blog kembali di scoll ke atas. Widget tidak akan melayang atau mengambang jika halaman blog belum di scroll ke bawah.
          Widget blog melayang setelah di scroll
          Contohnya: Bisa dilihat di halaman blog ini, coba scroll ke bawah dan lihat pada widget Artikel Populer(jika masih saya gunakan). Widget tersebut akan melayang setelah widget mendekati halaman atas blog. Dan akan kembali seperti semula setelah halaman blog kembali di scroll ke atas.
          Posisi widget pada saat melayang dapat kita atur sesuai dengan keinginan kita. Untuk lebih jelasnya tentang cara membuat widget melayang setelah di scroll, silakan ikuti langkah-langkah dibawah ini.
          1. Silakan login ke blogger, dari halaman dasbor pilih pengaturan template.
          2. Dan klik edit HTML dan cari kode </body>
          3. Selanjutnya masukan kode berikut ini di atas </body>
          4. <script type='text/javascript'>
            $(window).scroll(function(){
            if ($(window).scrollTop() &gt;= 560){
            $(&#39;#PopularPosts1&#39;).css({position:&#39;fixed&#39;,top:30});
            } else {
            $(&#39;#PopularPosts1&#39;).css({position:&#39;relative&#39;,top:0});
            }
            });
            </script>
            Keterangan kode:
            • 560 Untuk mengatur jarak widget akan melayang, makdsudnya setelah halaman blog di scroll 560px ke bawah, maka widget baru akan melayang.
            • fixed code yang digunakan untuk membuat blog melayang.
            • top:30 posisi widget setelah di scroll 30px dari halaman atas blog.
            • relative dan top:0 agar widget kembali ke posisi semula, setelah halaman blog di scroll ke atas.
            • #PopularPosts1 kode id dari widget Artikel Populer. Silakan diganti dengan kode id dari widget yang akan dibuat melayang. Cara mencari kode id widget, lihat dibawah.
          5. Setelah itu save template. Dan buka salah satu halaman artikel blog kamu, jika belum berjalan, coba masukan kode berikut ini diatas </body>
          6. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
          7. Save template, selesai.

           Cara mencari kode id widget

          1. Tentukan widget mana yang akan di buat melayang, judul widgetnya apa?contoh: Artikel Populer.
          2. Lalu ke pengaturan template, klik edit html dan cari kode Artikel Populer,  Contoh kodenya seperti dibawah ini.
          3. <b:widget id='PopularPosts1' locked='false' title='Artikel Populer' type='PopularPosts'>
          4. Kode merah PopularPosts1 itu adalah kode id dari widget Artikel Populer.
          Silakan diatur sesuai dengan yang kalian inginkan, saran saya widget yang akan dibuat melayang, sebaiknya letakan dibagian paling bawah sidebar, agar tidak menutupi widget2 yang lain. Kode script pada langkah 4 itu merupakan kode script yang paling ringan menurut saya, karena sudah saya bandingkan dengan kode script yang lain. Kode script diatas itu kira2 sekitar 51.0 kb, jadi tidak terlalu memberatkan loading blog. 
          Itulah sedikit cara desain blog agar lebih menarik yaitu dengan membuat widget melayang setelah di scroll. Untuk cara widget melayang yang lebih simpel, silakan baca di artikel fungsi fixed dan cara menggunakannya dan juga artikel membuat menu menempel di dingding blog. Semoga artikel diatas bisa bermanfaat untuk anda.

              Thursday 2 January 2014

              Cara membuat tombol back to top

              Cara membuat tombol back to top atau kembali ke atas di blog, yang akan muncul ketika halaman blog di scroll kebawah. Letaknya berada di bawah sebelah kanan dan jika tombol itu di klik, maka halaman blog akan kembali keatas dengan pelan, dan tombol itu pun akan menghilang.

              Cara membuat tombol back to top
              Seperti contoh gambar diatas, gambar cicak itu akan keluar jika halaman blog sudah di scroll ke bawah dan akan kembali menghilang ketika halaman blog yang dibuka sudah diatas lagi. Cara membuatnya silakan ikuti langkah-langkah dibawah ini.
              1. Silakan login ke blogger, dan pilih pengaturan template.
              2. Klik edit html dan cari kode </body>
              3. Lalu masukan kode berikut ini diatas </body>
              4. <div id='ScrollToTop'>
                <img alt='Kembali Ke Atas' height='68' src='https://lh3.googleusercontent.com/-DqAYBDzBDTc/UsG2Zlef7kI/AAAAAAAABos/HM8BLePVmwI/s148/ke%2520atas.png' title='Kembali Ke Atas' width='148'/>
                <figcaption>Kembali Ke Atas</figcaption>
                </div>

                <script type='text/javascript'>
                $(function() { $(window).scroll(function() {if($(this).scrollTop()>500) { $('#ScrollToTop').fadeIn()}
                else { $('#ScrollToTop').fadeOut();}});$('#ScrollToTop').click(function(){$('html,body').animate({scrollTop:0},700);
                return false})});
                </script>
              5. Selanjutnya cari kode ]]></b:skin> dan masukan kode berikut ini ke atasnya.
              6. #ScrollToTop{
                text-align:center;
                z-index:9999;
                position:fixed;
                bottom:40px;
                right:30px;
                cursor:pointer;
                display:none;
                opacity:0.7;
                padding-top:4px}

                #ScrollToTop:hover{opacity:1;}
                figcaption {
                text-align:center;
                color:white;
                text-shadow: 5px 5px 10px #000;
                font-weight:bold;
                font-size:10px;}
              7. Save template, dan coba buka salah satu halaman blog kamu. Lalu scroll ke bawah, sudah ada atau belum tombol back to top nya. Jika sudah silakan disave template.
              8. Jika Belum, coba masukan kode berikut ini diatas </head>
              9. <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>
              10. Lalu save template. Selesai.
              Keterangan kode langkah 3:
              • Tulisan ini Kembali Ke Atas bisa diganti dengan kata yang kamu inginkan.
              • Nilai 500 ini, fungsinya ketika halaman blog discroll ke bawah sebanyak 500px maka tombol back to top akan muncul.
              • Dan yang ini 700 fungsinya digunakan untuk mengatur kecepatan loading scroll ke atas, ketika tombol back to top ditekan.
               Keterangan kode langkah 4:
              • #ScrollToTop{ gunanya untuk mengatur posisi dan tampilan tombol back to top
              • #ScrollToTop:hover{ ini untuk mengatur gambar ketika disentuh mouse
              • figcaption { mengatur posisi dan warna dari tulisan Kembali Ke Atas.
                Jika ingin hanya menggunakan tulisan back to top tanpa gambar, ganti kode dari langkah 3 dengan kode dibawah ini.
                <div id='ScrollToTop'>Kembali Ke Atas</div>
                <script type='text/javascript'>
                $(function() { $(window).scroll(function() {if($(this).scrollTop()>500) { $('#ScrollToTop').fadeIn()}
                else { $('#ScrollToTop').fadeOut();}});$('#ScrollToTop').click(function(){$('html,body').animate({scrollTop:0},700);
                return false})});
                </script>
                Save template, selesai. Semoga bisa bermanfaat untuk anda.

                Title di setiap judul posting blog

                Tips trik seo kali ini saya akan coba bagikan tentang cara menambahkan title atau keterangan di setiap judul posting blog secara otomatis, ketika judul posting disentuh oleh mouse. Contohnya seperti gambar dibawah ini.

                Title di setiap judul posting blog
                Seperti contoh gambar diatas, tulisan dengan warna background putih itu adalah title atau keterangan yang akan muncul ketika judul disentuh mouse. Cara membuatnya, silakan ikuti langkah-langkah dibawah ini.
                1. Login ke blogger, pilih pengaturan template.
                2. Klik edit HTML dan cari kode <a expr:href='data:post.link'><data:post.title/></a>
                3. Setelah ketemu, tambahkan kode expr:title='data:post.title' kedalamnya. Contoh:
                4. <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
                5. Kode ini <a expr:href='data:post.link'><data:post.title/></a> biasanya ada 2 diblog, lakukan hal yang sama seperti langkah 3.
                Setelah melakukan cara diatas, jangan di save template dulu, karena masih ada kode yang harus diedit. Sengaja saya pisah biar lebih mudah mengikutinya.
                1. Cari kode <a expr:href='data:post.url'><data:post.title/></a>
                2. Setelah itu tambahkan kode expr:title='data:post.title' kedalamnya. Contoh:
                3. <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
                4. Kode ini <a expr:href='data:post.link'><data:post.title/></a> biasanya ada 3 diblog, lakukan hal yang sama seperti langkah 2.
                5. Nah, baru save template. Selesai.
                Setelah melakukan cara diatas, silakan lihat blog kamu. Jika  melakukannya dengan benar, insyaallah title disetiap judul posting blog akan keluar ketika disentuh mouse. Sebenarnya saya juga tidak terlalu mengerti tentang seo, tapi yang saya tau disetiap website2 besar dengan pagerank tinggi seperti facebook, menggunakan title atau tulisan keterangan di setiap URL dari halaman websitenya.

                Tapi banyak juga website yang tidak menggunakan title di url nya. Seperti google, yahoo, twitter, ya mungkin mereka tidak membutuhkan lagi cara seperti diatas, tanpa menambahkan titlle di setiap url nya pun, masih juga rame websitenya.

                Bagi saya yang masih awam tentang seo website atau blog. Tidak ada salahnya menggunakan title disetiap judul posting, namanya juga masih belajar. Seperti keterangan di website check seo http://chkme.com/ mengatakan (translate:Meskipun tidak penting dan tidak digunakan untuk menghitung skor akhir, kita menganggap bahwa untuk link judul dapat benar-benar berguna. Mencoba memperbaiki kesalahan, jika diperlukan).

                Demikianlah sedikit tips trik seo dari saya tentang title di setiap judul posting blog. Dan silakan dibaca juga artikel tentang title otomatis pada link label blogger. Fungsinya sama agar link ada titlenya, tapi pada bagian label blogger. Semoga artikel diatas bisa bermanfaat untuk anda.

                Wednesday 1 January 2014

                Membuat widget hanya tampil dihalaman tertentu

                Tips dan trik kali ini saya akan bagikan artikel tentang cara membuat widget hanya tampilan dihalaman tertentu di blog. Ada 4 cara yang akan saya bagikan, pertama membuat widget hanya tampil dihalaman awal blog saja. Kedua, membuat widget hanya tampil dihalaman posting.

                Ketiga, menampilkan widget dihalaman awal blog dan juga dihalaman Label Blog. Dan yang keempat adalah Menampilkan widget hanya tampil pada halaman URL yang ditentukan. Sebenarnya 4 cara tersebut menggunakan cara yang sama, hanya saja kode yang digunakan yang berbeda. Berikut caranya:
                Membuat widget hanya tampil dihalaman tertentu
                Disini widget yang akan dijadikan contoh adalah widget Follow by email.

                Pertama: Membuat widget hanya tampil/terlihat dihalaman awal blog saja

                1. Silakan login ke blogger, dan pilih pengaturan Template.
                2. Klik edit HTML dan cari kode follow by email(gunakan Ctrl+f untuk memudahkan pencarian).
                3. <b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail'>
                4. Setelah ketemu Tambahkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dan juga kode </b:if> Contohnya:
                5. <b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail'>
                  <b:includable id='main'><b:if cond='data:blog.url == data:blog.homepageUrl'>
                  <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
                  <div class='widget-content'>
                  ...................dan kode2 panjang lainnya..........
                  <span class='item-control blog-admin'>
                  <b:include name='quickedit'/>
                  </span></b:if>
                  </b:includable>
                  </b:widget>
                6. Dan kode2 panjang lainnya itu maksudnya agar lebih pendek saja tampilannya di artikel ini. Kode aslinya lebih panjang. Setelah itu save template. Selesai.

                Kedua: Nah sekarang kebalikannya, membuat widget hanya tampil dihalaman posting atau artikel blog saja. Sedangkan dihalaman awal homepage blog widget tersebut akan hilang.

                1. Sama seperti cara yang pertama, hanya mengganti kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dengan kode berikut ini.
                2. <b:if cond='data:blog.pageType == "item"'>
                3. Save template, selesai.

                Ketiga: Menampilkan widget dihalaman awal blog dan juga dihalaman Label Blog.

                1. Sama seperti cara yang pertama, hanya mengganti kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dengan kode berikut ini.
                2. <b:if cond='data:blog.pageType != &quot;item&quot;'>
                3. Save template, selesai.

                Keempat: Menampilkan widget hanya tampil pada halaman URL yang ditentukan

                1. Sama seperti cara yang pertama, hanya mengganti kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dengan kode berikut ini.
                2. <b:if cond='data:blog.url == "Ganti dengan URL Halaman disini"'>
                3. Save template, selesai.
                Silakan dicoba keempat cara diatas, dan silakan baca juga artikel saya sebelumnya tentang cara menghilangkan widget dihomepage fungsinya sama dengan cara kedua seperti artikel diatas, hanya caranya saja yang berbeda. Dan juga artikel tentang membuat background berbeda dihalaman berbeda diblog. Atau Menghilangkan sidebar pada halaman tertentu. Semoga artikel diatas bisa bermanfaat untuk anda.