Cara Ampuh Artikel Cepat Terindeks Oleh Bing

Sedekah Ilmu, Kegiatan rutin dari para blogger yang paling sering dilakukan adalah membuat artikel, artikel menguasai 80% kinerja blog. Percaya atau tidak, jika kita sering melakukan update artikel, kinerja blog kita di mesin search engine akan baik, meskipun tanpa mendaftarkan blog ke webmaster google ataupun bing lambat laun artikel yang kita buat juga akan terindeks, asalkan kita konsisten melakukan update konten blog. Pengalaman saya pertama kali menekuni dunia blogging, saya hanya membuat blog dan mengisi artikel secara konsisten, tanpa pernah mendaftarkan blog saya webmaster milik google dan bing. Bukannya saya tidak ingin mendaftarkan ke Webmaster, tapi karena dulu saya memang sama sekali tidak mengerti bagaimana caranya mengoptimasi kinerja blog. Saya membuat blog sekitar 6 tahun yang lalu, namun hampir setiap hari saya membuat artikel, seingat saya artikel yang saya buat hampir 50% masuk di page one atau halaman utama google search engine. Entah karena niche / topik blog saya yang kurang saingan atau karena konsistensi saya membuat artikel, blog saya mendapat banyak visitor. Namun lambat laut saya mulai tau, kalo ada cara yang lebih efektif menjadikan blog kita berkinerja lebih baik di search engine.

Apakah optimasi blog wajib dilakukan ? Jawaban pertanyaan ini amat sangat berbeda jika dijawab oleh orang yang baru belajar ngeblog, dan orang yang sudah lama menekuni dunia blogging. Seperti yang saya ceritakan diatas pada awal ngeblog saya tidak pernah memperdulikan kinerja blog, saya hanya tau mengisi konten dan memperhatikan tampilan blog. Namun taukah anda, dengan konsisten melakukan update konten blog, tanpa kita sadari hal tersebut merupakan salah satu bagian dari cara optimasi blog. Seiring dengan bertambahnya waktu dan berkembangnya dunia teknologi, khususnya teknologi informasi, mempengaruhi banyaknya jumlah pengguna internet, hal tersebut rupanya berpengaruh juga terhadap kinerja blog yang saya kelola, entah karena saya yang tidak selalu menerapkan kebijakan dari google yang sering berubah, atau karena semakin bertambahnya jumlah blogger, blog saya lambat laut menghilang dari halaman utama google, awalnya saya cuek terhadap hal tersebut, sampai pada beberapa tahun ini saya mulai mengerti bagaimana caranya agar blog kita dapat berkinerja baik. Artikel saya yang awalnya menghilang, kini mulai muncul satu persatu di search engine, saya yakin artikel saya tidak hilang dari daftar indeks serach engine, tetapi posisinya mungkin berubah dari halaman utama ke halaman terakhir hahaha.

Saya akan berbagi bagaimana carannya agar artikel kita cepat terindeks oleh search engine, taukan rasanya artikel jika udah capek bikin artikel terus artikelnya lama keindeks ? Perih bro ni ati. Untuk dapat semuar artikel terindeks oleh search engine, caranya adalah mendaftarkan blog kita ke Webmater, baik punya google atau bing. Untuk mendaftar ke webmaster milik google, silahkan membaca artikel saya sebelumnya

Cara Ampuh Agar Semua Artikel Terindeks Google

Nah, untuk mendaftarkan blog kita ke webmaster Bing, silahkan masuk ke http://www.bing.com/toolbox/webmaster, buat akun dengan mengisi nama lengkap dan detail sesuai kolom isian yang disediakan. Setelah berhasil masuk, tambahkan situs/blog ke bing webmaster dengan klik add sites, tambahkan url blog sobat dan klik add, langkah berikutnya sobat tambahkan sitemap blog, klik My Sites, pilih nama situs sobat, dan pada menu sebelah kiri akan muncul beberapa menu, configure my sites, pilih sitemaps kemudian masukkan sitemap, bisa menggunakan atom.xml atau pun sitemap.xml, selain itu sobat juga harus memverifikasi kepemilikan bing webmaster dengan mencopy kode verifikasi ke dalam template setelah pembuka dan penutup kode head. Untuk mendapatkan kode verifikasi klik menu My Sites, pilih configure my sites, Verify Ownership. Nah cara tersebut adalah untuk mendaftarkan kepemilikan situs dan mendaftarkan sitemap ke bing webmaster.

Bagaimana caranya agar artikel blog cepat terindeks di bing ? Caranya hampir sama dengan cara mensubmit url artikel ke google webmaster, yaitu setiap selesai membuat dan mempublish artikel baru, silahkan copy url artikel yang baru di buat, kemudian kunjungi http://www.bing.com/toolbox/submit-site-url, pastekan url artikel sobat, masukkan kode captcha yang muncul, dan klik submit. Mudah bukan !! Demikian artikel Cara Ampuh Artikel Cepat Terindeks Bing. Semoga bermanfaat

Cara Tepat Memilih Template Blog

Sedekah Ilmu, Assalamu Alaikum sobat.. kali ini saya akan berbagi Tips Memilih Template Blog yang baik. Template blog itu diibaratkan sebagai sebuah rumah tempat tinggal, untuk membuat rumah menjadi nyaman, tentunya perlu mengetahui cara menata rumah, memilih  warna cat rumah, serta menyusun dan meletakkan perabot dalam rumah. nah, semua itu tergantung kepada sang pemilik/pengelola, rumah yang nyaman tentunya akan membuat penghuni rumah merasa betah, begitu juga pada tamu yang datang, mereka akan selalu ingin kembali lagi berkunjung ke rumah kita.

Nah, saya akan berbagi cara memilih template blog yang baik agar para pengunjung merasa nyaman di blog kita

Pilihlah template blog yang reponsif, yaitu template blog yang secara otomatis akan menyesuaikan dengan perangkat yang digunakan untuk mengakses blog tersebut, misalkan diakses melalui dekstop, smartphone dan perangkat seluler. kenapa demikian, template responsif telah dikembangkan oleh para blogger profesional, sebagai upaya mengikuti kemajuan teknologi, template dapat mengikuti perangkat yang digunakan, baik lebar, tampilan, maupun susunan widget. Bahkan, saat ini google telah mengumumkan bahwa tampilan mobile friendly atau responsif berpengaruh pada peringkat di mesin penelusuran google / google search engine. jika sobat belum menggunakan template responsif , maka saya sarankan untuk segera beralih menggunakan template responsif, atau sobat dapat mengaktifkan tampilan seluler di pengaturan template blog. Dengan menggunakan template responsif maka dapat memudahkan para pengunjung mengakses blog milik sobat. gunakan tool yang disediakan oleh google untuk menguji situs mobile friendly dengan mengunjungi link https://www.google.com/webmasters/tools/mobile-friendly/

Contoh Template Responsif

Lakukan tes kecepatan loading template, sebelum menentukan pilihan menggunakan suatu template maka silahkan test terlebih dahulu kecepatan loading template tersebut, sobat dapat menggunakan tool dari google yaitu PageSpeed Insights dengan mengunjungi https://developers.google.com/speed/pagespeed/insights/ copy dan pastekan alamat url template yang ingin sobat gunakan, kemudian klik analisis. Kecepatan loading template secara tidak langsung akan berpengaruh pada jumlah visitor blog, karena blog yang mudah diakses tentunya akan memudahkan pengunjung mengakses blog, sedangkan blog yang berat untuk diakses, tentunya akan membuat pengunjung enggan membuka blog, karena butuh waktu yang lebih lama dan koneksi internet yang cepat untuk mengakses.

Lakukan test error susunan kode html, java script maupun css template blog, sobat dapat melakukan test dengan mengunjungi https://validator.w3.org/ untuk menguji validitas susunan html blog sobat. ikuti saran untuk memperbaiki setiap error yang dimunculkan.

Lakukan test search engine optimization atau SEO, sobat dapat mengetahui nilai atau score SEO suatu template dengan menggunakan tool CHKME, kunjungi https://chkme.com/, silahkan masukkan alamat url blog sobat kemudian klik Check SEO Score, nilai 80% adalah nilai standar, yaitu blog sobat dianggap bekerja baik, namun sobat dapat meningkatkan nilai blog dengan mengikuti beberapa saran dari hasil analisa situs tersebut. 

Pilihlah template yang simpel, namun mempunyai navigasi yang jelas, maksudnya sobat dapat memilih template yang terdiri dari header, sidebar kanan atau kiri,  footer, dan juga blog post dibagian tengah. dan dilengkapi dengan susunan menu yang jelas dan juga dilengkapi dengan widget search. karena sepengetahuan saya, google lebih menyukai template semacam ini, daripada template dengan jumlah kolom yang terlalu banyak dan rumit, khususnya bagi para blogger yang mengikuti program periklanan dari Google AdSense. Template yang simpel biasanya mempunyai kecepatan yang yang lebih baik ketika diakses, karena tidak membutuhkan waktu yang banyak merender script dalam template dikarenakan banyaknya kolom dan widget yang terpasang pada template.

Demikian artikel  Tips Memilih Template Blog, dengan memilih template blog yang tepat, maka kinerja blog akan lebih optimal.

Cara Ampuh Agar Semua Artikel Terindeks Google

Sedekah Ilmu, Assalamu Alaikum blogger, kali ini saya akan berbagi pengalaman, bagaimana cara yang saya gunakan, agar semua artikel di blog terindeks oleh mesin penelusuran google. Namun sebelumnya saya akan sedikit membahas pentingnya memahami dasar membuat blog yang baik, agar nantinya blog dapat bekerja dengan optimal.

Saya istilahkan blog adalah sebuah rumah bagi kita, jika anda adalah seorang yang baru akan memulai membuat sebuah blog, maka anda beruntung, karena anda baru akan memulai membuat sebuah rumah pribadi anda, anda bisa memikirkan dan menyiapkan bahan, dan rancangan, agar nantinya rumah yang anda bangun, adalah rumah impian anda, rumah yang kokoh, indah dan mudah ditemukan oleh siapapun. kenapa saya katakan anda beruntung, karena saya mungkin tidak seberuntung anda, karena saat membuat blog, saya hanya asal-asalan tanpa tau dasar membuat blog, akibatnya muncul banyak error di perayapan alat webmaster, dan membutuhkan berbulan bulan untuk mengatasinya. Blog/Rumah yang kokoh mampu melindungi dan membuat penghuni rumah merasa aman, dan rumah yang indah pastinya akan membuat orang-orang di sekitar anda merasa nyaman dan melirik rumah anda setiap waktu, namun anda juga harus memberikan alamat yang jelas dan memberikan data yang jelas, agar setiap orang yang mencari alamat rumah anda dapat dengan cepat menemukannya.

Untuk membuat blog/rumah yang kokoh maka yang perlu anda siapkan adalah pondasi, pondasi saya anggap sebagai dasar yang menentukan kokoh tidaknya suatu bangunan, dalam hal blog, maka anda harus menentukan nama blog yang sesuai dengan topik yang akan anda tuangkan dalam blog, melakukan setingan awal pada blog, juga menjadi salah satu hal yang menentukan hasil akhir blog/rumah. jika anda belum mengetahui cara melakukan setelan/seting blog silahkan melakukan browsing di google atau dapat membaca artikel berikut : 

Cara Mudah Membuat Blog Dengan Blogspot

Sebelum mengisi artikel ada baiknya saat memilih template blog, silahkan menggunakan template standar blogger atau bisa mendowload template, pilih template yang responsive, jika anda menggunakan template bawaan blogger maka aktifkan mode tampilan seluler, tambahkan pula beberapa widget penting sebagai navigasi blog anda, misalkan populer post, label/kategori dan juga bagde google plus, selain itu buat laman minimal 2 (dua) laman yang berisi about us, disclaimer, privacy police, sitemap dan juga kontak, lebih bagus kalo anda membuat semuanya.

Jika anda sudah paham, maka mulailah dengan membuat sebuah artikel, artikel yang baik adalah artikel yang anda buat sendiri / original, panjang kira-kira 1500 - 5000 kata atau lebih, memilih topik dan judul yang tepat yang mampu menarik pengunjung untuk membaca isi artikel anda, lengkapi dengan gambar sebagai pelengkap artikel, bisa juga menambahkan video, dan juga flash, sesuaikan dengan kebutuhan artikel anda, berikan label artikel yang memudahkan anda me-managemen artikel dan juga memberikan navigasi yang jelas bagi para pembaca, isi diskripsi penelusuran (jika anda mengaktifkan mode deskripsi penelusuran). nah sampai disini tugas anda mengisi blog sudah selesai.

Screenshot peta Situs blog ini, di Alat Google Webmaster

Kembali ke topik artikel yaitu, Cara Ampuh Agar Semua Artikel Terindeks Google. Apakah artikel yang kita publikasikan bakal terindeks oleh google ? jawabannya Iya, semua artikel akan terindeks oleh google asalkan kita tidak melakukan pencekalan isi artikel melalui robot.txt. Berapa lama waktu yang dibutuhkan agar semua artikel terindeks oleh Google? tergantung bagaimana cara kita melakukan optimasi, bisa dalam hitungan detik, menit, jam bahkan hari. Jika artikel kita merupakan artikel yang unik, mempunyai konten yang menarik dan kita memasang kata kunci artikel dengan tepat, maka artikel kita akan terindeks sekaligus menempati posisi pada halaman pertama pencarian google. Masalahnya banyak blogger yang telah bertahun tahun mengelola blog, namun sulit untuk menempatkan salah satu artikelnya di halaman pertama pencarian google, bahkan ada beberapa url yang tidak terindeks oleh alat webmaster.

Oke, Agar seluruh url blog/ artikel anda  dapat terindeks oleh google atau alat webmaster.  oanda perlu melakukan ebebrapa trik berikut :

• Daftarkan Blog/Situs anda di Alat Webmaster Google, kunjungi Alat Webmaster Google - Login Menggunakan Akun Google - klik tambahkan situs - masukkan url blog kamu, misalkan http://namablog.blogspot.com - klik terus/lanjut. Untuk pengaturan lainnya silahkan browsing di google.
• Verifikasi kepemilikan blog kamu di Alat Webmaster, caranya silahkan baca artikel berikut :  Cara Mudah Verifikasi Situs di Google Webmaster
• Masukkan sitemap/peta situs ke Alat Webmaster, - login ke Webmaster - pilih situs kamu yang telah kamu daftarkan - Perayapan - Peta Situs - Klik tambahkan/uji peta situs, masukkan kode sitemap berikut satu persatu setelah nama url blog kamu, kemudian klik tambahkan :

atom.xml
atom.xml?redirect=false
feeds/posts/default?orderby=updated
atom.xml?redirect=false&start-index=1&max-results=500
Contoh : http://namablog.blogspot.com/atom.xml, ganti angka 500 dengan angka 100 jika jumlah postingan kamu dibawah seratus artikel

• Seting agar setiap selesai mempublish artikel dapat secara otomatis terkirim ke google plus, silahkan baca artikel : Cara bagikan Otomatis Artikel Ke Google Plus
• Setiap selesai mempublish artikel kamu silahkan submit artikel kamu dengan mengunjungi https://www.google.com/webmasters/tools/submit-url copy alamat url artikel pada browser yang baru saja kamu publish, masukkan alamat url artikel kamu pada kotak yang tersedia, masukkan juga captcha yang muncul lalu klik kirim permintaan, 
• Masuk kembali ke Alat webmaster - Perayapan - Ambil Sebagai google / Fetch as Google, kemudian copy alamat url artikel kamu, tanpa url utama blog, misalkan url artikel kamu adalah http://namablog.blogspot.com/2015/04/seni-bela-diri-cina.html maka cukup kamu pastekan 2015/04/seni-bela-diri-cina.html kemudian klik ambil atau bisa ambil render, tunggu beberapa detik, kemudian muncul tulisan kirim ke indeks, lalu klik tulisan tersebut dan muncul pemberitahuan selesai jika proses tersebut sukses.
• Bagikan pula artikel tersebut ke media sosial seperti twitter, dan juga facebook jika anda tidak tahu cara membagikannya secara otomatis, anda bisa melakukannya secara manual dengan mengcopy  alamat url artikel dan mempostingnya ke halaman beranda.
• Rajin membuat atau mengupdate artikel secara rutin, serta melakukan kunjungan ke blog yang sudah terkenal (blog walking) dan meninggalkan jejak disana dengan cara yang baik.
• Tahun 2015, saya mengembalikan lagi setingan robot.txt ke setingan defaultnya, jika anda bingung, maka tidak usah mengaktifkan fitur robot.txt

Nah cara tersebut adalah Cara Ampuh Agar Semua Artikel Terindeks Google dengan cepat, jika artikel kita semuanya terindeks oleh google, maka kita mempunyai peluang yang besar mendapatkan serta menaikkan jumlah pengunjung blog, serta berpeluang besar menempati posisi di halaman utama mesin pencari google. Saya bukanlah seorang yang ahli dalam bidang SEO, dan saya hanyalah blogger pemula, meskipun saya sudah 4 tahun ngeblog, namun baru beberapa bulan ini saya aktif di dunia blogging. hal-hal yang saya bagikan diatas semuanya adalah pengalaman saya, dan semuanya hasil dari membaca berbagai artikel yang telah saya implementasikan di beberapa blog saya.

Semoga artikel ini bermanfaat, jika ada saran dan masukkan silahkan meninggalkannya di kolom komentar, saya akan sangat berterima kasih atas saran dan masukkan dari anda. Wassalamu Alaikum. Salam Sukses !!!

Cara Melacak Lebih Cepat, Paket Kiriman Dari 19 Ekpedisi

Sedekah Ilmu, kali ini saya akan membahas Cara Melacak Lebih Cepat, Paket Kiriman Dari 19 Ekpedisi. Keberadaan perusahaan  Jasa Kurir pengiriman dirasa sungguh sangat bermanfaat bagi para penggunannya, baik pengguna perorangan, perusahaan, maupun intansi pemerintah. Perusahaan jasa pengiriman sungguh sangat membantu para penggunanya dalam menunjang kegiatan sehari-hari, baik dalam kegiatan ekonomi, sosial,perkantoran dan juga kegiatan lainnya.

Jasa pengiriman di Indonesia pertama kali di pelopori oleh PT. POS INDONESIA, perusahaan plat merah tersebut pada awalnya memulai dengan jasa pengiriman dokumen, barang dan juga uang. Namun seiring berkembanganya kegiatan masyarakat dalam berbagai bidang kegiatan, mendorong tumbuh suburnya perusahaan swasta yang bergerak di bidang jasa pengiriman.

Muncul dan berkembangnya perusahaan jasa pengiriman tidak lepas dari semakin meningkatnya kebutuhan masyarakat akan jasa pengiriman, masyarakat yang bergerak dalam bidang perdagangan misalnya, membutuhkan jasa pengiriman dalam meningkatkan pelayanan kepada pelanggan dan konsumennya. Kebutuhan masyarakat akan jasa pengiriman tersebut kemudian dimanfaatkan dengan baik oleh perusahaan jasa pengiriman dalam meningkatkan jenis pelayanan. Berbagai jenis layanan, kini telah dimiliki oleh perusahaan jasa pengiriman, mulai dari memperluas jangkauan dalam dan luar negeri, layanan pengiriman dokumen dan barang secara ekspress, maupun layanan jaminan akan keutuhan dan sampainya dokumen/barang yang dikirim, 

Hal tersebut juga tidak lepas dari banyaknya keluhan dan komplen dari masyarakat sebagai pengguna jasa pengiriman, karena barang/dokumen yang dikirim terlambat, rusak bahkan hilang dan tidak pernah sampai ke tujuan. Maka dari itu perusahaan penyedia jasa pengiriman kini juga menyediakan layanan online untuk mengecek status barang kiriman. Jadi para konsumen dapat mengecek status barang/dokumennya secara online, apakah masih dalam proses pengiriman, ataukah barang tersebut sudah sampai ke tujuan.Informasi yang diberikan pun cukup detail, diantaranya jam dan hari pengiriman, bahkan kini nama kurir pengirim dan penerima barang / dokumen kiriman dapat diketahui. Nah bagi anda para konsumen yang ingin mengecek secara langsung status barang/dokumen kiriman anda, dapat menggunakan salah satu widget yang disediakan oleh cekresi.com, penggunaan widget ini cukup mudah, anda hanya memasukkan nomor resi dan klik tombol cek, maka informasi barang/dokumen anda akan ditampilkan. Widget ini terintegrasi dengan 19 perusahaan jasa pengiriman diantaranya, TIKI, JNE, PT. POS, Pandu Logistics, EMS, Pahala, PCP Indonesia, Rosalia Express, First Logistics, Dakota Cargo, Cahaya Logistics, REX Indonesia, RPX Logistics, Skynet, dll.

Selain itu, melalui widget cekresi.com, anda juga dapat secara langsung  mengirimkan informasi resi ke alamat email, widget ini mudah diakses dari Dekstop dan smartphone serta relatif lebih cepat mengakses informasi status barang/dokumen yang dikirim. widget ini sangat cocok dipasang di situs jual-beli online, karena cukup dengan satu widget dapat digunakan untuk mengecek status kiriman yang dikirim melalui berbagai jasa pengiriman. Untuk mendapatkan script dan memasangnya di blog / situs jual beli online anda, silahkan kunjungi link berikut http://www.cekresi.com/widget-cek-resi.php atau sekedar ingin mengecek barang kiriman anda, silahkan KLIK DISINI

Semoga artikel Cara Melacak Lebih Cepat, Paket Kiriman Dari 19 Ekpsedisi ini dapat membantu anda, khususnya bagi pelanggan setia jasa pengiriman. 

Cara Mudah Menghapus Widget Yang Tidak Ada Menu Hapus

Sedekah Ilmu, Banyak blogger pemula yang masih kebingungan menghapus Widget pada element blog, masalahnya, terkadang saat para blogger mengganti template lama dengan template baru, muncul beberapa permasalahan pada widget, terkadang ada widget tambahan yang muncul pada element blog, dan widget tersebut tidak dapat digeser ataupun dihapus. Mungkin artikel cara Mudah Menghapus Widget Yang Tidak Ada Menu Hapus sudah banyak dibahas oleh banyak blogger, namun saya akan sedikit membahas kembali, karena terkadang ada beberapa widget yang tidak muncul menu, simpan, batal dan hapus. jadi kita bingung untuk menghapusnya atau mengeditnya (lihat gambar)

Nah untuk mengatasinya ada dua cara :

Cara Pertama, Masuk ke menu administrasi - tata letak - klik edit pada widget yang akan dihapus, kemudian liat widget ID (liat pada kolom browser widget) pada gambar kiri Widget ID adalah HTML4 dan gambar sebelah kanan Widget ID nya Feed1, setelah kamu tahu Widget ID nya, masuk ke menu template - edit - klik pada halaman template, kemudian tekan CTRL + F untuk memudahkan pencarian, pastekan pada kolom pencarian ID widget yang hendak kamu hapus, kurang lebih kodenya seperti gambar dibawah ini :

untuk memunculkan menu hapus, kamu cukup mengganti kode true menjadi false, kemudian simpan. dan refresh browser kamu, kemudian kamu masuk kembali ke menu tata letak, klik edit pada widget yang hendak kamu hapus, nah.. menu hapus sudah muncul dan kamu sudah dapat menghapus widget tersebut.

Cara Kedua untuk mengatasi masalah pada widget yang tidak muncul menu simpan, edit dan hapus (gambar sebelah kanan), caranya sama seperti cara pertama, namun yang kamu lakukan bukanlah mengedit, melainkan menghapus kode HTML widget tersebut. 

contoh, ID widget pada gambar sebelah kanan adalah Feed1, dan struktur HTML pada template adalah seperti berikut :

Hapus keseluruhan kode tersebut, lalu simpan. kemudian silahkan masuk kembali ke menu tata letak, maka widget tersebut akan hilang. 

Gambar diatas adalah elemen widget pada tata letak sebelum dan sesudah mengedit template, gambar sebelah kiri menunjukkan terdapat dua widget yang tidak bisa dihapus, setelah mengedit template, maka widget sudah bisa dihapus

Demikian tips kecil dari saya, tentang Cara Mudah Menghapus Widget Yang Tidak Ada Menu Hapus, semoga bermanfaat !!

Cara Memunculkan Icon Font Awesome Yang Hilang Pada Template Blog

Font Awesome, adalah kumpulan dari icon untuk menggantikan logo icon tertentu pada situs/blog, misalnya sebagai icon beranda, label, nama pengarang, waktu dan lain sebagainya, hampir sebagian besar template responsif memanfaatkan Font Awesome sebagai icon pelengkap dan menambah tampilan template menjadi lebih oke.

nah, akhir - akhir ini, banyak blogger pengguna template responsif yang memanfaatkan font awesome mengeluh, karena icon font awesome di template blog mereka tidak muncul. hal ini juga sempat saya alami, icon dalam template saya tiba - tiba tidak muncul dan hanya digantikan dengan icon kotak, dan ketika saya melakukan blog walking ke beberapa blog, hal tersebut juga terjadi di beberapa blog yang saya kunjungi.

Template Dengan Font Awesome

hal tersebut sebenarnya bukan terjadi error pada link atau font awesome itu sendiri, yang saya ketahui terjadi karena ada beberapa kesalahan browser membaca html, terutama pada browser keluaran terbaru. nah untuk memunculkan kembali font awesome tersebut berikut salah satu tips yang bisa kamu coba :

masuk ke blogger - pilih menu template di bilah kiri - pilih edit html (lihat gambar)

setelah masuk ke dalam html template kamu, cari tulisan  dibawah ini :
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
4.0.3 adalah versi font awesome, masing-masing template kemungkinan berbeda versi yang digunakan, untuk memudahkan pencarian tekan crtl + f dan masukkan kata kunci netdna.bootstrapcdn.com,

setelah ketemu kodenya, rubah kode tersebut dengan menambahkan https: sehingga kodenya berubah menjadi seperti  dibawah ini
<link href='https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
kemudian simpan dan refresh browser kamu

semoga berhasil !

Baca juga artikel Kumpulan Template Responsif Untuk Topik Blog Tertentu

Cara Mengatasi Kesalahan Perayapan "Crawl Error" Google Webmaster

Sedekah Ilmu, Alat Google Webmaster adalah layanan gratis yang diberikaan google untuk memantau keberadan situs kita di hasil penelusuran mesin google. layanan tersebut mampu membantu pemilik situs dalam melihat performa situs dan mengoptimlakan kinerjanya di hasil penelusuran

Bagi blogger pemula, masih banyak yang belum tau dan mau memanfaatkan layanan ini, meskipun google tidak mewajibkan setiap blogger menggunakan layanan ini, akan tetapi banyak manfaat yang didapatkan para blogger jika senantiasa menggunakan laporan dan saran dari layanan ini dalam mengoptimakan kinerja situs yang dikelolanya.

Bagi para blogger yang telah lama menggunakan layanan ini tentunya tidak asing dengan fitur - fitur google webmatster, akan tetapi dari hasil blog walking saya ke beberapa blog dan komunitas blogger, masih sering saya jumpai para blogger kebingungan saat mendapatkan laporan Kesalahan Perayapan atau Crawl error. Kesalahan perayapan adalah Laporan kesalahan url situs yang tidak dapat dirayapi oleh google atau yang memunculkan kode kesalahan http

JIka kamu juga mengalami hal demikian, maka beginilah caranya memperbaikinya

Masuk ke menu Perayapan - Kesalahan Perayapan, jika ada kesalahan perayapan maka kamu akan melihat daftar kesalahan url di versi dekstop maupun versi mobile, setelah itu centang pada kotak disebelah url yang ingin kamu perbaiki (dengan catatan bahwa konten dalam url tersebut memang aktif di situs kamu), setelah itu klik tombol tandai sebagi yang telah diperbaiki dan terakhir klik oke. (untuk jelasnya lihat gambar)

 Proses ini membutuhkan waktu beberapa hari, jika google berhasil mengesekusi permintaan kamu, maka pada laporan selanjutnya, tidak akan muncul lagi laporan kesalahan perayapan. akan tetapi jika kamu pernah menghapus konten di blog kamu, dan memunculkan kesalahan perayapan pada hasil perayapan google, maka yang musti kamu lakukan adalah mengajukan permohonan penghapusan url tersebut secara permanen.

