Cara Memasang Rating Bintang Rich Snippets blog



Cara Memunculkan Bintang Rating di Semua Posting Blog atau Cara Memasang Rating Bintang Rich Snippets blog,halo kawan semua apa kabar kalian hari ini? semoga baik baik saja, pada Tutorial blog kali ini maz dani akan berbagi cara Otomatis Memunculkan Bintang Rating di Semua Posting Blog,mungkin sobat sering menjumpai ketika dalam serch engine pada suatu artikel blog terdapat symbol bintang pada cuplikan artikel di se,untuk itu kita bisa membuatnya
berikut Cara Memunculkan Bintang Rating di Semua Posting Blog

- Setelah memiliki profil Google +, lanjutkan dengan menambahkan publisher blog, caranya:

Loggin blogger>klik template>klik Edit HTML, lalu cari kode <head> 
Tambahkan kode berikut dibawah <head>

<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='ID GOOGLE PLUS ANDA' rel='publisher'/>
</b:if>
- Kemudian Cari kode <body>  dan tambahkan kode dibawah ini dibawah tag <body> 
<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>

Hasil akan seperti ini
<body> 
<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>

- kemudian  tambahkan kode </div></div> diatas kode </body>
-Setelah itu cari kode <data:post.body/> dan letakan kode berikut dibawahnya untuk memnculkanrating bintang 5
jika ingin rating bintang 10 gunakan kode kedua

Description: <span itemprop="description"><data:post.title/></span>
Rating: <span itemprop='rating'>4.5</span>
Reviewer: <span itemprop='reviewer'><data:post.author/></span> - 
ItemReviewed: <span itemprop='itemreviewed'><data:post.title/></span>
<div itemscope="" itemtype="http://data-vocabulary.org/Review-aggregate">
<span itemprop="itemreviewed"><data:post.title/></span>
<span itemprop="rating" itemscope="" itemtype="http://data-vocabulary.org/Rating"> <span itemprop="average">9</span>out of <span itemprop="best">10</span> based on <span itemprop="votes">10</span> ratings. <span itemprop="count">9</span> user reviews.
</span></div>
-simpan template

Jika ingin mengecek hasilnya tinggal kunjungi situs ini http://www.google.com/webmasters/tools/richsnippets? dan setelah itu masukan salah satu url post blog kamu dan lihat hasilnya

Cara Ampuh Mempercepat Loading Blog



Cara AMPUH Mempercepat Loading Blog dengan KOMPRES CSS Untuk trik  ini caranya adalah 
pertama cek dulu kecepatan loading blog kamu untuk membandingkan.
login ke dashbord blog kamu.
pilih Template » Edit HTML
download template lengkap dulu barangkali terjadi kesalahan ( harus)
Kemudian blok dan POTONG semua kode CSS dari setelah kode <b:skin><![CDATA[ sampai pada kode sebelum ]]></b:skin> 
lalu masuk ke situs CSS compressor Tambahan Html Optimizer (Update)
kemudian setting pengaturannya seperti berikut:
Compression mode = pilih 'Normal'
Comment handling = pilih 'Don't strip any comments'
pastekan kode CSS yang telah di potong tadi pada kotak kosong.
kemudian klik Compress-It
kemudian copy hasil kompresan tadi dan tempatkan pada template kamu diantara kode
<b:skin><![CDATA[code compres tadi]]></b:skin>
terakhir klik SIMPAN
Sekarang bandingkan dengan loading blog kamu sebelum di kompres,
catt:: usahakan didalam postingan tidak terlalu banyak gambar

Membuat Intro Film dengan After Effect

Pada Tutorial After Effect ini, saya akan menjelaskan cara membuat animasi Intro yang cukup Keren. Efeknya berupa teks yang muncul dengan menghantam background sehingga menggetarkan kamera. Disini, teks akan terlihat 3D dengan memakai teknik yang sama seperti Tutorial Membuat Teks 3D dengan Photoshop. Untuk animasi bergetar, saya menggunakan Null Object yang di animasikan secara manual Frame per frame. Oke, untuk efeknya bisa anda lihat dibawah:



Berikut adalah langkah-langkahnya. Cekidot....

1. Pertama, buat Composition baru pada menu Composition > New Composition. Atau supaya lebih gampang gunakan shortcut Ctrl+N. Pada jendela Composition, ubah namanya menjadi Intro lalu atur Width=352 dan Height=288. pada Pixel Aspect Ratio, pilih Square Pixels dan Frame Rate=25.



2. Butlah teks menggunakan Type Tool (Ctrl+T). Disini, saya membuat huruf PERMANA. Itu kepanjangan nama saya gan, sekalian buat watermark… hehehe (Baca: Narsis).

3.  Seleksi layer teks, lalu pada menu Effect > Generate > Ramp.


4. Nah, pada parameter Ramp, atur Start Color=hitam dan End Color=putih lalu atur Point/Titik warna seperti gambar dibawah.

5. Dengan menggunakan Pan Behind Tool (Y), geser Pivot/Pusat gerakan ke tengah-bawah teks. Lebih jelasnya silahkan lihat gambar dibawah…

