/**

PENGAWASAN AKTIVITAS FACEBOOK DENGAN MINOR MONITOR

Artikel DUNIA BLOG kali ini lebih bersifat solution-technology yang bersifat pengawasan utamanya dengan pemakaian jejaring sosial Facebook yang menurut DUNIA BLOG memang sedang menjadi trend serta mudah dioperasikan, bahkan oleh seorang anak kecil sekalipun. Facebook memang menyediakan berbagai fitur layanan untuk dapat berkomunikasi dengan berbagai anggota masyarakat di seluruh dunia. Inilah kelebihannya, mudah dioperasikan serta tidak membutuhkan keahlian khusus untuk itu.

Di balik kelebihannya, Facebook pun tak jarang dipergunakan sebagai alat promosi praktek-praktek kotor di dunia maya, mulai dengan menampilkan atau mempromosikan praktek prostitusi, menyimpan serta menampilkan foto-foto atau video-video sexy yang menjurus ke arah pornografi, cyberbullying sampai kepada pertengkaran demi pertengkaran yang tetap berlanjut di dunia nyata. Kesalahan sebenarnya bukan kepada si pembuat Facebook, tetapi kesalahan mutlak tetap menjadi tanggung-jawab para penggunanya.

Kalangan tertentu seperti halnya keluarga atau anggota keluarga merupakan salah satu target dan faktor asset penggunaan yang paling banyak disoroti keberadaannya. Oleh karena itu, siap atau tidak siap, mau atau tidak mau saat ini peran dan tanggung jawab orang tua perlu dikedepankan dalam hal proteksi penggunaan Facebook oleh anak-anak, untuk secara aktif, cerdas dan cermat membaca setiap perubahan yang terjadi dalam keluarganya. Bahkan dengan kapasitas yang dimilikinya, niscaya para orang tua merupakan salah satu aspek yang paling efektif dalam menghalau pengaruh kurang baik yang ditimbulkan dari akses penggunaan internet (Facebook) tersebut terhadap seluruh anggota keluarga terutama para buah hatinya.

Demi menyikapi hal tersebut, maka para orang tua yang terlalu sibuk dan sering terganjal dalam memantau atau memonitoring aktifitas penggunaan facebook si buah hati, ada baiknya kalau mencoba altenatif solusi lain, yaitu dengan menggunakan layanan Minor Monitor berikut. Perlu diketahui di sini, Minor Monitor adalah sebuah situs layanan gratis yang dapat membantu Anda dalam memantau segala aktivitas penggunaan Facebook terhadap buah hati Anda kapanpun dan di manapun berada. Minor Monitor ini khusus dirancang untuk memantau account Facebook, situs layanan Minor Monitor ini sarat dengan banyak pilihan yang berbeda untuk melacak segala aktifitas penggunaan Facebook. Pada dasarnya tidak ada yang perlu diinstal pada komputer Anda, dan Anda dapat langsung menggunakan situs layanan tersebut untuk memonitor si buah hati meski saat Anda sedang dalam perjalanan sekalipun. Atau dengan kata lain, situs layanan Minor Monitor ini dapat dikatakan sebagai salah satu tool yang hebat dalam membantu menjaga keamanan si buah hati Anda di tengah pergaulan dunia modern seperti sekarang ini.

Dunia Blog-Minor Monitor

Berbeda dengan aplikasi atau layanan sejenis yang pernah ada sebelumnya, Minor Monitor telah melangkah lebih jauh dengan benar-benar melakukan monitoring menyeluruh dan detil terhadap apa saja yang terjadi pada si buah hati Anda di Facebook. Untuk itu, bagi Anda yang belum memiliki Account Minor Monitor, segeralah Anda melakukan pendaftaran terlebih dahulu. Dalam proses pendaftaran tersebut, Anda akan diminta untuk membuat account pada situs layanan Minor Monitor dan selanjutnya memasukkan data identitas account Facebook buah hati Anda yang berisi alamat email beserta passwordnya.

Beberapa fitur opsi handal pada situs layanan Minor Monitor ini, diantara yaitu:
  • scanning wall (dinding) dan News Feed miliknya terhadap konten yang meragukan ataupun berbahaya
  • melacak keberadaan daftar semua teman yang ada di atasnya seperti berapa usianya dan informasi sejenis lainnya
  • memungkinkan Anda lebih memusatkan pada keberadaan foto yang buah hati Anda upload ke Facebook sehingga Anda dapat memeriksa, menilai dan memberi persetujuan atau bahkan menolaknya, dengan sebelumnya memperhatikan pertimbangan pantas atau tidaknya foto yang diupload tersebut.
  • memeriksa isi pesan dan postingan yang berkaitan dengan account Facebook buah hati Anda, sehingga Anda dapat menangkap kasus cyber-bullying atau ketidak senonohan di dalamnya
  • memfilter dan memeriksa konten yang tidak patut dalam membantu menjaga keamanan buah hati Anda dari pengaruh buruk yang dapat merusak
  • memberikan pemberitahuan kepada Anda melalui email ketika pesan tertentu atau kata kunci (keyword) yang ditemukan
Dengan keberadaan fitur yang ada tersebut, maka Anda akan dibawa melangkah lebih jauh terkait apa saja yang telah dilakukan buah hati Anda saat sedang online melalui account facebooknya. Hebatnya lagi, situs layanan ini akan secara default akan tetap terus memantau aktifitas selama 180 hari terakhir dari account Facebook buah hati Anda setiap kali Anda log in, sehingga dengan begitu akan memberikan informasi aktifitas facebook yang up to date.

Bilamana anda berminat untuk menggunakannya, silahkan anda akses alamat ini :
http://www.minormonitor.com/
Gratis untuk registrasi dan penggunaannya.

Sampai di sini dulu, bilamana ada salah kata, aku mohon maaf.

Sumber inspirasi : http://blog.fastncheap.com/awasi-aktivitas-facebook-anak-anda-dengan-minor-monitor/

Read More 0 komentar

FASILITAS ARTIKEL PLUS (BACKLINK)

Pada kesempatan kali ini DUNIA BLOG ingin menawarkan fasilitas pemberian backlink (secara gratis) kepada anda yang telah sudi untuk mengirim artikel kepada kami. Layanan backlink ini DUNIA BLOG beri nama Artikel Plus (backlink). Pada dasarnya backlink banyak dicari dan dikejar oleh para blogger dalam rangka meningkatkan pagerank blog yang dimilikinya. Peningkatan backlink yang signifikan, cepat atau lambat pasti akan membawa dampak positif untuk mendongkrak pagerank blog.
Dunia Blog

Dengan mengikuti program Artikel Plus (backlink) ini, maka otomatis anda akan mendapatkan 3 backlink secara sekaligus, yaitu backlink pertama anda dapatkan dari hasil menuliskan komentar pada kotak komentar yang telah tersedia pada masing-masing artikel kami. Backlink yang kedua dan ketiga, akan anda peroleh bilamana nanti artikel yang anda kirimkan tadi kami muat sebagai postingan artikel pada blog ini. Backlink yang kedua menuju ke halaman utama blog anda, sedang backlink yang ketiga, menuju ke halaman postingan blog anda (tentunya bilamana anda menerbitkan kembali artikel yang telah anda kirimkan kepada kami tersebut).

Selanjutnya fasilitas Artikel Plus (backlink) ini memiliki aturan-aturan sebagi berikut  :

  1. Anda harus telah menjadi follower blog ini, serta telah memberikan atau meninggalkan jejak berupa komentar yang berkualitas pada salah-satu artikel/postingan yang telah ada pada blog ini.
  2. Artikel yang anda kirimkan kepada kami harus yang original dan berkualitas, serta bukan hasil copy-paste ataupun re-post dari artikel yang sudah ada.
  3. Selanjutnya anda berkewajiban untuk mereview fasilitas Artikel Plus (backlink) ini dalam suatu postingan pada blog anda.
  4. Admin Blog dalam hal ini berhak untuk melakukan editing terhadap semua artikel-artikel yang masuk ke meja admin.
  5. Kirimkan artikel anda lewat email ke : shellyimutz@gmail.com.
Informasi berikutnya : Backlink yang kami berikan ini bersifat permanen dan cukup berkualitas, karena blog ini di dukung oleh beberapa blog lain (dummy blog yang diperlalukan seperti blog utama) yang telah mendapatkan posisi-posisi penting pada hasil pencarian Google (Google SERP). Posisi penting pada hasil pencarian Google ini, baik secara langsung maupun tidak langsung membawa tingkat kualitas tersendiri.

Sebagai gambaran anda, silahkan periksa gambar-gambar yang kami tampilkan di bawah ini :

Dunia Blog
 Dari gambar di atas, menunjukkan bahwa blog ini berada pada urutan kedua hasil pencarian Google dari sejumlah 10.400.000 pesaingnya, dengan keyword : dunia blog dunia indormasi dan pengetahuan


Dunia Blog
Dari gambar tersebut di atas, dapatlah di lihat bahwa blog ini berada pada urutan ke dua  hasil pencarian Google dari sekitar 20.900.000 pesaingnya, dengan mempergunakan keyword : dunia blog dunia informasi


Dunia Blog
Dunia Blog
 Dari kedua gambar di atas menunjukkan kepada kita bahwa blog ini berada pada urutan ke sembilan hasil pencarian Google, bersaing dengan sekitar 95.300.000 pesaing lainnya, mempergunakan keyword : dunia blog.


Demikianlah tawaran kami tentang Fasilitas Artikel Plus (backlink) ini, semoga dapat bermanfaat, bila ada sesuatu yang belum jelas, anda dapat meminta penjelasan lewat kolom komentar di bawah ini.

Read More 0 komentar

KONTRADIKSI ALEXARANK DAN GOOGLE PAGERANK

DUNIA BLOG kali ini akan sedikit mengungkap fakta tentang Kontradiksi Alexarank dan Google Pagerank yang bagi DUNIA BLOG sendiri hal ini cukup membingungkan serta menggelikan, dan memicu untuk mencari tahu apa sebabnya. Kenyataan ini bukan isapan jempol belaka, namun benar-benar terjadi pada salah satu blog yang saya kelola dan telah berumur lebih dari 1 (satu) tahun.

Coba anda perhatikan pada gambar di bawah ini, perhatikan dengan seksama tentang informasi yang ditampilkannya :

Dunia Blog

Dari gambar tersebut terlihat dengan jelas andanya Kontradiksi Alexarank dan Google Pagerank, dimana blog tersebut memiliki Alexarank yang No Data, sementara itu blog tersebut telah memiliki Pagerank # 1. Satu kejadian yang cukup menggelikan bukan ? Kok bisa terjadi hal yang demikian yah ................ ?

Kejadian ini semakin membuktikan kepada bahwa antara kedua indikator blog (Alexarank dan Google Pagerank) sebenarnya memiliki tolok ukur yang berbeda di dalam memberikan peringkat terhadap sebuah web/blog. Kenyataan membuktikan, bisa saja terjadi Alexarank nya masih No Data, namun Google Pagerank nya telah berperingkat # 1.

Kenyataan tersebut pun membukakan mata kita bahwa Google Pagerank tidak membuktikan tingkat popularitas suatu web/blog (sebagaimana Alexarank), melainkan lebih ber-fokus kepada kualitas konten/artikel ditambah dengan backlink yang telah dikumpulkan oleh sebuah web/blog. Kesimpulan yang dapat diambil adalah : bisa jadi sebuah blog tidak terlalu populer namun blog tersebut memiliki kualitas tersendiri di mata Google.

Kenyataan ini juga memberikan pilihan kepada kita, mana yang kita pilih kualitas blog atau kuantitas blog.  Dalam hal ini, anda sendirilah yang bisa menjawabnya.

Read More 0 komentar

Memasang Nofication Bar melayang di Blogger

Cara memasang Nofication Bar melayang di Blogger
Akhirnya saya update telah sekian lamanya. Yang akan saya bahas adalah nofication bar melayang, Ini sedikit berbeda karena ini tidak menggunakan javascript sehingga tidak akan mempengaruhi kecepatan loading blog agan.

Copyright

Kode ini milik Indonesia blogger Trick. Anda boleh mengshare kembali dengan catatan tidak menghapus credit nya. Menghapus credit dapat menyebabkan kode menjadi hancur.

Pemasangan

1. Pergi ke Blogger > Template > Edit HTML
2. Cari
]]></b:skin>
3. Paste CSS ini diatasnya

/*-----www.idbloggertrick.blogspot.com-----*/#noscriptnotificationbarWrap{display:none;margin:0;padding:0;position:fixed;margin-top:-41px;z-index:999999;width:100%;height:41px}#noscriptnotificationbar{width:100%;height:28px;margin:0;padding-top:7px;text-align:center;background:none repeat scroll #0bf;position:relative;box-shadow:0 1px 3px #666;z-index:9998;text-decoration:none;color:#000;font-family:arial,sans-serif;font-size:14px;font-weight:bold;text-shadow:.4px .4px .4px #4a4949}#noscriptnotificationbar a{text-decoration:none;color:#fffc00;font-family:arial,sans-serif;font-size:13px;font-weight:bold;text-shadow:.4px .4px .4px #4a4949;outline:0}#noscriptnotificationbar a:hover{text-decoration:underline}
4. Pergi ke <body>
5. Paste kode ini dibawahnya
 <noscript><div id='noscriptnotificationbarWrap' style='display: block; margin-top: 0px;'><div id='noscriptnotificationbar'>