Baca juga : Cara mengatasi Error saat install Aplikasi Android

Untuk melakukannya, kamu pilih menu google indeks - Hapus URL, klik tombol permintaan penghapusan, kemudian masukkan URL konten yang bermasalah, kamu klik URL yang muncul di laporan kesalahan dan mencopy dan mempastekanya di kolom permintaan penghapusan, lalu klik ok, setelah itu akan muncul 3 pilihan, apakah kamu akan mengahapus URL dari Laman penelusuran dan Cache, menghapus cahe saja, atau menghapus Direktori setelah itu klik kirim permintaan,ulangi langkah tersebut ke semua url yang ingin kamu hapus.

Proses tersebut juga akan memakan waktu berjam - jam, bahkan sampai beberapa hari, untuk mengecek apakah error tersebut telah berhasil atau belum kamu bisa mengunjungi halaman Hapus URL, dan disana kamu akan mendapati history aktifitas penghapusan url yang pernah kamu ajukan

semoga membantu

Cara Membuat Menu Vertikal dengan Icon Gambar Di Blog

Sedekah Ilmu, seperti janji saya sebelumnya, bahwa saya akan membagi bagaimana cara membuat menu vertikal dengan menambahkan Icon Gambar agar blog mas bro dan mbak bray mempunyai tampilan yang terlihat lebih profesional.

Ibarat jalan raya, menu blog menjadi sebuah hal yang sangat vital karena keberadaan menu pada blog bagaikan kompas yang dijadikan navigasi atau petunjuk arah agar para pengguna jalan dapat menemukan tujuannya dengan lebih cepat.

Dalam sebuah situs, dikenal dua menu yang sangat populer, yaitu menu Horisontal atau mendatar, dan menu vertikal dari atas ke bawah, sebelumnya saya pernah memposting cara membuat menu Horisontal dengan icon gambar, jika mas bro dan mbak bray belum membacanya silahkan membacanya pada artikel

Cara Mudah Menambah Icon Gambar Pada Menu Blogger

Untuk membuat sebuah menu vertikal dengan icon sangatlah mudah, apalagi jika mas bro dan mbak bray meggunakan template yang mempunyai sidebar disebalah kiri, karena menu vertikal akan terlihat mantab jika diletakan di sidebar sebelah kiri.

1. masuk ke blogger
2. pilih edit tata letak
3. pilih tambah widget/add widget
4. pilih html kemudian pastekan kode dibawah ini