6. Seleksi layer teks, lalu pada menu Edit > Duplicate atau Ctrl+D untuk menggandakan layer. Kalau berhasil, maka layer teks akan menjadi 2.


7. Pada layer PERMANA 2 (layer paling atas), tekan tombol S pada keyboard untuk membuka parameter Scale. Perbesar nilai Scale tersebut sedikit dengan mendrag nilainya. (ingat, jangan mengubah nilai terlalu besar karena ini hanya untuk mendapatkan ilusi ketebalan teks saja). Setelah itu, di parameter Ramp atur Start Color=Putih dan End Color=Hitam. Kalau berhasil, maka teks akan terlihat mempunyai ketebalan.


8. Seleksi kedua layer lalu tekan Ctrl+Shift+C. Pada jendela Pre-Compose yang muncul, ubah namanya menjadi teks lalu klik OK.

9. Di Composition Intro, sekarang kedua layer teks akan menjadi satu.


10. Sekarang, import Gambar tekstur yang anda punya lalu masukkan ke timeline. Tempatkan tekstur pada posisi paling bawah agar tidak menghalangi layer teks. Saya mendapatkan tekstur tersebut di CGTextures.com dan VideoCopilot.net secara Cuma-Cuma alias gratis…


11. Ubah semua layer menjadi 3D  dengan mengaktifkan ceklis 3D Layer berbentuk kubus sehingga terlihat seperti gambar bawah.

12. Mada menu Layer > New > Camera. Pada jendela yang muncul, klik saja Ok. Disini, kita membuat layer kamera.

13. Kembali lagi ke menu Layer > New > Null Object. Nah, disini kita membuat Null Object yang akan mengatur gerakan kamera.

14. Klik menu dropdown Parent pada layer Camera lalu pilih Null 1. ini akan membuaat Gerakan Null Object mempengaruhi camera. Sehingga bila kita menggerakan Null object, maka kamerapun akan bergerak..

15. Seleksi layer teks lalu duplikat dengan Ctrl+D dan ubah layer teks yang baru ini namanya menjadi Bayangan.

16. Seleksi layer bayangan, lalu pada menu Effect > Blur and Sharpen > CC Radial Blur.


17. Di parameter CC Radial Blur, atur Type=Fadding Zoom dengan nilai Amount=7 dan geser titik Center jauh ke atas seperti gambar dibawah.


18. Masih layer Bayangan dalam keadaan terseleksi, pada menu Effect > Generate > Fill.
 
 Ubah Color menjadi warna hitam. Sekarang, teks terlihat mempunyai bayangan…..

19. Oke, sekarang kita telah selesai mendesain tampilannya. Sekarang saatnya menganimasikan semua layer. Are you Ready …???
Sebelum menganimasikan, kita akan menyembunyikan dulu layer bayangan. Caranya seleksi layer bayangan lalu tekan tombol T pada Keyboard untuk membuka parameter Opacity lalu atur nilainya menjadi 0 (Nol).


20. Ubah pandangan view 3D Popup menjadi Top, lalu geser timeline kurang lebih ke detik pertama. Seleksi layer Teks, lalu geser posisinya pada sumbu Z ke belakang kamera (lihat gambar). Tekan tombol P pada keyboard lalu klik ikon stopwatch untuk membuat Keyframe. Keyframe ini ditandai dengan titik kuning pada timeline.

21. Geser timeline kurang lebih 3 sampai 4 frame kedepan, lalu geser posisi layer Teks kebelakang, kembali seperti semula.

22. Ubah lagi pandangan View 3D Popup menjadi Active Camera.


23. Seleksi layer Bayangan lalu geser timeline ke detik pertama (sejajar dengan keyframe layer teks). Tekan tombol T pada keyboard untuk membuka pengaturan Opacity, lalu klik ikon Stopwatch untuk membuat keyframe. Aktifkan enable Motion Blur lalu aktifkan Ceklis Motion blur disemua layer kecuali Null Object.


24. Geser timeline kurang lebih  3 sampai 4 frame kedepan (sejajar dengan keyframe layer teks), lalu atur nilai opacity menjadi 100%.

25. Seleksi Layer Null Object lalu tekan tombol P pada keyboard untuk membuka Position. Geser timeline ke posisi seperti gambar dibawah (satu frame sebelum keyframe teks). Klik ikon Stopwatch untuk mengaktifkan keyframe.

26. Geser timeline satu frame kedepan (untuk menggeser timeline frame per frame, gunakan tombol next frame pada toolbar time control). Geser posisi Null Object pada Viewport sedikit untuk memberikan kesan bergetar.

27. Geser lagi timeline satu frame kedepan dan geser kembali posisi nul object pada Viewport sedikit. Lakukan ini sampai anda mendapat 6 keyfame dengan menggeser posisi Null Object secara acak pada Viewport.
28. Daaann... coba klik tombol Play atau gunakan tombol Spasi pada keyboard untuk melihat hasilnya. Saya mendapatkan hasil seperti gambar dibawah: