7 Templates Blog Seo, Responsive Dan Valid Html 5

Templates Blog SEO Frendly, Responsive dan Valid HTML 5. Template blog yang responsive memang lagi terkenal ketika ini, Apalagi kalau Template itu bukan hanya responsive tapi sudah SEO dan Valid HTML5. Templete responsive sudah banyak yang beredar ketika ini, misalnya yaitu template yang aku gunakan kini yaitu salah satu template responsive dari sekian banyaknya template responsive. Anda sanggup menemukan template yang Gratis dan juga template yang harus dibeli ( Premium ).

 Template blog yang responsive memang lagi terkenal ketika ini 7 Templates Blog SEO, Responsive dan Valid HTML 5FREE PREMIUM RESPONSIVE  BLOGGER TEMPLATE
 Template blog yang responsive memang lagi terkenal ketika ini 7 Templates Blog SEO, Responsive dan Valid HTML 5DEMO AND DOWNLOAD

Memang masih banyak template responsive dan seo frendly yang beredar tapi untuk ketika ini hanya ini yang sanggup aku bagikan.Sekian mengenai download Template Blog SEO frendly, Responsive dan Valid HTML .

Cara Mengganti Template Blog Semoga Traffic Pengunjung Tidak Turun (Anjlok)

Cara Mengganti Template Blog - Template atau sama saja dengan tema (theme) merupakan suatu tampilan latar atau muka. Yang mana template blog alhasil ialah tampilan dari suatu blog itu sendiri.

Selain besar lengan berkuasa pada tampilan, template blog ini juga memiliki efek pada hal-hal lainnya terkait dengan blog. Seperti efek terhadap SEO dan kecepatan load suatu blog yang memakai template tersebut. Istilah SEO pastilah sudah tidak abnormal lagi kalau kau ialah seorang Blogger.

 merupakan suatu tampilan latar atau muka Cara Mengganti Template Blog biar Traffic Pengunjung Tidak Turun (Anjlok)

Secara sederhana, template blog yang baik untuk dipakai atau dipasang pada blog ialah yang memiliki kriteria template SEO, Responsive, dan memiliki pengoptimalan kecepatan loading yang baik. Nah, untuk mendapat kriteria template ibarat itu, biasanya didapat dengan membeli (template versi premium). Harganya berkisar Rp200 ribu-an. Template blog ini sendiri seharga Rp150.000.

Baca Juga : Cara Membuat Privacy Policy, Disclaimer, dan TOS Blog


Tips Mengganti Template Blog biar Traffic Tidak Anjlok (Turun)

Kembali pada inti pembahasan postingan cara mengganti template blog ini. Pernahkah kau mengetahui keluhan Blogger yang mengalami penurunan sehabis mengganti template blognya? Kalau saya sendiri pernah. Mungkin kalian juga, kalau bergabung dan aktif di forum/grup komunitas Blogger.

Nah, hal itu benar. Pergantian template blog sanggup menjadikan penurunan jumlah trafik pada blog tersebut. Itulah mengapa, banyak Blogger yang menyarankan kalau traffic blog sudah tinggi, maka jangan lakukan gonta-ganti template blog kamu.

Tapi kalau ingin memaksa mengganti dengan alasan apapun, saya memiliki tips untuk kalian yang ingin mengganti templatenya supaya traffic blog tidak anjlok. Tips/cara di bawah ini berdasarkan pengalaman saya dikala mengganti template ini yang memiliki traffic sudah tidak mengecewakan tinggi. Tapi saya tidak ada jaminan/pertanggung balasan kalau kau memakai tips ini, dan tarffic malah anjlok. Silahkan kalau ingin mencoba, di bawah ini tip-tip mengganti template blog :
  1. Ganti template usang pada blog, dengan template gres yang lebih baik. Jika hendak mengganti template blog, pastikan template pengganti tersebut lebih baik ketimbang template sebelumnya. Misalnya kalau template blog yang usang versi gratis, dan ingin diganti dengan template versi premium. Karena kebanyakan template versi premium lebih baik ketimbang versi gratis yang mendapatkannya tinggal download.
  2. Jangan ganti template blog non amp dengan template blog amp begitupula sebaliknya. Tahun 2018 ini lagi rame peluncuran template/theme blog jenis gres versi AMP. Saya juga kurang tahu sih, keunggulan template AMP dibanding NON-AMP. Yang saya tahu template AMP ini lebih berfokus untuk tampilan blog versi mobile. Yang mana kini banyak pengguna internet versi mobile smartphone ketimbang desktop. Jika ingin mengganti template non-amp dengan template amp atau sebaliknya, maka siap-siap mengalami penurunan visitor. Karena untuk mengubah halaman blog 100% valid amp, kau juga harus mengedit semua postingan yang sudah dipublish. Dan itu bikin capek! Saya sendiri mengalami, padahal hanya 54 postingan.
  3. Ganti template di waktu sepi pengunjung. Silahkan kau lihat dulu analytics blog kamu, kapan waktu blog mendapat sepi pengunjung. Biasanya blog sepi pengunjung di jam 00-06. Nah, silahkan ganti template blog kau di jam-jam tersebut.
  4. Salin instruksi webmaster terlebih dulu, dan eksklusif pastekan sehabis pergantian template. Nah, ini yang penting dan berdasarkan saya menjadi penyebab utama blog turun sehabis ganti template; alasannya ialah usang memasang kembali instruksi webmaster. Kode webmaster berdasarkan saya ialah instruksi penghubung antara blog dengan mesin pencari. Makara dikala mengganti template, silahkan salin dulu instruksi webmaster baik dari Google, Bing, Yandex, maupun webmaster mesin pencari lainnya. Salin dan tempelkan dulu di Notepad, lalu sehabis pergantian template eksklusif tempel instruksi webmasternya tadi.
  5. Salin juga instruksi Google Analytics apabila ada di template, dan eksklusif tempel sehabis pergantian. Nah kalau di blog kau terpasang instruksi Google Analytics ibarat ini <b:include data='blog' name='google-analytics'/> maka lakukan juga ibarat halnya webmaster. Kode tersebut sebetulnya tidak menghipnotis penurunan visitor/traffic pada suatu blog. Namun besar lengan berkuasa pada perhitungan/analisa Google Analytics sehingga perhitungan traffic di Google Analytics terlihat turun, padahal sebetulnya traffic blog masih normal. Jika kau memakai Histats, tidak usah mencopot dulu instruksi widgetnya; biarkan saja.


Lainnya saya juga menyalin dulu ID Feedburner. Tapi ini sanggup didapatkan kembali di Feedburner.com, dan berdasarkan saya tidak usah terburu ibarat halnya instruksi webmaster dan Google Analytics tidak apa-apa. Biar gampang saja nantinya, maka saya salin juga id feedburner dan script menu-menu blog.

Untuk instruksi Google Adsense juga demikian, sanggup disalin dulu, atau mengambil saja nanti di dashboard Google Adsense akun kamu.

Cara Mengganti Template Blog di Blogspot

Karena saya pengguna platform Blogspot.com atau Blogger.com, jadi yang saya berikan panduannya di sini ialah panduan mengganti template blog di blogspot. Baiklah di bawah ini panduannya :
  1. Login ke dashboard blog yang ingin diganti templatenya
  2. Pilih sajian Theme yang ada di sebelah kiri
  3. Klik tombol Backup / Restore
  4. Silahkan Download theme terlebih dulu untuk backup kalau nanti tidak jadi ganti template dan ingin kembali ke template semula
  5. Kemudian klik tombol Choose File, cari dan pilih file template yang berakhiran format .xml
  6. Terakhir klik Upload

Nah sehabis melaksanakan pergantian template ini, eksklusif tempelkan kembali kode-kode webmaster dan analytics, maupun kode-kode lainnya yang sebelumnya sudah disalin terlebih dahulu.


Demikian Cara Mengganti Template Blog biar Traffic Pengunjung Tidak Turun (Anjlok) ini, semoga bermanfaat untuk temen-temen Blogger yang ingin mengganti template blognya.

Template Blogger Jhony Wuss Seo Responsive Version

Kali ini Template blogger Johny wuss Responsive version. Tampilan blog sangat besar lengan berkuasa untuk beberapa orang ( ibarat saya..hehehe ) . Bagi beberapa orang menulis artikel merupakan kesenangan tersendiri bukan hanya sekedar mencari uang di internet. Nah sesudah final menulis dan melihat alhasil kadang tampilannya sanggup memeberi semangat kita untuk menulis lagi artikel lainnya. Tapi lain halnya jikalau final menulis dan melihat tampilan website/ blog yang membosankan, kadang menciptakan malas untuk menulis artikel lainnya.


Hal lainnya lagi ibarat pengunjung blog yang malas masuk keblog kita alasannya yaitu loading blog yang begitu berat, sehingga kadang blog belum berhasil terbuka sepenuhnya eksklusif di tutup oleh pengunjung. Seperti aku yang malas mengunjungi blog yang loadingnya berat. Sobat harus tahu tidak semua kawasan jaringan internetnya anggun dan cepat. Template blog yang SEO frendly juga sanggup mempengaruhi peringkat blog di hasil penelususran search engine ibarat Google. 

Berikut ini yaitu Template Blogger SEO buatan maskolins ( ane Edit dikit ) - Jhony Wuss Responsive version.

 Template blogger Johny wuss Responsive version Template Blogger Jhony Wuss SEO Responsive VersionDownload Here

Fitur  :

1. SEO Frendly ( chkme.com  Seo skor : 97% jikalau Hapus widget Subscribe Seo Skor jadi 100%  )
2. Slider Otomatis
3. Breadcumbs Terindex Google
4. Fast loading
5. Responsive version
6. Valid HTML5 W3C
7. Cek di Google.com Richsnippets tidak ada kesalahan mising apapun.
8. Dan masih banyak lagi.

Template Blogger johny wuss Seo Responsive 2.( megazine style )

 Template blogger Johny wuss Responsive version Template Blogger Jhony Wuss SEO Responsive VersionDOWNLOAD AND TUTORIAL

Update :

Free Premium Responsive Blogger Template 

 Template blogger Johny wuss Responsive version Template Blogger Jhony Wuss SEO Responsive VersionCEK HERE FREE PREMIUM TEMPLATE

Untuk mengecek tampilan Responsive / Tampilan mobile anda sanggup menekan Tombol di samping minimize browser anda. contohya :

 Template blogger Johny wuss Responsive version Template Blogger Jhony Wuss SEO Responsive Version

Ukurannya di sesuaikan saja dan lihat tampilan responsivenya. Skor seo template ini juga anggun ( chekme.com ) dan fast loading tentu saja. Ok teman itulah sedikit mengenai Template Johny Wuss Responsive version buatan Maskolins.

Template Blog Seo Responsive 2014

Saat ini Seocips.com akan membagikan Template Blog Seo Responsive 2014. Template yang SEO frendly dan Responsive ialah template yang paling banyak dicari ketika ini. Anda sudah tahu kan apa itu template Responsive? secara sederhana template Responsive ini ialah template yang sanggup menyesuaikan dengan besar atau kecilnya layar perangkat yang sedang kita gunakan .

Ok sahabat sesudah pada waktu yang kemudian aku telah membahas mengenai Template blogger johny wuss responsive version dan mengenai template blogger SEO frendly buatan Maskolins maka pada kesempatan ketika ini aku akan membagikan salah satu template buatan maskolins lainnya.

Template Blog Seo Responsive 2014.

Beberapa fitur di template ini.

1. Responsive.
2. Seo Frendly ( chekme.com )
3. Breadcrumbs
4. Fast Loading.
5. Widget Share situs sosial
6. Related post
7. Valid HTML ( w3c ).
8. Tidak ada eror di Google Richsnippet.

 Template yang SEO frendly dan Responsive ialah template yang paling banyak dicari ketika i Template Blog Seo Responsive 2014


Jika anda berminat untuk mengggunakan template responsive for Blogger yang satu ini silahkan anda download dan gunakan di blog anda atau anda sanggup melihat label" template colections" untuk melihat template yang lain. Sekian mengenai Template Blogger Seo Responsive 2014. biar bermanfaat untuk anda.

20 Free Premium Responsive Blogger Template


Responsive Design has become an integral part of Web Design now. Blogger Template Designers have picked up this animo as well and have created some excellent templates. These templates come with features like cross-browser support , classes ads ready, Optimized SEO, Blogger Template Designer support to name a few. Now lets have a look at these 20 high quality Blogger templates

MAXXIZ
 Free Download premium responsive template 20 Free Premium Responsive Blogger Template DOWNLOAD

SEVIDA NEW VERSION
 Free Download premium responsive template 20 Free Premium Responsive Blogger Template DOWNLOAD


WORKMAG
 Free Download premium responsive template 20 Free Premium Responsive Blogger Template DEMO AND DOWNLOAD

SYAHIRA
 Free Download premium responsive template 20 Free Premium Responsive Blogger Template DOWNLOAD

FLATNEWS
 Free Download premium responsive template 20 Free Premium Responsive Blogger Template DOWNLOAD

Johny Responsive.
 Free Download premium responsive template 20 Free Premium Responsive Blogger Template DEMO AND DOWNLOAD 


CODY
 Free Download premium responsive template 20 Free Premium Responsive Blogger Template DOWNLOAD

FASTEST MAG
 Free Download premium responsive template 20 Free Premium Responsive Blogger Template DOWNLOAD

IPRESS
 Free Download premium responsive template 20 Free Premium Responsive Blogger Template DEMO AND DOWLOAD

WARM MAG
 Free Download premium responsive template 20 Free Premium Responsive Blogger Template DEMO AND DOWNLOAD

SQUID TEMPLATE
 Free Download premium responsive template 20 Free Premium Responsive Blogger Template DEMO AND DOWNLOAD

FLAT MAG
 Free Download premium responsive template 20 Free Premium Responsive Blogger Template DEMO AND DOWNLOAD

VCARD
 Free Download premium responsive template 20 Free Premium Responsive Blogger Template DEMO AND DOWNLOAD

BPRESS RESPONSIVE
 Free Download premium responsive template 20 Free Premium Responsive Blogger Template DEMO AND DOWNLOAD

KONTIFY
 Free Download premium responsive template 20 Free Premium Responsive Blogger Template DEMO AND DOWNLOAD

SEO VALID HTML5

 Free Download premium responsive template 20 Free Premium Responsive Blogger Template PREVIEW AND DOWNLOAD TEMPLATE SEO VALID

SIMMER
 Free Download premium responsive template 20 Free Premium Responsive Blogger Template TEMPLATE BLOGGER

BLACK NEWS
 Free Download premium responsive template 20 Free Premium Responsive Blogger Template Free Premium Responsive blogger Template. Semoga template-tamplate blog di atas mempunyai kegunaan dan bermanfaat untuk mempercantik tampilan website anda. Sekedar suplemen juga beberapa template di atas ada yang Seo frendly sekali jadi pandai-pandailah dalam menentukan tamplate.

Tips Ampuh Semoga Blogger Kita Di Terima Oleh Google Adsense

Tips Ampuh Agar Blogger Kita Di Terima Oleh Google Adsense

 Tips Ampuh Agar Blogger Kita Di Terima Oleh Google Adsense Tips Ampuh Agar Blogger Kita Di Terima Oleh Google Adsense

Tips Blog atau Website Agar Diterima Adsense - Adsense menjadi salah satu alasan kenapa banyak orang ingin menjadi youtuber dan blogger. selain blogger ada juga website lainnya yang memang memakai adsense untuk menghasilkan uang. kali ini kita akan membahas beberapa tips dari admin, dimana tips ini sudah admin coba dan memang berhasil. tapi tips saya ini tidak menjamin 100 % sanggup berhasil tapi sanggup kalian coba sendiri.

Sebelum melangkah ke Tips nya, disini akan saya sarankan beberapa tips sebelum kalian menciptakan sebuah blog. blog yang dimaksud admin yaitu blogger. blogger yaitu sebuah platform milik google yang sudah ada semenjak dulu sebelum nenek moyang klita lahir. hehe becanda gan. blogger ini memang milik google dan sudah banyak yang menggunakannya untuk menghasilkan uang dari hanya modal menulis saja.

Bermodal menulis dan hostingan gratis kita sanggup menghasilkan uang puluhan juta rupiah bahkan sanggup ratusan juta pertahun nya. kalau perbulan mungkin sanggup sekitar 5 jutaan. maaf kalau sedikit lebay. blogger ini gratis dan di sayang oleh google, jadi kita memanfaatkan gratisan ini untuk menghasilkan uang. 

ada beberapa hal yang mesti kalian mengerti saat ingin menciptakan sebuah blog kalian, 

Yang Pertama yaitu Niche Atau Tema atau Topik nya 
Niche ini wajib kalian pikirkan sebelum memulai menciptakan sebuah blog. kalian harus memikirkan topik apa yang akan kalian bahas di blog kalian nanti. saya sarankan membahas satu niche aja, contohnya menyerupai kesehatan atau android saja dan lain-lainnya. pilih salah satu saja, jangan gado-gado menyerupai blog saya ini. alasannya yaitu bpk iklan nanti sehabis kalian keterima adsense akan ngenes gan, bpk nya kecil. jadi kalau saya saranin jangan gado-gado.

Yang Kedua yaitu Mengerti Cara mengganti Template dan Edit Menu serta Link
jadi kalian wajib tahu template mana yang SEO dan Responsive semoga lezat di liat dan tidak bikin risih. mencar ilmu edit template dulu semoga SEO dan tampilan blog kita terlihat lebih rapi. jikalau kalian menciptakan sebuah sajian pastikan berisi link atau url yang valid, biar kalian kagak mendapatkan email menyerupai saya dulu. isi emailnya kurang lebih web kita di nyatakan belum siap atau masih dalam tahap gres buat dan belum selesai di siapkan. 

Yang Ketiga yaitu Jangan Copas dan Malas 
kalau kalian ingin keterima adsense nya, jangan copas artikel orang lain tapi tulis ulang artikel tersebut dengan bahasa dan pemahaman kita sendiri. jangan malas membaca dan kalian minimal konsisten update artikelnya.

Setelah ketiga hal diatas sudah kalian pahami, kini akan saya berikan Tips semoga blogger kalian keterima oleh adsen namun tidak sanggup saya jamin 100%. ini hanya berdasarkan pengalaman saya sendiri. Tips berikut ini murni hasil dari pengalaman bukan dari hasil copy paste artikel orang lain. simak baik-baik:
  1. Template Yang SEO dan Responsive
    Seperti yang sudah saya tekankan di atas, kalian wajib memakai Template yang SEO dan Responsive semoga pengunjung merasa nyaman dan sedap di pandang blog nya. jangan lupa ya pas buat sebuah sajian blog pastikan kalian mengisi nya dengan sebuah link yang valid.
  2. Buat Disclaimer,Privacy Policy, About dan Sitemap Serta Contact Us
    Agar blog kita lebih terlihat proffesional dan terlihat baik oleh google, maka saya menyarankan kalian untuk menciptakan Disclaimer,Privacy Policy, About dan Sitemap Serta Contact Us.
  3. Postingan dan Populer Post
    Bagian ini paling penting juga, postingan ini yang menciptakan kalian sanggup di terima atau tidaknya. setiap postingan wajib kalian tulis dengan jumlah kata sekitar 300 kata. ini untuk jumlah minimumnya, sedangkan maksimalnya yaitu boleh lebih dari 300 kata. saya sarankan menulisnya lebih dari 300 kata setiap menulis sebuah postingan. usahakan postingan kalian menarik dan unik serta kerapihan penulisan juga harus kalian perhatikan. gunakan sedikit gambar, kecuali sudah keterima adsense nya gres boleh deh semena-mena tapi biasa nya akan ada email peringatan jikalau goresan pena kita ada yang melanggar kebijakan google.jangan copas artikel orang lain, ini pantangan jikalau kalian ingin diterima oleh adsense. pasang widget terkenal post di blog kalian. pasang label atau kategori jangan lupa ya..
  4. Baca kebijakan Google Adsense Untuk Blog Yang Terbaru
  5. Traffic Blog
    Sebenarnya blog saya di terima bukan alasannya yaitu jumlah pengunjungnya yang banyak. waktu blog saya di terima oleh adsense, malah pengunjung rata-rata perhari itu sekitar 40-60 saja dan itu organik. jumlah postingan saya waktu itu sekitar 41. waktu itu saya tidak kenal yang namanya webmaster tool dan submit sitemap di sana. alasannya yaitu saya sudah tau makanya saya saranin kalian setiap update artikel gres kemduain kalian wajib submit ke webmaster tools. tujuan dan alasan biar artikel kita cepat di index dan dikenali oleh si mbah google.
  6. Timing Yang Tepat
    Maksudnya kalian jangan terburu-buru mengajukan blog kalian ke adsense. sabar sedikit alasannya yaitu kita mau main cantik. perhatikan umur blog kalian, pengajuan atau registrasi adsense memang pada umumnya sanggup seminggu sehabis blog di buat. saya sendiri dulu begitu alasannya yaitu nafsu mau ngasilin duit eh malah ke tolak alasannya yaitu waktunya tidak tepat. saran saya daftarkan blog kalian sehabis masuk umur 2-3 bulan. yang terpenting yaitu saat kalian sudah mendaftarkan blog kalian, saya sarankan setiap hari rajin buat postingan minimal 2 dengan jumlah kata lebih dari 300 kata.

Saya rasa segitu saja sudah cukup, Tips lainnya saya agak lupa alasannya yaitu keterima nya sudah lama. jadi itu semua yang saya lakukan hingga blog saya keterima oleh adsense. dulu saya sanggup email penolakan sebanyak 2x dan kini sudah ke approve. email pertama alasannya yaitu konten tidak memadai, maklum dulu belum hingga 300 kata nulisnya. email yang kedua alasannya yaitu ada link sajian yang pas di klik kagak bereaksi alias linknya kosong jadi dikiran web nya belum siap.

Setelah melalui beberapa kali penolakan akibatnya saya diterima juga, dan semoga kalian yang baca ini sanggup segera menyusul diterima blog atau websitenya oleh google. Semoga basa kedaluwarsa tidak terang ini sanggup mencerahkan kalian semua dan artikel ini sanggup berkhasiat untuk kalian semua. Terima Kasih sudah berkunjung. Jangan tinggalkan komentarnya.

Catatan: Keberuntungan juga besar lengan berkuasa di setiap tindakan kita, jadi biar beruntung saya sarankan wajib doa dulu berdasarkan kepercayaannya masing-masing. ada orang beruntung meski tanpa berdoa tapi akan lebih baik jikalau berdoa dan beruntung. Terima Kasih!!!

8 Template Blogger Seo 100% Plus Responsive Version

SEOCIPS Kali ini akan membagikan template Responsive yang SEO skornya sanggup mencapai 100%  ( chekme ). Template blog yang seo frendly, Responsive dan valid Html 5 memang sudah banyak beredar untuk ketika ini. Memang ada beberapa syarat semoga template anda sanggup mencapai "SEO skor 100%" kalau dicek di Chkme.com Salah satunya yakni menghilangkan widget yang tidak terlalu mempunyai kegunaan untuk mempercepat loading dan menghapus beberapa instruksi di template blog anda yang tidak diperlukan.

 memang sudah banyak beredar untuk ketika ini 8 Template Blogger Seo 100% plus Responsive versiontemplate Blogger Responsive SEO frendly skornya dapat* mencapai 100% ( yang pernah aku coba ) sanggup di cek di chekme untuk mengetestnya. Juga beberapa temple ini yakni hasil editan dari tamplate Johby wuss jadi tentu saja kecepatan loadnya emang wusss..

Template 1

8 template Blogger responsive yang pernah aku coba dan SEOnya sanggup mencapai 100% memang masih ada template lain yang lebih elok lagi tapi yang aku share di atas adalh "template blogger yang pernah aku coba" Plus fastload SEO frendly. ok teman semoga bermanfaat.

Cara Memasang Slider Otomatis Keren Di Blog

Seocips-Cara memasang slider Otomatis keren di template Blog-Memasang slider otomatis di Blogger- Slider otomatis di Blog. Untuk mempercantik tamplian blog sanggup juga dengan memasang slider di template blog. Slider ada banyak sekali macam jenis dan bentukanya dan kedua slider akan saya contohkan bagaimana cara memasangnya di template blog anda.

Keunggulan dari Slider berikut ialah slider otomatis dimana artikel terbaru kita otomatis masuk kedalam slider untuk di tunjukan contohnya di halaman homepage. Kaprikornus anda tidak perlu memasukan link dan gambar secara manual ibarat Slider-slider yang lain. tinggal memasangnya maka screnshot postingan anda akan di tunjukan dengan slider ini

memasang slider Otomatis keren di template Blog Cara Memasang Slider Otomatis Keren di Blogtemple blog SEO, tesponsive dan valid HTML 5

Caatatan : Sebelumnya maaf jikalau anda belum sanggup mengkopy instruksi di bawah ini karna untuk smentara blog ini dipasang script anti copy paste tapi dalam waktu bersahabat script ini akan di cabut karna tidak sesuai dengan tema.

Berikut ialah cara memasang slider di template blog anda.

Masuk ke template >> Edit HTML, lalu centang expand widget templates
Untuk berjaga-jaga jikalau terjadi kesalahan dalam pengeditan nantinya, sebaiknya backup dulu template anda.
Setelah semua langkah diatas anda lakukan, letakkan instruksi berikut ini diatas instruksi ]]></b:skin> :

/*Slider http://dapasun.blogspot.com */
#featuredSlider {background:#fff;float:left;margin:0; padding:0 0 10px;-webkit-box-shadow:1px 1px 5px #c3c3c3;-moz-box-shadow:1px 1px 5px #c3c3c3;-ms-box-shadow:1px 1px 5px #c3c3c3;-o-box-shadow:1px 1px 5px #c3c3c3;box-shadow:1px 1px 5px #c3c3c3;border:1px solid #fff; width:99%; position:relative;color:#666;}
#featuredSlider .featured-thumb {float:left; margin:10px; padding:0px;}
#featuredSlider .container {height:266px; margin:0 10px 0 0;overflow:hidden; position:relative;}
.featuredTitle{padding-top:15px;font:16px Oswald;text-shadow:1px 1px 1px #ccc;}
.featuredTitle a{color:#f7441a}
.featuredTitle a:hover{color:#000}
.navigation {position:relative;bottom:23px;float:right;overflow:hidden;}
ul.pagination {list-style-type:none; margin:0 auto; padding:0;}
ul.pagination a { float:left; margin:0 5px; display:inline; }
ul.pagination a { display:block;width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCXOcOd1OIbrtIzlDU9pRvAx1dnefyeVOCEOU0Cqo4RfougzUt_2SFyDMmjHQ_vbbmk-VF4hdO8kLErKB59_uBsXd4JzG7yqMYgP3FBB27GKO_eDcd3c_jjVd4i5Ggo2WyycX0i93q84o/s1600/slider+pagination.png); background-position:0 0; background-repeat:no-repeat; }
ul.pagination a:hover { background-position:0 -12px; }
ul.pagination a:hover { background-position:0 -12px; }
ul.pagination a.activeSlide { background-position:0 -12px }
a.readmore {float:left;border:1px solid #444;background:#585858 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuA_kI593lU1E8gRt-atpy8CVQI97_4u2hkH-slkyhUKEyPq7dq9VGofGz3RpYWcW9WGT_RVukO87mnR3Y44piLKmjnRdG7zfubkEz9WwZAf0zfpVrDqpEA3mfwSGWtQgKJ4MBhShmiDQ/s1600/fade.png) repeat-x top;display:block;;font:bold 12px Arial;text-shadow: -1px -1px 0 #333;margin:10px 0 0 0;padding:4px 10px;color:#eee;-webkit-border-radius:3px;-moz-border-radius:3px;
border-radius:3px;-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);}
a.readmore:hover {color:#ff0}

keterangan : Kode yang di kasih warna di atas ialah lebar dan tinggi slider otomatis ini silahkan sesuaikan dengan template anda dan width:99% itu karna saya memasangnya di template responsive jadi saya mengganti kodenya dengan width:99% semoga slidernya jadi responsive, jikalau anda menggunakan template biasa maka anda sanggup mengganti kodenya dengan width:640px; ( angka 640 anda sanggup menggantinya sesuai dengan lebar post di template anda.

Langkah selanjutnya, masukkan instruksi berikut ini diatas instruksi </head> :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/><script src='http://yourjavascript.com/221222113215/jquery.innerfade.js' type='text/javascript'/>
<script src='http://yourjavascript.com/122111125120/cycle.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3IIJB7eqGEE8sLMTh0U8Pe1urpm1iupGZLanlkkd8NiZLDAQEUSZ6qYmzeHOEFHsWMfZz1-wJ065ESPL1sV87s-HpPNpVha2W7hwaSf6J1ZdUPX7sfVMN_wfYxGTJDhfrozcdQpNd52c/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 150;
summaryTitle = 25;
numposts  = 7;
function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}
function showrecentposts(json) {
 j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
 img  = new Array();
    document.write('<div class="slides">')
 if (numposts <= json.feed.entry.length) {
  maxpost = numposts;
  }
 else
       {
    maxpost=json.feed.entry.length;
    }
   for (var i = 0; i < maxpost; i++) {
     var entry = json.feed.entry[i];
     var posttitle = entry.title.$t;
  var pcm;
     var posturl;
     if (i == json.feed.entry.length) break;
     for (var k = 0; k < entry.link.length; k++) {
        if (entry.link[k].rel == 'alternate') {
          posturl = entry.link[k].href;
          break;
        }
     }

  for (var k = 0; k < entry.link.length; k++) {
        if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
          pcm = entry.link[k].title.split(" ")[0];
          break;
        }
     }

     if ("content" in entry) {
        var postcontent = entry.content.$t;}
     else
     if ("summary" in entry) {
        var postcontent = entry.summary.$t;}
     else var postcontent = "";
   
     postdate = entry.published.$t;

 if(j>imgr.length-1) j=0;
 img[i] = imgr[j];

 s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
 if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
 //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';

 var month = [1,2,3,4,5,6,7,8,9,10,11,12];
 var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
 var day = postdate.split("-")[2].substring(0,2);
 var m = postdate.split("-")[1];
 var y = postdate.split("-")[0];
 for(var u2=0;u2<month.length;u2++){
  if(parseInt(m)==month[u2]) {
   m = month2[u2] ; break;
  }
 }
 var trtd = '<div><p class="featured-thumb"><a href="'+posturl+'"><img width="350" height="262" src="'+img[i]+'"/></a></p><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></div><p>'+removeHtmlTag(postcontent,summaryPost)+'... </p><a href="'+posturl+'" class="readmore">Read more &#187;</a></div>';
 document.write(trtd);

 j++;
}
    document.write('</div>')
}
//]]>
</script>

Keterangan :
Perhatikan URL script warna biru diatas, itu ialah instruksi script jQuery.min.js . Jika pada template Anda sudah terdapat jQuery.min.js walaupun serinya berbeda, instruksi warna merah diatas tidak perlu lagi Anda masukkan. Cukup satu jQuery.min.js yang ada di template, terserah mau seri berapa, kalau sanggup versi yang terbaru.
Kode warna biru angka 350 dan 262 ialah panjang dan lebar image yang ada di slider.

Langkah selanjutnya ialah memanggil slider tersebut semoga muncul di blog kita. Cari instruksi <div id='main-wrapper'>, lalu letakkan instruksi berikut ini dibawahnya :

<b:if cond='data:blog.pageType != &quot;item&quot;'><div id='featuredSlider'>
<div class='container'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
<div class='navigation'>
<ul class='pagination'/>            <script>
$(&#39;.slides&#39;).cycle({
  fx:     &#39;fade&#39;,
  speed:  &#39;slow&#39;,
  timeout: 3000,
  pager:  &#39;.pagination&#39;
  });
</script>
</div>           </div> <!--end .container-->
</div>
</b:if>
Sekarang tinggal Save tamplate anda dan lihat hasilnya.

Sekian mengenai tutorial Cara Memasang atau cara pasang Slider Otomatis Keren di Blog atau tmplate blog blogger. Semoga tutorial di atas gampang untuk di kerjakan dan berhasil dalam pemasangannya.

Search

Blog Archive