<style> .list { background:none; no-repeat left center; border-bottom:1px dotted #ccc; line-height:1.2em; padding:2px 2px 2px 20px; } </style> <div style="overflow:auto; padding:2px; margin:1px 1px 1px 1px; width:auto; height:auto; background:-webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ffffff)); border:1px solid #ccc;"> <ul><table width="100%" border="0"> <tr> <td width="3%"><div align="center"> <img src="http://icons.iconarchive.com/icons/deleket/sleek-xp-basic/32/Home-icon.png" width="18" height="18" /></div> </td> <td width="97%"><br /> <li><a href="GANTI DENGAN LINK/URL SOBAT">Home</a></li> <br /> <br /> <br /> </td> </tr> <tr> <td width="3%"><div align="center"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTE2aeIakfC2gp6TzhjLv_JIW019kKP2dxsgizkkrO3lkGZsgcnHZaHty0-kjCziVC9OFrUyCOqWx93BIXn8PBCyQhcmvOdKy0w1dUnwtlP6BvxSlc8fAKQpUOoS6Rf_TBRyTs75kBLPln/s1600/report_magnify.png" width="18" height="18" /></div> </td> <td width="97%"><br /> <li><a href="GANTI DENGAN LINK/URL SOBAT">Daftar Isi</a></li> <br /> <br /> <br /> </td> </tr> <tr> <td><div align="center"> <img src="http://icons.iconarchive.com/icons/itzikgur/my-seven/32/Graphics-Painting-icon.png" width="18" height="18" /></div> </td> <td><br /> <li><a href="GANTI DENGAN LINK/URL SOBAT">Download Template Blog</a></li> <br /> <br /> <br /> </td> </tr> <tr> <td width="3%"><div align="center"> <img src="http://icons.iconarchive.com/icons/kyo-tux/soft/32/Tutorial-icon.png" width="18" height="18" /></div> </td> <td width="97%"><br /> <li><a href="GANTI DENGAN LINK/URL SOBAT">Tutorial Blog</a></li> <br /> <br /> <br /> </td> </tr> <tr> <td><div align="center"> <img src="http://icons.iconarchive.com/icons/emey87/social-button/32/blog-icon.png" width="18" height="18" /></div> </td> <td><br /> <li><a href="GANTI DENGAN LINK/URL SOBAT">Tips Blog</a></li> <br /> <br /> <br /> </td> </tr> <tr> <td><div align="center"> <img src="http://icons.iconarchive.com/icons/iconshock/brilliant-graphics/32/colors-icon.png" width="18" height="18" /></div> </td> <td><br /> <li><a href="GANTI DENGAN LINK/URL SOBAT">Kode Warna</a></li> <br /> <br /> <br /> </td> </tr> <tr> <td><div align="center"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPFdWOcrOMAqvbEDVEFV-GiCW-_Ua0xSDw3G_bhY9J85QgXSEZ933oqM3PkqkfGe5MbKldMQnNY6-sjOqGTeWDm3VK8jKz0AzIbbykMm60N9BnxqzGvE5q3Q9KC0uCxPe0bNK8Phyhg3Ky/" width="18" height="18" /></div> </td> <td><br /> <li><a href="GANTI DENGAN LINK/URL SOBAT">Twitter</a></li> <br /> <br /> <br /> </td> </tr> <tr> <td><div align="center"> <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Actions-insert-link-icon.png" width="18" height="18" /></div> </td> <td><br /> <li><a href="GANTI DENGAN LINK/URL SOBAT">Tukar Link</a></li> <br /> <br /> <br /> </td> </tr> <tr> <td><div align="center"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPz9FyTEuZZbbB8LRO8xwrl4fSUFT-SqJwfTKD4zPTGP7jhwur14R35MAgk1imbof_ilpqgVn-0tdiJXgBOdAjYhXkIshbx_zIyYdnCFdJ_B8sjlMhH5V5XBYwFG1KN5D9wtadrxgybfEO/" width="18" height="18" /></div> </td> <td><br /> <li><a href="GANTI DENGAN LINK/URL SOBAT">Facebook</a></li> <br /> <br /> <br /> </td> </tr> <tr> <td><div align="center"> <img src="http://icons.iconarchive.com/icons/iconshock/real-vista-web-design/32/Banner-design-icon.png" width="18" height="18" /></div> </td> <td><br /> <li><a href="GANTI DENGAN LINK/URL SOBAT">Advertise</a></li> <br /> <br /> <br /> </td> </tr> <tr> <td><div align="center"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWzSbdudl-pvinAp6pEhHAGmSN7siakFCi8o96J1R217ks8Ah1ZS0VdMg3wvEqbF5QPlM5H8UVyvoyAO_p73VeNodQZhK25WcQgg78NnkW5i_x08wvTqhyzPZ_ql-xCOrO6QXr6brXFyQC/s1600/feed_burner.png" width="18" height="18" /></div> </td> <td><br /> <li><a href="GANTI DENGAN LINK/URL SOBAT">Feedburner</a></li> <br /> <br /> <br /> </td> </tr> <tr> <td width="3%"><div align="center"> <img src="http://icons.iconarchive.com/icons/kyo-tux/phuzion/32/Misc-Misc-Box-icon.png" width="18" height="18" /></div> </td> <td width="97%"><br /> <li><a href="GANTI DENGAN LINK/URL SOBAT">Kumpulan Icon</a></li> <br /> <br /> <br /> </td> </tr> <tr> <td><div align="center"> <img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/book-addresses-icon.png" width="18" height="18" /></div> </td> <td><br /> <li><a href="GANTI DENGAN LINK/URL SOBAT">Contact Us</a></li> <br /> <br /> <br /> </td> </tr> </table> </ul> </div>

Silahkan ganti link tujuan menu sesuai dengan link mas bro dan mbak bray

kemudian Klik Simpan dan Lihat hasilnya
semoga bermanfaat bermanfaat
.

Cara Mudah Menambah Icon Gambar Pada Menu Blogger

Sedekah Ilmu, Menyajikan artikel berkualitas yang memberi manfaat adalah salah satu cara agar blog kita sering dikunjungi para peselancar dunia maya, dan membuat pengunjung blog betah berlama - lama singgah di blog, adalah salah satu tujuan para blogger. Banyak manfaat yang didapatkan dari jumlah pengunjung blog kita, semakin banyak dan sering blog kita dikunjungi, maka blog kita akan mudah ditemukan di search engine. selain itu posisi blog kita di alexa pasti juga akan naik.

Selain artikel, banyak faktor lain yang menjadi penentu jumlah visitor, rutin melakukan update artikel, rutin berbagi artikel ke sosial media, dan tampilan blog yang menarik menjadi faktor lain untuk menjadikan blog kita nomer wahid (aminnn). 

Nah, disini saya akan sedikit membahas mengenai tampilan blog, terlepas dari template blog yang kita gunakan responsif atau tidak, saya ingin mebagikan bagaimana cara menambahkan icon gambar pada menu utama blog kita, selain mampu mempercantik tampilan blog, menambahkan icon gambar pada menu horisontal, bagi saya akan membuat blog kita lebih terlihat profesional dan terlihat sebagai situs yang berkualitas.

pingin bikin menu seperti gambar diatas ? oke kita langsung ke TeKaPe

Untuk menu horisontal yang include dalam template, caranya :

1. Masuk ke Dasbord Blog kamu
2. Pilih Template dan klik Edit HTML
3. Cari kode html Menu blog kamu. untuk para blogger newbie alias baru belajar, kamu bisa mencari kode tersebut dengan cara tekan Ctrl + F (biasanya kode CSS/html berbeda - beda di masing masing template), cara mudah menemukannya, kamu tinggal mencari satu kata yang tampil di menu horisontal, bagi kamu blogger yang sudah terbiasa ngotak atik template langkah ini bukan sesuatu yang sulit.
4. Kemudian sisipkan kode html di bawah ini diantara kode menu, misalkan kode menu html menu kamu seperti berikut :   <li><a href='/'>Beranda</a></li> 
   
   
   tambahkan kode : <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE8LVd7IGUUKtPP_sVeZS5t63e0b6rt7fJ0jNeET9xTsj-GHqmQOBVOL6hOCcNF5UfNbC_-Vs2HW3nGLII4AJ5KWJJTKLqVS4hHxMarxuz_h_Bjt2nOEuCOEeCGaqeqIvY50Wjn0Z26cNQ/s1600/home+1.png' style='padding:0px;'/>
   
   
   pasang kode tersebut setelah kode <li><a href='/'> sehingga kodenya menjadi seperti dibawah ini : 
   <li><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE8LVd7IGUUKtPP_sVeZS5t63e0b6rt7fJ0jNeET9xTsj-GHqmQOBVOL6hOCcNF5UfNbC_-Vs2HW3nGLII4AJ5KWJJTKLqVS4hHxMarxuz_h_Bjt2nOEuCOEeCGaqeqIvY50Wjn0Z26cNQ/s1600/home+1.png' style='padding:0px;'/> Beranda</a></li>
5. Lakukan hal yang sama pada kode menu lainnya, terakhir Klik simpan, dan lihat hasilnya

Catatan :

• kode berwarna merah adalah url icon gambar, silahkan ganti dengan url icon gambar favorit kamu.
• pertimbangkan untuk menerapkan artikel diatas ke dalam template blog kamu, karena sedikit banyak, menambah icon gambar pastinya akan mempengaruhi kecepatan loading blog kamu, meskipun hal itu hanya berefek kecil.

Demikian sedikit pengetahuan dari saya, semoga bermanfaat untuk blogger semua, untuk cara menambah icon gambar pada menu vertikal, akan saya bahas pada artikel selanjutnya. terima kasih telah sudi membaca artikel ini. Berbagi Itu Indah (703)

Membuat Jquery Newsticker Bergaya BBC untuk Blogger

Sedekah Ilmu, Sesuai janji ane pada postingan sebelumnya, ane pingin berbagi cara bikin Jquery Newsticker seperti pada Situs BBC. script asli dari widget pertama kali ane dapatkan di situs http://jquerynewsticker.com

DEMO

Pada situs tersebut dijelaskan bagaimana kita menerapkannya pada web kita (selain blogger), tapi ane gag dapetin gimana caranya nerapin di blogger. yah pusing buka scriptnya, secara ane hanya seorang newbie yang baru belajar. setelah nanya nanya ke mbah google akhirnya ane dapat referensi gimana caranya masukkin script jquery ke dalam template blog, nah singkatnya agan agan harus nyisipin script jquery dulu ke dalam template blog, agar semua widget yang menggunakan script jquery bisa berjalan dengan baik. 

Nah sebelum mulai pekerjaan ini, agan-agan cek dulu template blogger yang agan pakai, apakah sudah ada script jquery di dalam template atau belum. jika belum silahkan agan-agan masukkin script berikut kedalam template, caranya masuk ke dasbord blogger, pilih Template, klik Edit HTML cari kode </head>, kemudian simpan jquery script berikut sebelum kode tersebut :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
Langkah berikutnya, masuk ke halaman Tata Letak, Pilih Add Widget/Gadget pilih widget Html/Javscript, kemudian masukkan script berikut :

<style type='text/css'> img{max-width:100%;height:auto;width:auto\9;} a img,.datex.show,.buttons a{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;} a img:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;} .flex-direction-nav a{position:absolute;display:block;top:90px;width:25px;height:40px;background-color:#007ABE;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;outline:0;text-indent:-9999px;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwS7IZ__9xtq-8zuERK1znIuzPlF-VuHEXhK1OqX5WVqqj7_opW1WPoTwwmyhzlyWc2TGrWHxChusRqqoTjEw-fARCn3dNLxm1299sCOX-cXceVJe7luCn-o8meCCby27u9iVwRlUnuAk/s1600/glyphicons-halflings-white.png);background-repeat:no-repeat;z-index:2;} .widget-content:hover .flex-direction-nav a,#manualslidenya:hover .flex-direction-nav a{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;} .flex-direction-nav a:hover{background-color:#2E2E2E;} .flex-direction-nav a.flex-prev{right:0;-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;background-position:-18px 7px;} .flex-direction-nav a.flex-next{left:0;-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;background-position:7px 7px;} .flex-control-nav.flex-control-paging,.flex-control-nav.flex-control-paging li{list-style:none;padding:0;text-align:center;margin:0;} .flex-control-nav.flex-control-paging li{display:inline-block;} .flex-control-nav.flex-control-paging a{display:inline-block;text-indent:-9999px;margin:0 3px;width:10px;height:10px;background-color:#2E2E2E;cursor:pointer;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;} .flex-control-nav.flex-control-paging a.flex-active,.rcbytag.featuredpost .flex-control-nav.flex-control-paging a.flex-active{background-color:#007ABE;} .flex-viewport,.rcbytag{max-width:100%;margin:0 auto;} .flex-viewport{direction:ltr;} .left .ticker-controls,.left .ticker-content,.left .ticker-title,.left .ticker{float:left;} .ticker-wrapper.has-js{height:28px;overflow:hidden;margin:0 0 15px;line-height:28px;border:1px solid #D3D3D3;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#FFFFFF;} .ticker{width:92%;position:relative;overflow:hidden;} .ticker-title{background-color:#007ABE;padding:0 10px;color:#FFFFFF;font-weight:bold;} .ticker-content{margin:0;position:absolute;font-weight:bold;overflow:hidden;white-space:nowrap;line-height:26px;padding:0 10px;font-size:10px;} .ticker-content .date{padding:0 5px 0 0;border-right:1px solid #333333;} .ticker-swipe{position:absolute;top:0;background-color:#FFFFFF;display:block;width:800px;height:23px;} .ticker-swipe span{margin-left:1px;background-color:#FFFFFF;border-bottom:1px solid #333333;height:18px;width:7px;display:block;} .ticker-controls{padding:6px 0 0;margin:0;list-style-type:none;float:left;} .ticker-controls li{padding:0;margin-left:5px;float:left;cursor:pointer;height:16px;width:16px;display:block;} .ticker-controls li.jnt-play-pause{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglQDIZSfxpBaaAEd0ufaKp-IxeXv8U1qzz5h2FFKxubUvVWw8nTngsTs83c1IkjhPDFxmc8NITpzY4LKFjrtG7owDn8z4Hb5nGIZlrW1QLY3BClkiPQj7m8I-GHhI32vff03QDaqpr3Uc/s1600/controls.png);background-position:32px 16px;} .ticker-controls li.jnt-play-pause.over{background-position:32px 32px;} .ticker-controls li.jnt-play-pause.down{background-position:32px 0;} .ticker-controls li.jnt-play-pause.paused{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglQDIZSfxpBaaAEd0ufaKp-IxeXv8U1qzz5h2FFKxubUvVWw8nTngsTs83c1IkjhPDFxmc8NITpzY4LKFjrtG7owDn8z4Hb5nGIZlrW1QLY3BClkiPQj7m8I-GHhI32vff03QDaqpr3Uc/s1600/controls.png);background-position:48px 16px;} .ticker-controls li.jnt-play-pause.paused.over{background-position:48px 32px;} .ticker-controls li.jnt-play-pause.paused.down{background-position:48px 0;} .ticker-controls li.jnt-prev{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglQDIZSfxpBaaAEd0ufaKp-IxeXv8U1qzz5h2FFKxubUvVWw8nTngsTs83c1IkjhPDFxmc8NITpzY4LKFjrtG7owDn8z4Hb5nGIZlrW1QLY3BClkiPQj7m8I-GHhI32vff03QDaqpr3Uc/s1600/controls.png);background-position:0 16px;} .ticker-controls li.jnt-prev.over{background-position:0 32px;} .ticker-controls li.jnt-prev.down{background-position:0 0;} .ticker-controls li.jnt-next{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglQDIZSfxpBaaAEd0ufaKp-IxeXv8U1qzz5h2FFKxubUvVWw8nTngsTs83c1IkjhPDFxmc8NITpzY4LKFjrtG7owDn8z4Hb5nGIZlrW1QLY3BClkiPQj7m8I-GHhI32vff03QDaqpr3Uc/s1600/controls.png);background-position:16px 16px;} .ticker-controls li.jnt-next.over{background-position:16px 32px;} .ticker-controls li.jnt-next.down{background-position:16px 0;} .left .ticker-swipe{/*left:80px;*/;} .left .ticker-controls{padding-left:6px;} .right .ticker-swipe{/*right:80px;*/;} .right .ticker-controls,.right .ticker-content,.right .ticker-title,.right .ticker{float:right;direction:rtl;} .right .ticker-controls{padding-right:6px;} .js-hidden{display:none;} .ticker{width:84%;} </style> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script> <script type='text/javascript'> //<![CDATA[ /////////////////////////////////////////////////////////////////// // JQUERY NEWS TICKER [bloggerized version] // Bloggerized, modified, simplified, and extracted by mabzicle // www.mabzicle.com // Scripts are FREE but you need to add attributes ////////////////////////////////////////////////////////////////// var Alldefaultconfig = { monthName: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"] // Define Month Name }; // Superfish v1.7.2 - jQuery menu widget // Copyright (c) 2013 Joel Birch (function(b){var a=(function(){var p={bcClass:"sf-breadcrumb",menuClass:"sf-js-enabled",anchorClass:"sf-with-ul",menuArrowClass:"sf-arrows"},f=/iPhone|iPad|iPod/i.test(navigator.userAgent),k=(function(){var c=document.documentElement.style;return("behavior" in c&&"fill" in c&&/iemobile/i.test(navigator.userAgent))})(),d=(function(){if(f){b(window).load(function(){b("body").children().on("click",b.noop)})}})(),m=function(s,t){var c=p.menuClass;if(t.cssArrows){c+=" "+p.menuArrowClass}s.toggleClass(c)},r=function(c,s){return c.find("li."+s.pathClass).slice(0,s.pathLevels).addClass(s.hoverClass+" "+p.bcClass).filter(function(){return(b(this).children("ul").hide().show().length)}).removeClass(s.pathClass)},n=function(c){c.children("a").toggleClass(p.anchorClass)},g=function(c){var s=c.css("ms-touch-action");s=(s==="pan-y")?"auto":"pan-y";c.css("ms-touch-action",s)},j=function(t,u){var c="li:has(ul)";if(b.fn.hoverIntent&&!u.disableHI){t.hoverIntent(l,h,c)}else{t.on("mouseenter.superfish",c,l).on("mouseleave.superfish",c,h)}var s="MSPointerDown.superfish";if(!f){s+=" touchend.superfish"}if(k){s+=" mousedown.superfish"}t.on("focusin.superfish","li",l).on("focusout.superfish","li",h).on(s,"a",i)},i=function(t){var s=b(this),c=s.siblings("ul");if(c.length>0&&c.is(":hidden")){s.one("click.superfish",false);if(t.type==="MSPointerDown"){s.trigger("focus")}else{b.proxy(l,s.parent("li"))()}}},l=function(){var c=b(this),s=o(c);clearTimeout(s.sfTimer);c.siblings().superfish("hide").end().superfish("show")},h=function(){var c=b(this),s=o(c);if(f){b.proxy(q,c,s)()}else{clearTimeout(s.sfTimer);s.sfTimer=setTimeout(b.proxy(q,c,s),s.delay)}},q=function(c){c.retainPath=(b.inArray(this[0],c.$path)>-1);this.superfish("hide");if(!this.parents("."+c.hoverClass).length){c.onIdle.call(e(this));if(c.$path.length){b.proxy(l,c.$path)()}}},e=function(c){return c.closest("."+p.menuClass)},o=function(c){return e(c).data("sf-options")};return{hide:function(s){if(this.length){var v=this,w=o(v);if(!w){return this}var t=(w.retainPath===true)?w.$path:"",c=v.find("li."+w.hoverClass).add(this).not(t).removeClass(w.hoverClass).children("ul"),u=w.speedOut;if(s){c.show();u=0}w.retainPath=false;w.onBeforeHide.call(c);c.stop(true,true).animate(w.animationOut,u,function(){var x=b(this);w.onHide.call(x)})}return this},show:function(){var t=o(this);if(!t){return this}var s=this.addClass(t.hoverClass),c=s.children("ul");t.onBeforeShow.call(c);c.stop(true,true).animate(t.animation,t.speed,function(){t.onShow.call(c)});return this},destroy:function(){return this.each(function(){var s=b(this),t=s.data("sf-options"),c=s.find("li:has(ul)");if(!t){return false}clearTimeout(t.sfTimer);m(s,t);n(c);g(s);s.off(".superfish").off(".hoverIntent");c.children("ul").attr("style",function(u,v){return v.replace(/display[^;]+;?/g,"")});t.$path.removeClass(t.hoverClass+" "+p.bcClass).addClass(t.pathClass);s.find("."+t.hoverClass).removeClass(t.hoverClass);t.onDestroy.call(s);s.removeData("sf-options")})},init:function(c){return this.each(function(){var t=b(this);if(t.data("sf-options")){return false}var u=b.extend({},b.fn.superfish.defaults,c),s=t.find("li:has(ul)");u.$path=r(t,u);t.data("sf-options",u);m(t,u);n(s);g(t);j(t,u);s.not("."+p.bcClass).superfish("hide",true);u.onInit.call(this)})}}})();b.fn.superfish=function(d,c){if(a[d]){return a[d].apply(this,Array.prototype.slice.call(arguments,1))}else{if(typeof d==="object"||!d){return a.init.apply(this,arguments)}else{return b.error("Method "+d+" does not exist on jQuery.fn.superfish")}}};b.fn.superfish.defaults={hoverClass:"sfHover",pathClass:"overrideThisToUse",pathLevels:1,delay:800,animation:{opacity:"show"},animationOut:{opacity:"hide"},speed:"normal",speedOut:"fast",cssArrows:true,disableHI:false,onInit:b.noop,onBeforeShow:b.noop,onShow:b.noop,onBeforeHide:b.noop,onHide:b.noop,onIdle:b.noop,onDestroy:b.noop};b.fn.extend({hideSuperfishUl:a.hide,showSuperfishUl:a.show})})(jQuery); // JQUERY NEWS TICKER by Rhodimus // http://github.com/rhodimus/jQuery-News-Ticker (function(a){a.fn.ticker=function(c){var e=a.extend({},a.fn.ticker.defaults,c);if(a(this).length==0){if(window.console&&window.console.log){window.console.log("Element does not exist in DOM!")}else{alert("Element does not exist in DOM!")}return false}var b="#"+a(this).attr("id");var d=a(this).get(0).tagName;return this.each(function(){var g=o();var i={position:0,time:0,distance:0,newsArr:{},play:true,paused:false,contentLoaded:false,dom:{contentID:"#ticker-content-"+g,titleID:"#ticker-title-"+g,titleElem:"#ticker-title-"+g+" SPAN",tickerID:"#ticker-"+g,wrapperID:"#ticker-wrapper-"+g,revealID:"#ticker-swipe-"+g,revealElem:"#ticker-swipe-"+g+" SPAN",controlsID:"#ticker-controls-"+g,prevID:"#prev-"+g,nextID:"#next-"+g,playPauseID:"#play-pause-"+g}};if(d!="UL"&&d!="OL"&&e.htmlFeed===true){q("Cannot use <"+d.toLowerCase()+"> type of element for this plugin - must of type <ul> or <ol>");return false}e.direction=="rtl"?e.direction="right":e.direction="left";f();function l(u){var t=0,s;for(s in u){if(u.hasOwnProperty(s)){t++}}return t}function o(){var s=new Date;return s.getTime()}function q(s){if(e.debugMode){if(window.console&&window.console.log){window.console.log(s)}else{alert(s)}}}function f(){m();a(b).wrap('<div id="'+i.dom.wrapperID.replace("#","")+'"> </div> ');a(i.dom.wrapperID).children().remove();a(i.dom.wrapperID).append('<div id="'+i.dom.tickerID.replace("#","")+'" class="ticker"> <div id="'+i.dom.titleID.replace("#","")+'" class="ticker-title"> <span><!-- --></span></div> <p id="'+i.dom.contentID.replace("#","")+'" class="ticker-content"> </p> <div id="'+i.dom.revealID.replace("#","")+'" class="ticker-swipe"> <span><!-- --></span></div> </div> ');a(i.dom.wrapperID).removeClass("no-js").addClass("ticker-wrapper has-js "+e.direction);a(i.dom.tickerElem+","+i.dom.contentID).hide();if(e.controls){a(i.dom.controlsID).live("click mouseover mousedown mouseout mouseup",function(t){var s=t.target.id;if(t.type=="click"){switch(s){case i.dom.prevID.replace("#",""):i.paused=true;a(i.dom.playPauseID).addClass("paused");n("prev");break;case i.dom.nextID.replace("#",""):i.paused=true;a(i.dom.playPauseID).addClass("paused");n("next");break;case i.dom.playPauseID.replace("#",""):if(i.play==true){i.paused=true;a(i.dom.playPauseID).addClass("paused");j()}else{i.paused=false;a(i.dom.playPauseID).removeClass("paused");p()}break}}else{if(t.type=="mouseover"&&a("#"+s).hasClass("controls")){a("#"+s).addClass("over")}else{if(t.type=="mousedown"&&a("#"+s).hasClass("controls")){a("#"+s).addClass("down")}else{if(t.type=="mouseup"&&a("#"+s).hasClass("controls")){a("#"+s).removeClass("down")}else{if(t.type=="mouseout"&&a("#"+s).hasClass("controls")){a("#"+s).removeClass("over")}}}}}});a(i.dom.wrapperID).append('<ul id="'+i.dom.controlsID.replace("#","")+'" class="ticker-controls"> <li id="'+i.dom.playPauseID.replace("#","")+'" class="jnt-play-pause controls"><a href=""><!-- --></a></li> <li id="'+i.dom.prevID.replace("#","")+'" class="jnt-prev controls"><a href=""><!-- --></a></li> <li id="'+i.dom.nextID.replace("#","")+'" class="jnt-next controls"><a href=""><!-- --></a></li> </ul> ')}if(e.displayType!="fade"){a(i.dom.contentID).mouseover(function(){if(i.paused==false){j()}}).mouseout(function(){if(i.paused==false){p()}})}if(!e.ajaxFeed){r()}}function m(){if(i.contentLoaded==false){if(e.ajaxFeed){if(e.feedType=="xml"){a.ajax({url:e.feedUrl,cache:false,dataType:e.feedType,async:true,success:function(w){count=0;for(var t=0;t<w.childNodes.length;t++){if(w.childNodes[t].nodeName=="rss"){xmlContent=w.childNodes[t]}}for(var u=0;u<xmlContent.childNodes.length;u++){if(xmlContent.childNodes[u].nodeName=="channel"){xmlChannel=xmlContent.childNodes[u]}}for(var s=0;s<xmlChannel.childNodes.length;s++){if(xmlChannel.childNodes[s].nodeName=="item"){xmlItems=xmlChannel.childNodes[s];var z,v=false;for(var A=0;A<xmlItems.childNodes.length;A++){if(xmlItems.childNodes[A].nodeName=="title"){z=xmlItems.childNodes[A].lastChild.nodeValue}else{if(xmlItems.childNodes[A].nodeName=="link"){v=xmlItems.childNodes[A].lastChild.nodeValue}}if((z!==false&&z!="")&&v!==false){i.newsArr["item-"+count]={type:e.titleText,content:'<a href="'+v+'">'+z+"</a>"};count++;z=false;v=false}}}}if(l(i.newsArr<1)){q("Couldn't find any content from the XML feed for the ticker to use!");return false}i.contentLoaded=true;r()}})}else{q("Code Me!")}}else{if(e.htmlFeed){if(a(b+" LI").length>0){a(b+" LI").each(function(s){i.newsArr["item-"+s]={type:e.titleText,content:a(this).html()}})}else{q("Couldn't find HTML any content for the ticker to use!");return false}}else{q("The ticker is set to not use any types of content! Check the settings for the ticker.");return false}}}}function r(){i.contentLoaded=true;a(i.dom.titleElem).html(i.newsArr["item-"+i.position].type);a(i.dom.contentID).html(i.newsArr["item-"+i.position].content);if(i.position==(l(i.newsArr)-1)){i.position=0}else{i.position++}distance=a(i.dom.contentID).width();time=distance/e.speed;h()}function h(){a(i.dom.contentID).css("opacity","1");if(i.play){var s=a(i.dom.titleID).width()+20;a(i.dom.revealID).css(e.direction,s+"px");if(e.displayType=="fade"){a(i.dom.revealID).hide(0,function(){a(i.dom.contentID).css(e.direction,s+"px").fadeIn(e.fadeInSpeed,k)})}else{if(e.displayType=="scroll"){}else{a(i.dom.revealElem).show(0,function(){a(i.dom.contentID).css(e.direction,s+"px").show();animationAction=e.direction=="right"?{marginRight:distance+"px"}:{marginLeft:distance+"px"};a(i.dom.revealID).css("margin-"+e.direction,"0px").delay(20).animate(animationAction,time,"linear",k)})}}}else{return false}}function k(){if(i.play){a(i.dom.contentID).delay(e.pauseOnItems).fadeOut(e.fadeOutSpeed);if(e.displayType=="fade"){a(i.dom.contentID).fadeOut(e.fadeOutSpeed,function(){a(i.dom.wrapperID).find(i.dom.revealElem+","+i.dom.contentID).hide().end().find(i.dom.tickerID+","+i.dom.revealID).show().end().find(i.dom.tickerID+","+i.dom.revealID).removeAttr("style");r()})}else{a(i.dom.revealID).hide(0,function(){a(i.dom.contentID).fadeOut(e.fadeOutSpeed,function(){a(i.dom.wrapperID).find(i.dom.revealElem+","+i.dom.contentID).hide().end().find(i.dom.tickerID+","+i.dom.revealID).show().end().find(i.dom.tickerID+","+i.dom.revealID).removeAttr("style");r()})})}}else{a(i.dom.revealElem).hide()}}function j(){i.play=false;a(i.dom.tickerID+","+i.dom.revealID+","+i.dom.titleID+","+i.dom.titleElem+","+i.dom.revealElem+","+i.dom.contentID).stop(true,true);a(i.dom.revealID+","+i.dom.revealElem).hide();a(i.dom.wrapperID).find(i.dom.titleID+","+i.dom.titleElem).show().end().find(i.dom.contentID).show()}function p(){i.play=true;i.paused=false;k()}function n(s){j();switch(s){case"prev":if(i.position==0){i.position=l(i.newsArr)-2}else{if(i.position==1){i.position=l(i.newsArr)-1}else{i.position=i.position-2}}a(i.dom.titleElem).html(i.newsArr["item-"+i.position].type);a(i.dom.contentID).html(i.newsArr["item-"+i.position].content);break;case"next":a(i.dom.titleElem).html(i.newsArr["item-"+i.position].type);a(i.dom.contentID).html(i.newsArr["item-"+i.position].content);break}if(i.position==(l(i.newsArr)-1)){i.position=0}else{i.position++}}})};a.fn.ticker.defaults={speed:0.1,ajaxFeed:false,feedUrl:"",feedType:"xml",displayType:"reveal",htmlFeed:true,debugMode:true,controls:true,titleText:"See More News:",direction:"ltr",pauseOnItems:3000,fadeInSpeed:600,fadeOutSpeed:300}})(jQuery); //Navigation Call by MKR function menunav(c){c("#mobilenav").click(function(){c("#menunav").slideToggle();c(this).toggleClass("active");return false});c("#topmobilenav").click(function(){c("#topmenunav").slideToggle();c(this).toggleClass("active");return false});c(".sf-menu ul").each(function(){var e=c(this).parent("li");e.append("<i></i>")});var b=function(){var e=c(window).width();if(e>979){c("#menunav").css("display","block");c("#menunav").superfish({animation:{height:"show"},animationOut:{height:"hide"}});c(".sf-menu i").css("display","none")}else{if(e<=979&&c("#mobilenav").attr("class")==="active"){c("#menunav").css("display","block");c("#menunav").superfish("destroy");c(".sf-menu i").css("display","block")}else{if(e<=979&&c("#mobilenav").attr("class")!=="active"){c("#menunav").css("display","none");c("#menunav").superfish("destroy");c(".sf-menu i").css("display","block")}}}};var a=function(){var e=c(window).width();if(e>979){c("#topmenunav").css("display","block");c("#topmenunav").superfish({animation:{height:"show"},animationOut:{height:"hide"}});c(".sf-menu i").css("display","none")}else{if(e<=979&&c("#topmobilenav").attr("class")==="active"){c("#topmenunav").css("display","block");c("#topmenunav").superfish("destroy");c(".sf-menu i").css("display","block")}else{if(e<=979&&c("#topmobilenav").attr("class")!=="active"){c("#topmenunav").css("display","none");c("#topmenunav").superfish("destroy");c(".sf-menu i").css("display","block")}}}};b();a();c(window).resize(b);c(window).resize(a);c(".sf-menu i").click(function(){var e=c(this).parent("li");var f=e.children("ul");f.slideToggle();c(this).toggleClass("active");return false});var d=window.location.href;c("#menunav a, #topmenunav a").each(function(){if(this.href===d){var e=c(this).parents("li").children("a").addClass("current")}})}; //Ajax JSON NewsTicker by MKR function NewsTicker(m){(function(e){var a={blogURL:"",MaxPost:10,Speed:0.1,titleText:"See More News:",displayType:"reveal",Container:"#newsticker",tagName:!1,MonthNames:Alldefaultconfig.monthName},a=e.extend({},a,m);e(a.Container).addClass("loading");e.get((""===a.blogURL?window.location.protocol+"//"+window.location.host:a.blogURL)+"/feeds/posts/summary"+(!1===a.tagName?"":"/-/"+a.tagName)+"?max-results="+a.MaxPost+"&orderby=published&alt=json-in-script",function(b){var p,f,k,l,g,h,c,q,n="";b=b.feed.entry; if(void 0!==b){for(var d=0,m=b.length;d<m;d++){f=0;for(k=b[d].link.length;f<k;f++)"alternate"==b[d].link[f].rel&&(p=b[d].link[f].href);f=b[d].title.$t;g=b[d].published.$t.substring(0,10);k=g.substring(0,4);l=g.substring(5,7);g=g.substring(8,10);l=a.MonthNames[parseInt(l,10)-1];h=b[d].published.$t.substring(11,16);c=h.substring(0,2);h=h.substring(2,5);q=12>c?"AM":"PM";0===c&&(c=12);12<c&&(c-=12);n+=' <li class="news-item"><span title="'+l+" "+g+", "+k+'" class="date">'+c+""+h+" "+q+'</span> <a class="title" href="'+ p+'">'+f+"</a></li> "}e(a.Container).html('<ul class="js-hidden" id="newstick">'+n+"</ul> ").removeClass("loading");e("#newstick").ticker({speed:a.Speed,direction:e("#outer-wrapper").attr("class"),titleText:a.titleText,displayType:a.displayType})}else e(a.Container).html("<span>No result!</span>").removeClass("loading")},"jsonp")})(jQuery)}; //]]> </script> <div id='newsticker'/> <script type='text/javascript'> menunav (jQuery); NewsTicker({ blogURL: "http://www.johansanjaya.blogspot.com", MaxPost: 5, Speed: 0.10, titleText: "See More News:", tagName: "News" }); </script> </div>

hapus kode dibawah ini jika template agan sudah terdapat script jquery
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

Pengaturan :
Ganti BlogUrl http://www.johansanjaya.blogspot.com dengan url blog agan,
tagName : "News" ganti dengan Nama Label Postingan yang ingin ditampilkan, jika ingin menambahkan beberapa label, agan tinggal menambahkan dan mengganti kode,
contoh TagName: "Kesehatan", TagName: "Teknologi", TagName: "Olah Raga" MaxPost : 5 ganti angka 5 dengan jumlah artikel yang ingin agan tampilkan.
hapus kode <span title="'+l+" "+g+", "+k+'" class="date">'+c+""+h+" "+q+'</span> jika agan ingin menghilangkan keterangan waktu

kemudian Klik simpan

ini akan optimal bekerja di area berlebar minimal 600px atau lebih.

Oke gan, jika ada masalah agan bisa tinggalkan komentar.

referensi : jquerynewsticker.com, iblogforfood.net
.

Cara Mudah Bikin News Ticker Pada Blogger

Sedekah Ilmu, Berita Berjalan atau lebih dikenal dengan NewsTicker adalah sebuah widget yang disediakan oleh sebuah layanan pemberi informasi, untuk memudahkan para pengunjung dalam mengetahui berita terbaru, atau informasi lainnya yang biasanya mempunyai sifat khusus. nah, kali ini ane mau ngasih caranya bikin Widget NewsTicker bagi agan - agan yang minat membuat NewsTicker dan menerapkannya dalam blogger. Meskipun ane tau, sekarang banyak banyak banget template blogger yang didalamnya sudah menyediakan widget newsticker.

ya mungkin ane ketinggalan bikin tutorial newsticker ini, cuma menurut ane namanya berbagi ilmu gag ada yang terlambat. mungkin banyak yang sudah tau cara membuat newsticker, tapi ane juga yakin banyak agan-agan yang baru belajardengan blogger dan mau tau cara bikin NewsTicker,

Newsticker sendiri sudah banyak dibuat oleh blogger yang gemar mengotak-atik script html, css dan javascript sendiri. oke langsung kita sundul..

Pertama : Masuk ke akun blogger kamu, (jangan masuk ke akun blogger tetangga :p..)

Kedua : masuk ke  TEMPLATE pilih cadangkan untuk menjaga template asli kamu jika terjadi error, kemudian klik edit html, cara kode </head> untuk memudahkan tekan Ctrl + F untuk mencari kode tersebut,

Ketiga : Copy paste kode html dibawah ini tepat diataskode </head>

<script type='text/javascript'>
//<![CDATA[
(function ( $, window, document, undefined ) { var name = "easyTicker", defaults = { direction: 'up', easing: 'swing', speed: 'slow', interval: 2000, height: 'auto', visible: 0, mousePause: 1, controls: { up: '', down: '', toggle: '', playText: 'Play', stopText: 'Stop' } }; function EasyTicker( el, options ) { var s = this; s.opts = $.extend( {}, defaults, options ); s.elem = $(el); s.targ = $(el).children(':first-child'); s.timer = 0; s.mHover = 0; s.winFocus = 1; init(); start(); $([window, document]).off('focus.jqet').on('focus.jqet', function(){ s.winFocus = 1; }).off('blur.jqet').on('blur.jqet', function(){ s.winFocus = 0; }); if( s.opts.mousePause == 1 ){ s.elem.mouseenter(function(){ s.timerTemp = s.timer; stop(); }).mouseleave(function(){ if( s.timerTemp !== 0 ) start(); }); } $(s.opts.controls.up).on('click', function(e){ e.preventDefault(); moveDir('up'); }); $(s.opts.controls.down).on('click', function(e){ e.preventDefault(); moveDir('down'); }); $(s.opts.controls.toggle).on('click', function(e){ e.preventDefault(); if( s.timer == 0 ) start(); else stop(); }); function init(){ s.elem.children().css('margin', 0).children().css('margin', 0); s.elem.css({ position : 'relative', height: s.opts.height, overflow : 'hidden' }); s.targ.css({ 'position' : 'absolute', 'margin' : 0 }); setInterval( function(){ adjHeight(); }, 100); } function start(){ s.timer = setInterval(function(){ if( s.winFocus == 1 ){ move( s.opts.direction ); } }, s.opts.interval); $(s.opts.controls.toggle).addClass('et-run').html(s.opts.controls.stopText); } function stop(){ clearInterval( s.timer ); s.timer = 0; $(s.opts.controls.toggle).removeClass('et-run').html(s.opts.controls.playText); } function move( dir ){ var sel, eq, appType; if( !s.elem.is(':visible') ) return; if( dir == 'up' ){ sel = ':first-child'; eq = '-='; appType = 'appendTo'; }else{ sel = ':last-child'; eq = '+='; appType = 'prependTo'; } var selChild = s.targ.children(sel); var height = selChild.outerHeight(); s.targ.stop(true, true).animate({ 'top': eq + height + "px" }, s.opts.speed, s.opts.easing, function(){ selChild.hide()[appType]( s.targ ).fadeIn(); s.targ.css('top', 0); adjHeight(); }); } function moveDir( dir ){ stop(); if( dir == 'up' ) move('up'); else move('down'); } function fullHeight(){ var height = 0; var tempDisp = s.elem.css('display'); s.elem.css('display', 'block'); s.targ.children().each(function(){ height += $(this).outerHeight(); }); s.elem.css({ 'display' : tempDisp, 'height' : height }); } function visHeight( anim ){ var wrapHeight = 0; s.targ.children(':lt(' + s.opts.visible + ')').each(function(){ wrapHeight += $(this).outerHeight(); }); if( anim == 1 ){ s.elem.stop(true, true).animate({height: wrapHeight}, s.opts.speed); }else{ s.elem.css( 'height', wrapHeight); } } function adjHeight(){ if( s.opts.height == 'auto' && s.opts.visible != 0 ){ anim = arguments.callee.caller.name == 'init' ? 0 : 1; visHeight( anim ); }else if( s.opts.height == 'auto' ){ fullHeight(); } } return { up: function(){ moveDir('up'); }, down: function(){ moveDir('down'); }, start: start, stop: stop, options: s.opts }; } $.fn[name] = function ( options ) { return this.each(function () { if (!$.data(this, name)) { $.data(this, name, new EasyTicker( this, options )); } }); }; })( jQuery, window, document ); $('.ticker2').easyTicker({ direction: 'up', easing: 'swing', speed: 'slow', interval: 2000, height: 'auto', visible: 0, mousePause: 1, });
//]]>
</script>

Keempat : cari kode berikut ]]></b:skin> kemudian copy paste kode dibawah ini diatas kode

]]></b:skin>