Tulis pesan anda di sini

 </div></div>
<br/><br/></noscript>
6. Simpan Template 
Read More 0 komentar

Kesalahan SEO yang kerap dilakukan Blogger

Cara SEO yang benar
SEO memang selalu menjadi topik utama dalam dunia Blogging. Tidak mengenal Platform, Biarpun Wordpress, Blogger, Jmoola, Typepad dll, mereka mempunyai langkah SEO mereka sendiri. Wordpress memang selalu menjadi no 1, tersedianya plugin SEO kerap memudahkan Blogger yang menggunakan Wordpress. Terus, Bagaimana dengan Blogger ?

Apa itu SEO ?

SEO ( Search Engine Optimization ) adalah suatu tindakan/ kegiantan agar Search Engine seperti Google dapat mudah mengcrawl blog pelaku SEO sehingga dapat menjadi no 1 di Ranking Search Engine seperti Google.
Baca kembali cara membuat artikel yang berkualitas

Macam-Macam SEO

White Hat SEO

White Hat SEO adalah Kegiatan SEO yang mematuhi peraturan Search Engine. Jenis SEO ini tidak beresiko terkena banned dari Google.

Black Hat SEO

Black Hat SEO adalah kegiatan SEO yang melanggar peraturan Search Engine. Jenis SEO ini dapat meningkatkan ranking di Google secara cepat tetapi jika ketahuan dapat terkena penalty ( penurunan rank ) dari Google.

Kesalahan dalam SEO

1. Menggunakan Keyword secara berlebihan

Ini merupakan kesalahan yang sering dilakukakn oleh blogger. Menggunakan Meta Keyword memang masih menjadi pembicaraan. Meskipun Matt Cut sudah menjelaskan bahwa Google tidak menggunakan Meta Keyword dalam Search Rankingnya, tetapi kita dapat memasangnya agar Google lebih mengerti tentang blog kita.
Mengapa menjadi masalah ?
Contoh :
Perusahaan A bernama Anvac memiliki Meta Keyword : Blogger, SEO, Make money.
Perusahaan B bernama banca memiliki Meta Keyword : Blogger, SEO, Make money, Anvac.
Dari ke atas sudah jelas bahwa Perusahaan B telah memanipulasi Keywordnya
Note : Selalu gunakan maksimal 10 Meta Keyword

2. Judul Posting

Umumnya, judul posting adalah H3, lalu dengan SEO kita Ubah H2.
Ada yang berkata bahwa H1 lebih bagus dalam judul ?
Baiklah H1 hanya boleh dipakai ‘satu kali’ / 1 dan maksimal ‘dua kali’ / 2 dalam blog, sehingga menggunakan H1 dalam judul blog sangat bertentangan.
Kita anggap saja
H1 : Judul Blog
H2 : Judul posting
H3 : Sub Posting
H4 : Bagian dari Sub Posting
H tidak hanya ukuran tetapi juga bagian, Inilah SEO yang benar

3. Penggunaan Rel = Follow, Index, NoIndex dan dofollow

Umumnya Google hanya mengenal nofollow, archive, canocial ,tag dll
Lalu bagaimana dengan ;
Rel = Follow, Index, NoIndex, dofollow, dll
Ini salah besar, Google tidak mengenal itu dan hanya membiarkannya saja
Jika anda ingin link menjadi dofollow / follow/ terindex, cukup hapus rel=nofollow saja.

Dari Saya

Memang kita kerap melakukan kesalahan dalam SEO, tetapi dengan penjelasan saya, semoga anda dapat melakukan SEO yang benar. Anda boleh meng-share artikel ini dengan catatan menyertakan Link balik.
Note : Posting selanjutnya tentang rel archive dan rel = tag jadi berlangganan dengan kami, yang berlangganan dapat mengakses info lebih cepat dari yang lain
Read More 0 komentar

Cara membuat artikel yang berkualitas

Salah satu SEO On Page | Membuat artikel yang berkualitasUntuk menjadi blogger yang berkualitas, kita harus dapat membuat artikel yang berkualitas. Pepatah ini sering kali kita lupakan. Apalagi banyak blogger Indonesia suka mengcopas artikel dari sumber lain tanpa menyertakan sumber aslinya. Apakah hasil copas selalu buruk ? Tidak, tetapi hasilnya tidak selalu baik. Hal ini termasuk dalam salah satu SEO On Page jadi anda tidak boleh melupakan original dan berkualitasnya konten

Pengertian Artikel yang mengandung konten yang berkualitas

Nah apa itu Konten yang berkualitas ? Tentu saja bagi mata Google dan pengunjung. Bagi Google adalah artikel yang dipenuhi white hat SEO dan bagi pengunjung adalah artikel yang benar-benar berguna dan dibutuhkan oleh pengunjung.
Termasuk juga:
1. Artikel pilar ( kebalikan dari populer )
2. Dibuat sendiri tanpa copas dari sumber lain ( kecuali jika refrensi )
3. Berguna dan tidak menipu pengunjung
Menurut penilitian :
Sebanyak 95 % blogger indonesia pernah mengcopas artikel
Rata-rata 30 % artikel mereka hasil copas
79% tidak menyertakan link sumber
20% hasil copas setelah diterjemahkan ( dari sumber berbahasa asing )

 Kiat-kiat membuat  konten yang berkualitas

1. Pelajari website orang terkenal
Lihatlah Shoe Money, Pro Blogger, My Blogger Trick. Lihat bagaimana mereka mendatangkan pengunjung dengan artikel mereka. Mereka masing-masing mempunyai keunikan dan daya tarik tersendiri. Lihatlah mereka, bagaimana mereka membuat judul, menaruh gambar, menempatkan posting dll. Belajarlah dari mereka
2. Cari refrensi
Sebelum anda memutuskan untuk mempublish artikel, lebih baik, anda cari dulu artikel yang mirip sehingga anda dapat memahami pesaing anda di perang Search Engine. Dalami konten mereka, bermanfaat tidak ? Lalu anda dapat memutuskan untuk memperbaiki artikel atau mempublish nya. 
3. Jangan Copas
Jangan pernah sekali-kali copas post milik orang lain, meskipun itu hanya seperempat, sebagian atau seluruh nya, suatu saat Google akan mengendusnya. Becarefull
4. Berpikir positif
Saya tidak pernah mempunyai anggapan kalau blog milik pesaing saya lebih baik dari blog saya, maupun sebaliknya. Pengunjunglah yang menilai, bukan saya. Jadi, janganlah malu untuk membuat sesuatu yang 'original' karena sesuatu yang 'original' dan dilandasi kejujuran insya allah akan berhasil
5. Berdiskusi dengan pengunjung
Jika pengunjung memberi saran, penilian dll melalui komentar, janganlah marah dan dengarkan pengunjung anda. Pahami yang diinginkan pengunjung , mungkin mereka merasa tidak puas dengan konten anda. Jika itu benar, maka perbaikilah artikel anda sesuai dengan yang diinginkan oleh Pengunjung setia :)
6. Hargai blogger lain
Jika artikel anda hasil copas, maka lebih baik sertakan link sumbernya. Jika anda tidak menghargai blogger lain, jangan harap jika anda ingin dihargai. Selain itu, ini dapat menghindari hukuman/ penalty dari Google

Dari Saya

Membuat artikel yang berkualitas memang sulit, tetapi dengan sedikit penjelasan dari saya, semoga anda dapat berkembang ke arah yang lebih baik. Anda dapat meng-share artikel ini dengan catatan memberi link balik.
Read More 0 komentar

Cara menambahkan Star Rating di Blogger

Cara membuat Star Rating di Blogger
Apakah anda anda masih berpikir bahwa tidak ada cara untuk tampil memukau di mesin pencari Google? Apakah Anda pernah melihat situs-situs di Google Search hasil yang memiliki 5 kecil bintang review di atasnya? Markups adalah sebuh penilaian yang membuat website anda tampil berbeda dari setiap orang. Markup star lebih dikenal sebagai sistem rating bintang pencarian yang tidak hanya menciptakan kesan positif di benak pengunjung Anda, tetapi juga membuat website Anda menonjol dalam hasil pencarian. Jadi, jika Anda bersedia untuk memperbaiki penampilan Blog Anda di mesin pencari Google maka Markup berbentuk bintang adalah tanda terima untuk mendapatkan diri Anda disorot dalam hasil pencarian.

Apa keuntungannya menggunakan Star Markup / Star Rating ?

  1. Setiap kali, seseorang mencari di google dengan kata kunci tertentu yang sesuai dengan kata kunci blog anda, pengunjung akan lebih tertarik jiika terdapat review berbintang 5. Ini dapat menyingkirkan bkig lawan dalam SERP.
  2. Dengan menambahkan star markup dalam posting tertentu Anda mengatakan pengunjung bahwa itu adalah sebuah halaman terpercaya dan informasi yang hadir dalam halaman ini adalah berharga.
  3. Anda akan menerima lebih banyak lalu lintas karena Anda memiliki tampilan yang paling unik di SERP dengan  Star Markup.   

 Cara memasang Star Markup / Star Rating

1. Pergi ke blogger > Entri baru  
2. Buatlah artikel,bebas
3. Setelah selesai, Pergi ke menu HTML
4. Paste kode dibawah ini di akhir posting
<div class="hreview"> <span class="item"> <span class="fn">IDBT</span><br/> </span> Reviewed by <span class="reviewer">User</span>on <span class="dtreviewed">23 April  2013<span title="2013-04-23" class="value-title"></span><br/> </span> Rating: <span class="rating">5</span></div>

Petunjuk

1. Ganti IDBT dengan produk yang ingin dinilai/ direview
2. ganti 23 april 2013 dengan tanggal penilaian dan ganti 2013-04-23 dengan tanggal lain berformat YYYY-MM-DD
3. Ganti 5 dengan jumlah bintangnya
4. Publish artikel itu
5. Untuk mengecek apakah sudah berhasil atau tidak, Buka website ini sini
Mengecek Star Rating dengan tool Google6. Masukkan alamat posting ke tempat yang disediakan
7. Jika berhasil, nanti terlihat seperti disamping


Dari IDBT

Review star sangat berguna karena 75% pengunjung akan tertarik dengan posting yang diberi penilaian tinggi dengan posting yang tidak diberi penilaian. Tetapi ingat jangan gunakan cara ini untuk melakukan hal-hal ilegal. IDBT tidak akan bertanggung jawab kerusakan akibat pemasang Star Rating. Anda diperbolehkan meng-share artikel ini tetapi dengan catatan, menyertakan link sumbernya 
    IDBT
     Reviewed by User on 23 April 2013
     Rating: 5
    Read More 0 komentar

    Cara membuat template blogger menjadi Responsive

    Cara membuat template ResponsiveNah apa itu Reponsive Template ? Reponsive template adalah template yang sangat kontibel dengan mobile. Biasanya jika dilihat di PC dan mobile tampilannya berbeda? Mengapa kita harus memakai template Reponsive ? Karena pertumbuhan mobile saat ini pesat sekali, sehingga agar pengunjung yang menggunakan mobile, akan puas dengan blog anda. Bagaimana cara membuat template menjadi Reponsive ? Akan saya ajarkan
    Pertama-tama lebih baik, anda menonaktifkan template default mobile anda
    Cara mengganti template soluler1. Pergi ke Blogger > Template
    2. Di bagian seluler, sesuaikan template seluler menjadi seperti di samping
    3. Ganti menjadi khusus

    Selanjutnya, kita akan otak-atik sedikit HTML
    1. Pergi ke Blogger > Template > Edit HTML
    2. Masukkan kode berikut diatas ]]></b:skin>
    @media screen and (max-width: 1230px){ #header { float:none; max-width:none; text-align:center; } #header-inner { margin-bottom:0px; } #header h1 { margin-right:0px; } #header p.description { margin:0; } #header-right { position:relative; right:0; text-align: center; margin : 0 !important; } .header-right-inner { margin: 0 30px ! important; } .main-nav-top{ clear:both; float:none; } .main-nav-main { margin:10px 0 0 0; } #nav-search { float:none; margin:0; } } @media screen and (max-width: 960px) { .sidebar-wrapper{ position:relative; top:auto; right:auto; clear:both; left:auto; width:auto; margin: 0 -15px; background: none; } .subscribe_outer { margin: 0 -20px; } .main-wrapper{ margin-right:0; width:100%; min-height: 0px; } .ct-wrapper{ padding:0 15px; } #content { padding: 5px; clear: both; border-radius: 0; } .sidebar-wrapper .sidebar{ margin: 15px; } .sidebar-wrapper .widget{ border: none; margin: 0px auto 10px auto; padding: 10px 20px; } } @media screen and (max-width: 768px){ .header-wrapper { margin-right: 0; min-height: 0; width: 100%; } #header { text-align: center; width: 100%; max-width: none; } #header-inner { margin:30px 0 0; } #header h1 { font-size:35px; } .main-nav-top, .main-nav-main, .main-nav-top ul, .main-nav-main ul{ text-align:center; } .related-post { width:auto; } #comment-editor { margin:10px; } .footer { margin:15px; width:auto; } .footer-credits .attribution{ display:none; } } @media screen and (max-width: 500px){ #header img { width:100%; } } @media screen and (max-width: 420px){ #header h1 { font-size: 30px; margin: 10px; } .main-nav-main ul li{ margin:4px 10px; float:none; } .comments .comments-content .datetime{ display:block; float:none; } .comments .comments-content .comment-header { height:70px; } } @media screen and (max-width: 320px){ .ct-wrapper{ padding:0; } .footer .footer-inner { padding: 45px 10px 10px 10px; } .comments .comments-content .comment-replies { margin-left: 0; } }
    Jika berhasil, coba cek di mobile anda bagaimana tampilan blog anda
    Jika gagal, dalam soluler, jangan gunakan khusus tetapi nonaktifkan

    Read More 0 komentar

    Cara Mengetahui Kecepatan Loading Blog

    Cara mengetahui seberapa lambat blog kita
    Apakah kamu pernah peduli dengan kecepatan blog anda ? Tidak ? Kecepatan Blog sangat penting karena kebanyakan zaman sekarang orang pada tidak sabaran dan ingin instan terutama indonesia :) jadi kita harus peduli dengan kecepatan blog kita , lalu gimana caranya ? Mudah, Internet sangat lengkap. Tentu Internet juga menyediakannya kan?

    Membandingkan Website orang lain


    Membandingkan website dengan lainnya selalu bermanfaat karena Blog akan lebih dan lebih ingin tahu dalam mengembangkan situs web yang lebih baik daripada yang lain. apa kegunaan adanya Alat yang membandingkan kecepatan dua website ? Di satu sisi, tampak menyenangkan karena Anda dapat bersaing dengan sesama blogger Anda yang yang memiliki kecepatan yang paling cepat. Sementara di sisi lain, hal ini sangat berguna untuk membandingkan waktu buka situs Anda dengan situs profesional. Cukup ikuti petunjuk berikut untuk mulai membandingkan kecepatan situs Anda.
    2. Di sana anda dapat membandingkan dua website terkenal seperti Apple dengan Adobe atau anda dapat membandingkan blog anda dengan blog lain.

    Mengetahui kecepatan loading blog dan memperbaikinya

    Apakah kalian ingin blog/website anda diukur oleh Website terkenal seperti Google atau Yahoo ? Mereka mempunyai pendapat mereka bagaimana mengetahui apakah suatu website cepat/ lambat. Yahoo memiliki YSlow dan Google memiliki PageSpeed. 
    Tetapi kalau dicek satu-satu kan kelamaan solusinya adalah GTMetrix. GTMetrix akan mengecek blog anda melalui PageRank dan Yslow bahkan GTMetrix akan memberitahu anda bagaimana cara memperbaikinya.
    1. Pergi ke gtmetrix.com
    2. Masukkan halaman blog anda di tempat yang disediakan
    3. Tunggu sampai Gtmetrix selesai mengecek Pekerjaannya
    4. Lalu anda akan mengetahui seberapa borosnya blog anda. semakin kecil persentasenya, semakin lambat blog anda

    Berikut Screenshot dari blog saya ( pada tanggal 21/04/2013 )
    Nilai PageRank dan Yslow dari Gtmetrix





    Untuk ukuran blogger, sebenarnya ini sangat bagus. Anda tahu bahwa blogger memiliki kekurangan, jadi nilai tercepat loading blog yang memiliki artikel lebih dari 25 itu Page speednya maksimal 95 % dan Yslow nya maksimal 90 % ( untuk yang tidak punya artikel, maksimal PageSpeednya 98% dan Yslownya 95% )

    Blogger Tidak mengejinkan kita


    1. Mengedit htaccess
    2. Mengatur expirenya cache
    3. Mengaktifkan Gzip di blog kita
    4. Mengaktifkan CDN
    5. dll
    Jadi jangan berkecil hati jika nilainya dibawah 90%, asal mendatangkan konten yang berkualitas seperti MBT yang nilai pagespeednya hanya 60% tetapi pageranknya 5 dan alexanya 4000, kurasa pengunjung akan sabar :)

    Baiklah cukup artikel hari ini, anda boleh mengshare artikel ini agar berguna dengan catatan anda menuliskan sumbernya.
    Read More 0 komentar

    Memasang Google+ Comment di Costum template

    Cara mengaktifkan Google+ Comment di Costum Template
    Baiklah, posting kemarin tentang Google+ Comment, nah saya akan mengajari anda cara memasangnya di Costum template. Setelah saya coba, saya bingung Google+ Comment tidak muncul di Blog saya. Saya kira membutuhkan waktu, ternyata untuk memasangnya di Costum template butuh otak-atik sedikit template saya. Baiklah meskipun saya tidak memasangnya, saya akan mengajari anda cara memasangnya
    Sebelum itu, saya sarankan anda membackup template anda.
    Berikut cara-caranya
    1. Pergi ke Blogger > Template > Edit HTML ( Sebelum itu, pastikan anda telah mengaktifkan Google+ Comment di Blog )
    2. Cari ini
    3. Paste kode ini diatasnya

    Bingung ? Silahkan berkomentar, Insya Allah saya balas
    Read More 0 komentar

    Google meluncurkan Goole+ Comment Pesaing Facebook

    Google meluncurkan Google+ Comment
    Kemarin / 18 Maret 2013 , Google secara resmi meluncurkan Google+ Comment yang mungkin akan menjadi pesaing besar comment system terkenal lainnya seperti disquss , facebook comment dll. Mirip dengan Facebook Comment, Google+ memungkinkan pengguna untuk berbagi pikiran mereka tidak hanya pada posting yang bersangkutan, tetapi juga untuk jaringan sosial, sehingga memperluas jangkauan sosial untuk lebih dari layanan Google.
    Google yakin bahwa dengan Google+ Komentar, Blogger akan menemukan bahwa ia menyediakan setidaknya dua "manfaat penting": bisa melihat blog dan komentar semua di satu tempat, dan juga untuk membantu pembaca komentar dan terhubung dengan lingkaran mereka.

    Blogger yang mengaktifkan sistem komentar baru akan melihat aktivitas orang dari mereka yang secara langsung di situs tersebut dan mereka yang berbicara tentang konten langsung dari Google+. Selain itu, pembaca dapat meninggalkan komentar khusus untuk mereka dalam lingkaran mereka atau di depan umum tergantung pada bagaimana mereka merasa nyaman. Di satu sisi, pilihan visibilitas khusus yang diberikan oleh Google, yang tidak tampak pada platform komentar lainnya. Jadi jika Anda sangat tertarik dengan cerita tertentu, bisa komentar tapi meninggalkannya untuk teman-teman dekat Anda atau orang yang Anda tahu akan terpesona oleh yang anda bicarakan.

    Mau mengaktifkannya ? Berikut caranya

    1. Login ke Blogger
    2. Pergi ke Tab Google +
    3. Centang Gunakan Google+ Komentar di blog ini

    Kesimpulan


    Dengan memasang ini, akan membuat blog anda semakin hidup karena pengunjung tidak hanya komentar, tetapi akan ikut dalam diskusi anda.


    Read More 0 komentar

    Alasan mengapa PageRank tidak naik | Bahkan Turun

    Alasan PageRank Blog turun dratis
    PageRank yang sebenarnya adalah link analisis algoritma diperkenalkan oleh Google pada tahun 1998. Ini adalah formula yang sebenarnya yang memberitahu Google situs yang memiliki lebih penting dan layak untuk peringkat lebih tinggi. Tentu saja sebagian besar dari Anda tahu bahwa PageRank adalah angka antara 0 dan 10 yang didasarkan pada jumlah link masuk yang menunjuk ke sebuah situs. Hal ini sebagian besar diperbarui empat kali dalam setahun. Setiap kali seseorang memperbarui pembaca tentang berita PageRank banyak orang bersukacita ketika mendengar berita meskipun beberapa diantara mereka bisa kehilangan motivasi. Jadi dalam posting hari ini kita akan belajar mempelajari alasan teknis mengapa beberapa Halaman peringkat tinggi dengan hanya beberapa link sementara yang lain masih tetap di mana mereka meskipun jumlah inbound linknya sama.

    Apakah PageRank ditentukan oleh Jumlah link masuk ?

    Jawabannya hampir tidak. PageRank ditentukan oleh jumlah Dofollow ( link yang di crawl oleh google ) ke suatu blog/website. Lalu mengapa PageRank saya tetap ? bahkan turun ? Nah sekarang kita akan membahas tiga hal :
    • Maksimalkan jumlah Link masuk ( dofollow )
    • Menyeimbangkan Link keluar dan masuk
    • Mempertahankan PageRank blog anda

    Maksimalkan jumlah Link masuk


    Google memindai dunia World Wide Web setiap sepersekian detik dan mengcrawl halaman indeks dalam database secara terus menerus. Tampaknya untuk website berkualitas dengan konten yang dihasilkan baik akan dikategorikan  terpisah dari orang-orang, jaring forum atau blog yang mempublikasikan konten miskin, cerita lama dan melanggar hak cipta. Ketika situs dengan otoritas kaya dan situs dengan PR lebih besar dari 2 (yaitu PR> 2) link ke blog anda, blog Anda mulai menarik laba-laba Google dan memaksa mereka untuk membayar Anda hormat karena Anda telah direkomendasikan (dihubungkan) oleh blog yang sudah lebih memenangkan reputasi di mata Google selama 4 bulan terakhir dan di atas. Jadi signifikansi sebenarnya mengacu pada apakah situs yang link ke Anda memiliki beberapa PR atau tidak. The PR sebuah situs yang lebih tinggi semakin besar maknanya. 
    Tidak Mengerti ? 
    Baiklah apakah ada perbedaan dalam yang menghubungkan Anda? Ya ada sebuah kesenjangan besar. Ikuti tabel di bawah ini,
    Harap Catatan: Asumsikan bahwa situs Anda memiliki PR 0,0 dan blog Anda mulai menerima Link berikut dari satu situs tunggal. Saya ulangi link masuk disebutkan di sini adalah dari satu situs tunggal dan tidak beberapa. Lihat bagaimana link ini dapat mempengaruhi PR Anda.
    Catatan: Data tindak didasarkan pada pengalaman saya sejauh ini dan asumsi belaka tapi dekat.
    Website's PageRankImpact
    PR 0.050 and above links required to earn a PR1 or PR0.
    PR 1.0About 5-10 links from this blog Can Earn you a PR 1.0
    PR 2.0One Link can Earn you PR1
    Greater than 5 Links Can earn you PR2
    PR 3.0One Link can Earn you PR 1 or PR2
    Greater than 5 Links Can earn you PR2
    PR 4.0One link can earn you PR2
    5 Links Will Earn you PR3
    15 and above links will Earn you PR4
    PR 5.0One Link can earn you PR2 or PR3,
    Tidak terlalu yakin untuk PR 5 dan PR 6
    PR 6.0One Link can earn you PR3
    Two Links PR4
    Tidak terlalu yakin unuk PR 5 dan PR 6


    Menyeimbangkan Link keluar dan masuk


    Pastikan untuk link situs eksternal hanya bila diperlukan. Ketika Anda menghubungkan link eksternal, Anda secara tidak langsung berbagi PR Anda dengan situs tersebut. Menghubungkan situs web berkualitas rendah atau menghubungkan halaman iframe dll seringkali efek PR Anda. Tentu saja link keluar Anda akan selalu lebih besar dari link masuk Anda, tetapi menjaga rasio antara mereka serendah mungkin. Ini memang salah satu strategi optimasi terbaik yang sangat dianjurkan.
    Jika link masuk Anda adalah 100 dan link keluar adalah 10.000 maka kemungkinan penurunan PR yang pasti. Salah satu cara untuk menjaga link eksternal yang rendah adalah Tag mereka sebagai nofollow. Tag nofollow hanya akan memungkinkan pembaca Anda untuk mengunjungi link tersebut tapi link yang tidak akan dijelajahi oleh robot Google.

    Mempertahankan PageRank blog anda


    Sekarang kalimat ini memiliki arti yang berbeda tetapi lengkap. Ini akan menjawab pertanyaan mengapa PageRank Anda turun ketika Anda merasa tidak melakukan kesalahan apa pun.
    Anda kehilangan Akun AdSense Anda ketika Anda melanggar Syarat Google Services, sama Anda kehilangan PageRank Anda ketika Anda tidak mematuhi aturan yang ditetapkan oleh tim Google PageRank. Hal ini telah jelas disebutkan beberapa kali oleh Matt Cutts dan lainnya webmasterhelp anggota yang PageRank tidak boleh disalahgunakan. Menyalahgunakan berarti menjual link di website Anda untuk menghubungkan pembangun terutama perusahaan webhosting. Jual link adalah sama dengan merekomendasikan sebuah website ke Google hanya demi uang dan bukan karena kualitas konten. Bila Anda menerima PR 3 atau di atas, linkbuilders banyak akan menghubungi dan membayar Anda untuk menambahkan link mereka ke salah satu posting Anda peringkat tinggi. Mereka akan membayar Anda setinggi $ 200 per link untuk satu tahun atau sepanjang masa. Uang adalah sesuatu yang tidak bisa menolak sehingga mereka melakukan kejahatan ini dan pada penjaringan berikutnya dari halaman Anda, Google mendeteksi bahwa link relevan baru telah ditambahkan ke posting Anda yang sebelumnya tidak hadir dan kemudian robot scan halaman lain dari blog Anda dan akhirnya datang ke sebuah kesimpulan "Link Jual Terdeteksi!" Jadi pada update berikutnya Anda kehilangan PR Anda sulit diperoleh. Harap jangan khawatir tentang pendapatan, memberikan nilai tambah bagi pembaca dan jenjang sosial. Pendapatan secara alami akan datang. 

    Kesimpulan

    Jangan khawatir tentang PageRank karena google menilai website tidak hanya berdasarkan Page Rank tetapi juga 200 hal lainnya seperti Alexa Rank dan peringkat Sosial Anda / Author Rank. Memberikan nilai tambah bagi pembaca Anda dan bekerja keras untuk meningkatkan jumlah pelanggan harian anda dan kurang memperhatikan pendapatan untuk tahun pertama kegiatan blogging anda merupakan langkah-langkah menjadi Blogger Sejati. Saya harap ini sedikit info membuktikan membantu dalam menjelaskan alasan teknis di balik penurunan PageRank. Semoga info ini berguna. 

    Read More 0 komentar

    Blogger Newbie Tutrial

    CSS Logo Blogger
    Nah, bagi yang masih pemula/ newbie dalam blogger, posting ini mungkin berguna. Baiklah apa itu Blogger ? Blogger merupakan CMS besutan google yang membuat orang yang mempunyai email google secara sederhana dapat membuat blog pribadinya sendiri. Blogger bersifat basic jadi dapat dikembangkan setiap orang tanpa ilmu PHP atau ilmu rumit lainnya
    Baiklah pertama perkenalan antarmuka blogger dulu
    Antarmuka blogger berserta penjelasan

    Antarmuka Blogger


    • Ikhtiar : Ringkasan data tentang blog anda seperti jumlah statistik, jumlah komentar, jumlah pos dan lain-lain
    • Pos : Tempat membuat, menghapus, mengedit pos
    • Laman  : Tempat membuat , mengedit dan menghapus laman / halaman
    • Komentar : Melihat komentar pengunjung
    • Google+ : Menghubungkan blog anda dengan Google+
    • Statistik  : Melihat statistik ( jumlah pengunjung )
    • Tata letak : Mengatur letak widget, header post dll
    • Template : Template membackup, mengupload, mengedit template
    • Setelah : Setelan blog anda 
    Artikel ini akan dikembangkan di kemudian hari
    Read More 0 komentar

    CSS Trick Cara mengganti warna Scrollbar | Mengganti scrollbar default blogger

    Scroll Bar imageUntuk mengubah warna scrollbar anda, anda harus membutuhkan sedikit trick CSS. Dengan trick saya, anda tidak perlu mengedit template anda yang beresiko merusak susunan template anda jika anda tidak rajin backup ^_^. Baiklah langsung ke TKP
    Pertama-tama anda tentu ingin lihat demonya kan ? nah demonya bisa dilihat di blog saya . Tertarik ? Ini kodenya
    /* IDBT Webkit Scrollbar */ ::-webkit-scrollbar { width: 15px; } ::-webkit-scrollbar-track { background: #FFFFFF; -webkit-box-shadow: inset 1px 1px 2px #E0E0E0; border: 1px solid #D8D8D8; } ::-webkit-scrollbar-thumb { background: #646464; -webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4); } ::-webkit-scrollbar-thumb:hover { background: #AAA; } ::-webkit-scrollbar-thumb:active { background: #888; -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3); }
    Pemasangan CSS Scrollbar
    1. Login ke blogger
    2. Tuju ke Template
    3. Sesuaikan ( Bukan edit HTML )
    4. Pilih opsi tingkat lanjut
    5. Nanti akan muncul opsi Tambahkan CSS
    6. Paste kode di atas di kotak itu
    7. Save

    Pengeditan CSS Scrollbar

    Jika anda ingin mengganti warna, ganti kode warna seperti #E0E0E0 dengan warna lain, tidak tahu dengan kode warna ? Akan saya bahas di posting berikutnya
    Read More 0 komentar

    Cara memperbaiki masalah Meta Description

    Cara mengatasi masalah Meta Tag Description
    Gambar di samping adalah salah satu error dalam Meta Description. Anda harus berhati-hati, memiliki meta description dua / lebih ( kecuali post / search description ) dapat mengakibatkan banned dari Google. Nah bagaimana memperbaikinya ? Simak artikel berikut
    Cara membuat Post DescriptionSebenarnya, masalah ini baru muncul ketika google memperkenalkan Search Description yang selalu muncul ketika anda membuat post.

    Menghapus Meta Description Tradisional

    1. Pergi ke Blogger > Template 
    2. Klik format Template ( pengganti Expand Template Widget )
    3. Cari kode ini

    <b:if cond='data:blog.metaDescription != &quot;&quot;'> 
      <meta expr:content='data:blog.metaDescription' name='description'/> 
    </b:if>
    Jangan panik jika tidak menemukan kode ini, langsung ke langkah 5
    4. Ganti dengan
    <b:if cond='data:blog.url != data:blog.homepageUrl'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.metaDescription != &quot;&quot;'> 
      <meta expr:content='data:blog.metaDescription' name='description'/> 
    </b:if> 
    </b:if> </b:if>
    5. Jika anda tidak dapat menemukan kode di atas, paste kode di atas dibawah <head>
    Read More 0 komentar

    MEMBUAT SLIDER POSTING (GAMBAR) ALA DRAKON TEMPLATE

    DUNIA BLOG kali ini akan mencoba mengupas tips-trik blogging khusus modifikasi template, yaitu membuat Slider Posting (gambar) ala Drakon Template, yang mana widget ini (menurut DUNIA BLOG) berfungsi untuk mengiformasikan kepada pengunjung/visitor tentang artikel-artikel (posting) blog yang telah terrsedia. Disamping itu, widget ini pun mampu untuk menambah kualitas tampilan web/blog yang kita miliki. Perhatikan gambar di bawah ini.

    Dunia Blog 91

    Bilamana anda ingin lebih jelas, anda dapat langsung menuju ke sini.

    Pembuatan slider-widget ini setidaknya membutuhkan 3 tahap yang berurutan, sebagaimana akan diuraikan berikut ini :

    TAHAP PERTAMA

    Login ke blogger dengan akun anda >> klik Tata Letak >> pilih Edit HTML >> Backup dulu template anda dengan mengklik Download Template Lengkap.
    Letakkan kode berikut di atas kode ]]></b:skin>

    #slidearea{
    height:150px;
    overflow:hidden;margin:-20px 0px 0 2px;
    position:relative;
    width:965px;
    background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDHiItjgLk7FB4DISJeruCAWl0Z794LLmSdrtxSx2hmpgLyJ-w4W5TjlV89DChnzs-2hUQ4DOMfwrwslSAYPo_O6pMrcgXqgcIc65W0H3BRQpKgkEWRIjTjCH1huDgyiaVoVMLcCaExMQD/s0/header-background.png) repeat-x;
    border:5px ridge #052844;
    }
    #gallerycover{
    overflow:hidden;
    margin:9px 20px 0 32px;
    width:920px;
    }
    .mygallery{
    overflow:hidden;
    position:relative;
    }
    .mytext img{
    float:left;
    }
    .mytext{
    position:relative;
    margin:0 5px 0 5px;
    width:170px;
    height:210px;
    display:inline;
    float:left;
    color:#c4c4c4;
    }
    .inpost{
    position:absolute;
    top:0;
    left:0;
    width:250px;
    background:#fff;
    }
    .mytext {
    padding:5px 0;
    color:#000;
    width:170px;
    font-size:12px;
    font-weight:bold;
    }
    .mytext h4 a:link,.mytext h4 a:visited{
    color:#000;
    text-shadow: 0px 1px 0px #efefef;
    }
    .mytext p{
    padding:0 0;
    color:#555;
    font-size:12px;
    line-height:20px;
    width:170px;
    text-shadow:1px 1px 0 #f6f6f6;
    }
    .prevb{
    float:left;
    width:24px;
    height:24px;
    z-index:200;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNbDmlyzItuMU9FI2vC-vl_ffdaY048pRyc6SqZ72x-j4DijbxcxuSwpl4wePRf5d0SWXurg_ly8QPE9B_VHHBfsVyoMlIIdDXpnNa8ww-31xuHjbSmt3DWLFWVJwfyC5B0poYf7HECOw/s1600/back+demomaskolis.gif);
    position:absolute;
    left:5px;bottom:65px;
    }
    .nextb{
    float:right;
    width:24px;
    height:24px;
    z-index:200;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAXt1ggsJtz3snr0Mskf6w-azqsEhbYxxFI2QR0B760zN-H-xdOqU8jUCCfv_FxdXLWufQJ6glDnlVUA-pFkWoJRj-NPrRZEy1FFyW6eHWcU3tY5PbAdBONO9OdxJSM992Rh36oaFauCI/s1600/prev+demomaskolis.gif);
    position:absolute;
    right:5px;
    bottom:65px;
    display:block;
    }


    TAHAP KEDUA
    Masih pada posisi Edit HTML. Letakkan kode berikut di bawah kode ]]></b:skin>.atau diatas </head>

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

    <script type='text/javascript'>
    //<![CDATA[

    /*
     * jQuery Easing v1.1 - http://gsgd.co.uk/sandbox/jquery.easing.php
     *
     * Uses the built in easing capabilities added in jQuery 1.1
     * to offer multiple easing options
     *
     * Copyright (c) 2007 George Smith
     * Licensed under the MIT License:
     *   http://www.opensource.org/licenses/mit-license.php
     */

    jQuery.easing = {
        easein: function(x, t, b, c, d) {
            return c*(t/=d)*t + b; // in
        },
        easeinout: function(x, t, b, c, d) {
            if (t < d/2) return 2*c*t*t/(d*d) + b;
            var ts = t - d/2;
            return -2*c*ts*ts/(d*d) + 2*c*ts/d + c/2 + b;       
        },
        easeout: function(x, t, b, c, d) {
            return -c*t*t/(d*d) + 2*c*t/d + b;
        },
        expoin: function(x, t, b, c, d) {
            var flip = 1;
            if (c < 0) {
                flip *= -1;
                c *= -1;
            }
            return flip * (Math.exp(Math.log(c)/d * t)) + b;       
        },
        expoout: function(x, t, b, c, d) {
            var flip = 1;
            if (c < 0) {
                flip *= -1;
                c *= -1;
            }
            return flip * (-Math.exp(-Math.log(c)/d * (t-d)) + c + 1) + b;
        },
        expoinout: function(x, t, b, c, d) {
            var flip = 1;
            if (c < 0) {
                flip *= -1;
                c *= -1;
            }
            if (t < d/2) return flip * (Math.exp(Math.log(c/2)/(d/2) * t)) + b;
            return flip * (-Math.exp(-2*Math.log(c/2)/d * (t-d)) + c + 1) + b;
        },
        bouncein: function(x, t, b, c, d) {
            return c - jQuery.easing['bounceout'](x, d-t, 0, c, d) + b;
        },
        bounceout: function(x, t, b, c, d) {
            if ((t/=d) < (1/2.75)) {
                return c*(7.5625*t*t) + b;
            } else if (t < (2/2.75)) {
                return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
            } else if (t < (2.5/2.75)) {
                return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
            } else {
                return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
            }
        },
        bounceinout: function(x, t, b, c, d) {
            if (t < d/2) return jQuery.easing['bouncein'] (x, t*2, 0, c, d) * .5 + b;
            return jQuery.easing['bounceout'] (x, t*2-d,0, c, d) * .5 + c*.5 + b;
        },
        elasin: function(x, t, b, c, d) {
            var s=1.70158;var p=0;var a=c;
            if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
            if (a < Math.abs(c)) { a=c; var s=p/4; }
            else var s = p/(2*Math.PI) * Math.asin (c/a);
            return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
        },
        elasout: function(x, t, b, c, d) {
            var s=1.70158;var p=0;var a=c;
            if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
            if (a < Math.abs(c)) { a=c; var s=p/4; }
            else var s = p/(2*Math.PI) * Math.asin (c/a);
            return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
        },
        elasinout: function(x, t, b, c, d) {
            var s=1.70158;var p=0;var a=c;
            if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
            if (a < Math.abs(c)) { a=c; var s=p/4; }
            else var s = p/(2*Math.PI) * Math.asin (c/a);
            if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
            return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
        },
        backin: function(x, t, b, c, d) {
            var s=1.70158;
            return c*(t/=d)*t*((s+1)*t - s) + b;
        },
        backout: function(x, t, b, c, d) {
            var s=1.70158;
            return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
        },
        backinout: function(x, t, b, c, d) {
            var s=1.70158;
            if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
            return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
        },
        linear: function(x, t, b, c, d) {
            return c*t/d + b; //linear
        }
    };

    //]]>
    </script>

    <script type='text/javascript'>
    //<![CDATA[

    eval(function(p,a,c,k,e,r){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(6($){$.1g.1w=6(o){o=$.1f({r:n,x:n,N:n,17:q,J:n,L:1a,16:n,y:q,u:12,H:3,B:0,k:1,K:n,I:n},o||{});8 G.R(6(){p b=q,A=o.y?"15":"w",P=o.y?"t":"s";p c=$(G),9=$("9",c),E=$("10",9),W=E.Y(),v=o.H;7(o.u){9.1h(E.D(W-v-1+1).V()).1d(E.D(0,v).V());o.B+=v}p f=$("10",9),l=f.Y(),4=o.B;c.5("1c","H");f.5({U:"T",1b:o.y?"S":"w"});9.5({19:"0",18:"0",Q:"13","1v-1s-1r":"S","z-14":"1"});c.5({U:"T",Q:"13","z-14":"2",w:"1q"});p g=o.y?t(f):s(f);p h=g*l;p j=g*v;f.5({s:f.s(),t:f.t()});9.5(P,h+"C").5(A,-(4*g));c.5(P,j+"C");7(o.r)$(o.r).O(6(){8 m(4-o.k)});7(o.x)$(o.x).O(6(){8 m(4+o.k)});7(o.N)$.R(o.N,6(i,a){$(a).O(6(){8 m(o.u?o.H+i:i)})});7(o.17&&c.11)c.11(6(e,d){8 d>0?m(4-o.k):m(4+o.k)});7(o.J)1p(6(){m(4+o.k)},o.J+o.L);6 M(){8 f.D(4).D(0,v)};6 m(a){7(!b){7(o.K)o.K.Z(G,M());7(o.u){7(a<=o.B-v-1){9.5(A,-((l-(v*2))*g)+"C");4=a==o.B-v-1?l-(v*2)-1:l-(v*2)-o.k}F 7(a>=l-v+1){9.5(A,-((v)*g)+"C");4=a==l-v+1?v+1:v+o.k}F 4=a}F{7(a<0||a>l-v)8;F 4=a}b=12;9.1o(A=="w"?{w:-(4*g)}:{15:-(4*g)},o.L,o.16,6(){7(o.I)o.I.Z(G,M());b=q});7(!o.u){$(o.r+","+o.x).1n("X");$((4-o.k<0&&o.r)||(4+o.k>l-v&&o.x)||[]).1m("X")}}8 q}})};6 5(a,b){8 1l($.5(a[0],b))||0};6 s(a){8 a[0].1k+5(a,\'1j\')+5(a,\'1i\')};6 t(a){8 a[0].1t+5(a,\'1u\')+5(a,\'1e\')}})(1x);',62,96,'||||curr|css|function|if|return|ul|||||||||||scroll|itemLength|go|null||var|false|btnPrev|width|height|circular||left|btnNext|vertical||animCss|start|px|slice|tLi|else|this|visible|afterEnd|auto|beforeStart|speed|vis|btnGo|click|sizeCss|position|each|none|hidden|overflow|clone|tl|disabled|size|call|li|mousewheel|true|relative|index|top|easing|mouseWheel|padding|margin|200|float|visibility|append|marginBottom|extend|fn|prepend|marginRight|marginLeft|offsetWidth|parseInt|addClass|removeClass|animate|setInterval|0px|type|style|offsetHeight|marginTop|list|jCarouselLite|jQuery'.split('|'),0,{}))

    //]]>
    </script>

    TAHAP KETIGA
    Kita akan meletakkan id untuk slider Drakon tepat di bawah header blog. Nah, anda pun bisa menyesuaikan penempatan id ini. Jadi cocokkan saja dengan template anda. Apalagi template blogger yang sudah banyak dimodifikasi. Langsung saja cari kode <div id='content-wrapper'> Letakkan kode di bawah ini tepat di bawah kode <div id='content-wrapper'>.

    <div style='height:20px;width:100%;overflow:hidden;'/>
    <script type='text/javascript'>
    var $jx = jQuery.noConflict();
    $jx(function() {
     $jx(&quot;.mygallery&quot;).jCarouselLite({
     btnNext: &quot;.nextb&quot;,
            btnPrev: &quot;.prevb&quot;,
        visible: 5,
        speed: 1000,
        easing: &quot;backout&quot;      
        });
    });
    </script>
    <div id='slidearea'>
    <div id='gallerycover'>
    <div class='mygallery'>
    <ul>
    <li>
    <div class='mytext'>
    <a href='SLIDE-1-LINK-HERE'>

    </a>
    <div class='clear'/> 
    <p align='center'><a href='SLIDE-1-LINK-HERE'>Norah Jones Lyrics</a></p>
    </div>      
    </li>
    <li>
    <div class='mytext'>
    <a href='SLIDE-2-LINK-HERE'>
    <img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3P0KMRRgWPzbfWhHVw4xRa4p_56wJ6TrZCavJK-LLekdOCsB8Ud826j_Q8Mkjxr_z31ApfQqS1RkEHJ353dQ8sDEW2PM3SN8mWTVqFbPVW7lD11-fCI9Y-Kz51Xf_hhqjCq_8HFu9Yog/s1600/demomaskolis+soldier+1.jpeg'/>
    </a>
    <div class='clear'/> 
    <p align='center'><a href='SLIDE-1-LINK-HERE'>Sade Lyrics</a></p>
    </div>      
    </li>
    <li>
    <div class='mytext'>
    <a href='SLIDE-3-LINK-HERE'>
    <img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg80uGCJ_BzXxHRKjP1-o2ZGJaiqk_-9xV0FyXn3UkoBBKjEYG3oYrQFrFE4f9HbeGihQKqBf-bDj6qSOZoRsynHq1fr_ZI3JoiGPRnlnEhgm1flGBROMwsmla_J-tqysxprp-00BvQ4AM/s1600/demomaskolis+basia1.jpg'/>
    </a>
    <div class='clear'/> 
    <p align='center'><a href='SLIDE-1-LINK-HERE'>Basia Lyrics</a></p>
    </div>      
    </li>
    <li>
    <div class='mytext'>
    <a href='SLIDE-4-LINK-HERE'>
    <img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqCIskKUQ_GLgN1azZ8JT5bV6O3SHPw8FBHVnZENWzNIg7xjYQ3AQrOdfCo4rKhbdQS4POSkzG8pda1fKctqleNlcDv2YpHVGnYYTAPbVVUkPSsMJixPE7VeKMRE9khXe36E4xPXQQdrg/s1600/jamiroquai+demomaskolis1.jpeg'/>
    </a>
    <div class='clear'/> 
    <p align='center'><a href='SLIDE-1-LINK-HERE'>Jamiroquai Lyrics</a></p>
    </div>      
    </li>
    <li>
    <div class='mytext'>
    <a href='SLIDE-5-LINK-HERE'>
    <img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMSzUZ1SumumBqnjTslP6pVQ5yDZeA-gL0wq_Wp_S3No7QbkaQOy1qJRaKqEPqz5dvwVk0i4f3VOIWqG1ACsR_ljqR9gXhuS60siuamhASv2PoPaOFv29kRkk5Y7U66YGr86472lAxruo/s1600/jamie+cullum+demomaskolis1.jpg'/>
    </a>
    <div class='clear'/> 
    <p align='center'><a href='SLIDE-1-LINK-HERE'>Jamie Cullum Lyrics</a></p>
    </div>      
    </li>
    <li>
    <div class='mytext'>
    <a href='SLIDE-6-LINK-HERE'>
    <img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaK84_7CksrqOaVdR_lzZ5gRBjLTw3ZBCSFKTzJgkgwN5Bt-MZu7iMKf6BQv_E86ZlxqWz79V4Iw8Z0LVWPgr-k81tfRb8ha7pDJKiltEFfAN3NOPwp4449q8XCU-szD_dcfRGqjMHO78/s1600/diana+krall+demomaskolis.jpeg'/>
    </a>
    <div class='clear'/> 
    <p align='center'><a href='SLIDE-1-LINK-HERE'>Diana Krall Lyrics</a></p>
    </div>      
    </li>
    <li>
    <div class='mytext'>
    <a href='SLIDE-7-LINK-HERE'>
    <img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWy-Naz2dPXAzavzUbInBleeUmRv3c4SU1AK55yA1ohv9wo7eOrr6TENwHYYFk3kwhQY3KE8jsutD9tSukyKW7qnTVhkx1j5jjzMgVEv_znIocrNeY6p3jUxIPXo0MEWqyKmPPU4dr1AM/s1600/demomaskolis+sting.jpg'/>
    </a>
    <div class='clear'/> 
    <p align='center'><a href='SLIDE-1-LINK-HERE'>Sting Lyrics</a></p>
    </div>      
    </li>
    </ul>
    <div class='clear'/>   
    </div>
    </div>
       <a class='prevb' href='#'/>
       <a class='nextb' href='#'/> 
    </div>

    Bilamana sudah selesai, kemudian klik simpan template dan perhatikan apakan slider gambar sudah terpasang dengan baik di blog anda. Pemasangan slider gambar ala Drakon ini telah saya sesuaikan dengan isi dari blog saya. Jika anda ingin merubah tampilan atau gambar, hal-hal yang perlu diperhatikan adalah :

    1. Background slider, anda bisa ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDHiItjgLk7FB4DISJeruCAWl0Z794LLmSdrtxSx2hmpgLyJ-w4W5TjlV89DChnzs-2hUQ4DOMfwrwslSAYPo_O6pMrcgXqgcIc65W0H3BRQpKgkEWRIjTjCH1huDgyiaVoVMLcCaExMQD/s0/header-background.png sesuai dengan background anda sendiri.

    #slidearea{
    height:150px;
    overflow:hidden;margin:-20px 0px 0 2px;
    position:relative;
    width:965px;
    background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDHiItjgLk7FB4DISJeruCAWl0Z794LLmSdrtxSx2hmpgLyJ-w4W5TjlV89DChnzs-2hUQ4DOMfwrwslSAYPo_O6pMrcgXqgcIc65W0H3BRQpKgkEWRIjTjCH1huDgyiaVoVMLcCaExMQD/s0/header-background.png) repeat-x;
    border:5px ridge #052844;
    }  

    2.  Pada contoh slider di atas, saya menyertakan link dan teks (tulisan warna merah) dari blog demo saya (Mas Kolis). Jadi, silahkan mengganti link, teks dan gambar (image) buatan sendiri, sesuaikan dengan kebutuhan. Bagian tersebut adalah seperti ini :

    <li>
    <div class='mytext'>
    <a href='SLIDE-1-LINK-HERE'> <img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoEkdOjPK1Sd8iJVfzuJL88dTeGiNp6AcjeA9-G61AaDfLoSSl5MHTbPXMnAey2a0S0fpcUHspqdimiDo0Hkt2atOd6qhO4cF3OhkKCMPjkUvbb91oQym5J0yCi0yAZxlSLcRlm2Pw5WU/s1600/demomaskolis+come+away+with+me+1.jpeg'/> </a>
    <div class='clear'/>
    <p align='center'><a href='SLIDE-1-LINK-HERE'>Norah Jones Lyrics</a></p>
    </div>
    </li> 

    3. Jika ingin menambahkan deskripsi singkat di bawah judul gambar, temen-temen bisa rubah menjadi seperti ini

    <li>
    <div class='mytext'>
    <a href='SLIDE-1-LINK-HERE'>

    <h2><a href='SLIDE-1-LINK-HERE'>Norah Jones Lyrics</a></h2>      
    <p>Norah Jones adalah penyanyi jazz terkenal yang sudah banyak memperoleh penghargaan.....</p>
    </div>
    </li>

    4. Untuk merubah lebar (width:965px), anda bisa sesuaikan dengan lebar di template yang anda pakai. Demikian juga tinggi slider, anda bisa atur sendiri, bisa kan? Saya yakin pasti bisa.

    Selamat mencoba, semoga berrmanfaat.

    Referensi :  http://www.maskolis.com/2011/01/memasang-slider-gambar-ala-drakon.html

    Read More 0 komentar