.tickerwrapper{ position:relative; } .tickhead{ background:#dd4c39 url(https://lh4.googleusercontent.com/S2yrb7GoLLN7s1-NmlkE_nS9Svzr5DQNM3dcCCp2Occ=s50-no) no-repeat; background-position:125px 10px; background-size:20px; position:absolute; line-height:40px !important; height:40px; width:130px; padding:0 15px 0 5px; text-align:center; color:#fff; font:400 15px 'pt sans',sans-serif; text-transform:uppercase; z-index:1; top:0; left:0; } .ticker2{ padding-left:155px; height:40px !important; overflow:hidden; background:#333; line-height:40px !important; } .ticker2 ul{ padding:0; margin:0; list-style:none; } .ticker2 ul li a{ color:#fff; font:400 15px 'pt sans',sans-serif; text-decoration:none; }

Kemudian klik Simpan

Kelima : Masuk ke dasbord blogger, pilih Tata Letak, pilih tambah Widget/gadget html/javascript kemudian masukkan kode berikut :

<script>
  function ticker(json) {
    document.write('<div class="tickerwrapper"><span class="tickhead">Latest News</span><div class="ticker2"><ul>');
    for (var i = 0; i < json.feed.entry.length; i++) {
        for (var j = 0; j < json.feed.entry[i].link.length; j++) {
            if (json.feed.entry[i].link[j].rel == 'alternate') {
                var postUrl = json.feed.entry[i].link[j].href;
                break;
            }
        }
        var postTitle = json.feed.entry[i].title.$t;
        var item = '<li><a href=' + postUrl + '>' + postTitle + '</a></li>';
        document.write(item);
    }
}
</script>
<script src="http://johansanjaya.blogspot.com/feeds/posts/summary?orderby=published&max-results=5&alt=json-in-script&callback=ticker"></script>

ganti tulisan johansanjaya.blogspot.com dengan alamat url blog kamu, kemudian simpan dan lihat hasilnya

oke  demikian sedikit tutorial dari ane, In Sya Allah artikel berikutnya kita bahas cara bikin newsticker dengan Jquery bergaya seperti NewsTicker pada eSitus BBC  DEMO

sumber referensi : bloggerever.com, jquerynewsticker.com