atom: April 2013

Tuesday, 30 April 2013

Membuat Auto Reload Pada Blog

SHADOWS || Kali ini saya akan memberikan blogger tip Membuat Auto Reload Pada Blog, yang bagaimana berguna untuk menyegarkan blog sobat. Agar selalu fress atau segar jika visitor mengunjungi blog sobat bagaimana tertarik..?? Mari kita lihat Cara Membuat Auto Reload Pada Blog di bawah ini.

1. Pertama, pastinya Login ke Blog sobat.
2. Dari Dasbor, cari Rancangan --> Edit HTML.
3. Lalu cari Code <head>. [Gunakan CTRL + F atau F3 pada Keyboard untuk mempermudah pencarian].
4. Kalau sudah ketemu, sekarang copy dan pastekan code di bawah ini, tepat di bawah Code <head>.

<meta http-equiv="refresh" content="600"/>

SAVE template.

KETERANGAN
Angka yang berwarna merah, menunjukan lama waktu Blog kita akan Auto Refresh. "600" artinya 600 detik atau 10 menit. sobat bisa menyesuaikannya dengan keinginan sobat

Nah.. selesai sudah blogger tip yang saya share Bagaimana Cara Membuat Auto Reload Pada Blog untuk sobat terapkan di blog semoga bermanfaat untuk sobat.

Monday, 29 April 2013

Membuka Situs Web Porno Yang Di Blokir Operator

SHADOWS || Nah para sobat pasti pernah membuka situs porno bukan??? hayooo ngaku.. wkwkwk saya saja suka hehehehe.. Saya akan memberikan solusinya kepada para sobat untuk Membuka Situs Web Porno Yang Di Blokir Operator, sobat pasti tidak nyaman ketika sobat berselancar di internet untuk membuka beberapa situs atau web yang banyak di blokir oleh operator. Web proxy atau situs tak layak di akses lainnya, Yang pastinya sangat mengesalkan. Nah, untuk itu demi kenyamanan teman-teman dalam berselancar SHADOWS akan memberi sedikit cara bagaimana membuka situs/website yang telah di blokir (Has been blocked) oleh operator jaringan seperti Three (3), Axis, Telkomsel, Indosat, XL, Speedy, Smartfren, AHA, Nawala dan lainnya. Nah Cara Membuka Situs Web Porno Yang Di Blokir Operator, ikuti langkah langkah di bawah ini.

1. Alat penjelajar / Browser:

Jika akses via PC dekstop : Gunakan Opera Browser terbaru, silahkan downlad dan install Opera web Browser, dan coba gunakan untuk membuka situs-situs yang diblokir. Tapi jangan lupa aktifkan Opera Turbo nya.
Jika akses melalu mobile atau handphone. Gunakan UC browser, download dan instal, Apapun jenis situsnya Uc web mampu membukanya.

UC browser << Download >>

2. Web proxy.

Web Proxy, sebuah layanan dimana kita membuka situs yang diblokir melalu situs tersebut, ada banyak situs web proxy yang tersedia, dan bahkan ada beberapa situs yang diblokir oleh internet provider atau Nawala Project, berikut beberapa Web Proxy yang bisa dicoba:

- http://z-prox.appspot.com/

- http://masokis-proxy.appspot.com/

- http://softslip.appspot.com/

- http://anonymouse.org

- http://proxybrowsing.com

- http://w3privacy.com

- http://ninjacloak.com

- http://the-cloak.com

- http://shadowsurf.com

- http://proxify.com

3. IP Proxy.

Cara lainnya bisa juga dengan mengatur IP Proxy pada Web Browser, jika kamu menggunakan Mozilla Firefox, maka untuk pengaturan IP Proxy pada menu “Option” > “Advanced” > “Network” > “Connection” pilih “Setting” > “Configure proxies to access the internet” pilih yang “Manual proxy configuration” lalu isikan IP dan Port Porxy nya, berikan tanda centang pada “Urge this proxy server for all protocols”. > OK > OK.

Untuk test : Coba akses Google, dan apakah IP Proxy berjalan dengan lancar, jika iya, silahkan membuka situs yang diblokir. Jika IP Proxy tidak berjalan dengan lancar, silahkan cari IP Proxy lainnya.

Berikut beberapa situs yang menyediakan IP Proxy gratis:

- http://spys.ru/free-proxy-list/ID/

- http://nntime.com/proxy-country/Indonesia-01.htm

4. DNS PC

Cara lainnya selain yang di atas adalah mengganti DNS PC yang sobat miliki, situs-situs yang tidak bisa diakses merupakan hasil penyaringan melalui DNS tiap koneksi internet, antara lain DNS Nawala Project, DNS Indosat, dan lainnya.

Selesai sudah Bagaimana Cara Membuka Situs Web Porno Yang Di Blokir Operator untuk sobat nikmati berselancar dengan bebas semoga hari hari sobat penuh dengan keriangan di hati karena solusi sudah terbuka.... happy blogging.

Merubah Ukuran File Gambar Gif Animasi

SHADOWS || Kembali saya akan share di siang ini software Merubah Ukuran File Gambar Gif Animasi, sebagaimana dengan judul tersebut sobat pasti sudah mengetahui untuk apa kegunaan software tersebut yaitu untuk memperkecil sebuah gambar atau memperbesarkan gambar tersebut. Dan untuk Cara Merubah Ukuran File Gambar Gif Animasi, bisa sobat lihat screnshot di bawah ini.

Bentuk gambar software asli sebagai berikut:

<< Download >>

Download sofware Gif Resizer ini sudah bisa langsung di gunakan tanpa instal.

Ikuti langkah langkah yang sudah saya beri lingkaran merah di gambar tersebut:

1. Klik di bulatan no,1 untuk memilih gambar animasi yg akan di resize
2. Di bulatan no,2 Tulis nama baru gambar animasi lalu klik untuk menempatkan file animasi.
3. Bulatan no,3 ukuran untuk merubah lebar gambar.
4. Bulatan no,4 Ukuran untuk merubah tinggi gambar.
5. Bulatan no,5 Mempertahankan aspect rasio sesuai aslinya.
6. Bulatan no,6 untuk menghasilkan gambar animasi dengan kualitas terbaik.

Setelah semuanya telah di lakukan klik Resize.
Selesai

Semoga para sobat bisa menggunakan software Bagaimana Cara Merubah Ukuran File Gambar Animasi sobat ini dengan baik

Saturday, 27 April 2013

Humor Suami Istri

SHADOWS || Kita relax ya gak sob jangan tegang tegang amat hehehee... Ini ada sebuah Humor Suami Istri yang menurut saya relevan.

Cerita Humor Suami Istri

Begitulah semoga Untuk Cerita Humor Suami Istri sobat tertawa sebelum tertawa itu di tilang... wkwkwk.

Icon Pada Label Dan Link Sidebar

SHADOWS || Nah sekarang saya akan memberikan tips dan trik Bagaimana Icon Pada Label Dan Link Di Sidebar, mungkin sobat newbie akan bertanya apa itu link dan label di sidebar? Label adalah hasil dari postingan para sobat yang diberikan titel atau label agar memudahkan untuk pencarian di search engine dan tentunya untuk para pembaca blog sobat juga, Link sidebar adalah link yang otomatis berada di sidebar misalkan sobat memakai popular post tanpa gambar atau thumbnail nah itulah sedikit penjelasan dari saya semoga di mengerti untuk sobat newbie. Nah marilah kita simak selanjutnya, Icon ini bisa bermacam-macam. Pertama sekali anda harus sudah menyimpan icon pada image hosting anda. Misalnya di tiniypic.com,photobucket.com atau tempat tempat hosting gambar lainnya. Contohnya icon panah hijau punya saya dengan alamat penyimpanan seperti ini:

http://i35.tinypic.com/2n03mgz.jpg

Nah icon tersebut bisa sobat ganti dengan icon milik sobat tentunya yang tersimpan hosting, untuk selanjutnya sobat cari kode seperti ini .sidebar li di edit HTML,

.sidebar li {
border-bottom:1px dotted #cccccc;
margin:0;
padding:0 0 .25em 17px;
line-height:1.2em;
}

Mungkin ada perbedaan pada template, fokus saja kode .sidebar li { yang merupakan kode pada daftar link di sidebar. Kemudian tambahkan alamat icon sobat di bawahnya. Misalnya dengan alamat icon punya saya tadi. Sehingga hasilnya seperti ini :

.sidebar li {
background:url("http://i35.tinypic.com/2n03mgz.jpg") no-repeat 0px .20em;
border-bottom:1px dotted #cccccc;
margin:0;
padding:0 0 .25em 17px;
line-height:1.2em;
}

Lalu klik tombol Simpan Template dan lihat hasilnya. Jika tidak ada masalah, hasilnya akan seperti gambar di bawah ini :

Di sebelah kiri daftar link dan label akan ada icon panah kecil. Oke selamat menambahkan Cara Bagaimana Icon Pada Label Dan Link Sidebar agar ada icon tertentu, nah semoga berhasil sobat membuatnya.. happy blogging

Cara Mengganti Bullet List Di Postingan

SHADOWS || Untuk melengkapi postingan saya agar penuh dan mengejar target, pada pagi ini saya akan share kembali untuk mempercantik dikala sobat membuat postingan agar tidak selalu monoton membuat artilek dengan Cara Mengganti Bullet List Di Postingan sobat. Sebenarnya sangat gampang sekali sobat lihat di bawah ini.

Ini adalah bentuk asli dari bawaan blogger yang berbentuk bintik hitam:

Sebenarnya tidak jelek jelek sekali menurut pengamatan saya, tetapi yaitu yang saya sebutkan diatas tadi monoton. Nah marilah kita mulai dengan Bagaimana Cara Mengganti Bullet List Di Postingan dengan mengikuti langkah dibawah ini.

Sign In di blogger.com
Pada Menu drop down, pilih template
Klik tombol Costumize
Sobat blogger akan di bawa ke laman Blogger Template Designer
Klik Advanced dan pilih Add CSS

1. Lalu copy paste kode dibawah ini:

.post ul li {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwIABw92HL-Se9Sao0pKUK6ebxUwnEMZ49z52v1Pw40c18kfiBiGYKPQIuuUNNrZyhDg15mmDk1oQGLCE2qbf-30BlE2Mfxt1E8P9oRncFVttLSqmmV6Jl_fNGL_VfPuKRjKoxLwstmcY/s400/255.gif');
}

Terakhir klik tombol apply to blog.

Refresh atau Reload blog sobat blogger untuk melihat hasilnya. Kode CSS di atas akan menampilkan Bullet List seperti gambar yang ada dibawah ini:

Jika sobat ingin bentuk yang lain saya ada sediakan beberapa bentuk silahkan sobat coba.

2. Bentuk bullet gambar panah:

.post ul li {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkzUbnVHV1Gbi92T3KrsBrdg4MlsSSgmZyiJeVZ3HG_WVPNsMcEYRoxPFOX83LKgs1MJONuMCjiSWgYWXkH0JaIGhKuPn2Cmk6J0yQsoVZ6Sud84eMmQhFplnsjqMHS4-Wr0wjGJhyd9tb/s1600/bullet_blue_arrow.png');
}

3. Bentuk bullet gambar rumah:

.post ul li {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT6G5UWk2Ffo6pqmyXWEEp6T5SVr6SECdrmdhYzM_luTQA_oB3w6ih8l9o7M8Uea_HT774nAuZbiCqc9uTCajUdfwU4Hbfg2iZjrXIFk87gdMHsfnEOK7X5RmS0qSRJIB6E9Rinyx2Kzst/s1600/bullet_home.png');
}

4. Bentuk bullet gambar centang:

.post ul li {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFn0qP8HTNzqoLL5fvHNJDPk0UNjMCbjpEy_LXSFH0af_MDZPD6Vdr_PMQXdv-42ogE7cFYvPO96FUempdyPZ2wRROFvOY-fT3_LtRBe3OsQA60DCvllybYPQ7ZzUgEnYwi69eXn0_sxLr/s1600/bullet_tick.png');
}

5. Bentuk bullet gambar bintang:

.post ul li {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZNYvgnvk7T0XXwDx4tN3eJJ03jc_W4dBrKhFenoTGChTv0cGm-kaUHQGXBVoMXgXxgDfQsuTkyZpgLrOrNwDa1ms8BLVlhCEumszE34ic0qAr7i67J3kr5YYEtw49AugKMROCHb3rUWU/s1600/star_bullet.png');
}

6. Bentuk bullet gambar love:

.post ul li {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU01LofcHsN0LsbwAh3kgQH_LXczi_oivQLaS68_sFDTm9tEHr0s6RSfMNqh9u7BB4TdZPA8xZSZexZT9GaDzVGtHmUaE2OGcpzWJyuwC6T9Fml84j5FMiEwxmgixD8kSHRXtAZQFS8gE/s1600/Love+icon.png');
}

7. Bentuk bullet gambar plus

.post ul li {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi901brFLkE-V6NbjUEFdUI1tT1Ri77pgPQh1gIiYD51EPgWp8DLzmeONmPRl5oU261O25cbI4GsSe6HkKX2mwcJt64srO9WvlnWOb5gvjIX-Zar8rChuxmOmORCHMJhzsjr5dup7TQZlo/s1600/Green+plus.png');
}

Nah selesai sudah Untuk Bagaimana Cara Menganti Bullet Liat Di Postingan semoga bermanfaat untuk sobat semua.

Friday, 26 April 2013

Agar Link Berwarna Warni

SHADOWS || Agar Link Berwarna Warni sungguh indah bukan jika kursor sobat tepat diatas link akan muncul warna warni yang bagaikan hidup. Mau tahu Cara Agar Link Berwarna warni di blog sobat. Sobat hanya copy paste script di bawah ini.

1. Login ke Blogger
2.Pada Dashboard pilih Design >> Page elements >> Add a Gadget(Tambah Gadget) Pilih HTML/Javascript
4.Masukan Kode script dibawah ini:

<script src="http://bloggerblogwidgets.googlecode.com/files/Rainbow_Colors_Way2blogging.js" type="text/javascript"></script>

Lalu save

Nah gampang bukan caranya Bagaimana Cara Agar Link Berwarna warni di blog sobat.. happy blogging

Cara Membuat Kotak Scrol Di Postingan

SHADOWS || Malam sobat sepertinya share saya kali ini sudah banyak yang mengetahui dan membuatnya cukup simple, tapi tidak masalah mungkin banyak newbie yang baru belajar ngeblog yang belum begitu paham dan mengerti. Cara Membuat Kotak Scrol Di Postingan ini saya rasa cukup sederhana sekali. Jadi sobat gampang mengerti nah marilah kita lihat di bawah ini ok sob.

1. Copy kode di bawah ini kedalam postingan sobat. Ingat sobat jangan di Compose tetapi di HTML.

<span><span style="font-style: italic;"><span style="font-style: italic;"><div style="height: 100px; width: 400px; font: 16px/26px Georgia,Garamond,Serif; overflow: scroll;"> Masukan tulisan atau gambar disini</div>

Tulisan Berwarna merah 16px/26px Adalah besar ukuruan Font,dan bisa anda ganti dengan ukurun yang anda mau.

Tulisan Berwarna Biru Masukan tulisan atau gambar disini Adalah tulisan yang anda ingin posting.

Misalkan saya akan memasukan kata atau tukisan sebagai berikut:

"Membuat kotak scroll di dalam posting, salah satu kegunaannya apabila posting pada blog terlalu panjang bisa kita masukkan post ke dalam kotak scroll agar dapat meminimalkan tempat pada posting."

Cara nya cukup simple, Copy dan Paste kode di bawah ke dalam postingan anda..
pada tulisan warna biru, silahkan masukkan tulisan atau gambar yang ingin anda masukkan.

Maka akan seperti ini:

"Membuat kotak scroll di dalam posting, salah satu kegunaannya apabila posting pada blog terlalu panjang bisa kita masukkan post ke dalam kotak scroll agar dapat meminimalkan tempat pada posting."

Nah begitulah Bagaimana Cara Membuat Kotak Scrol Di Postingan untuk para sobat semoga bermanfat bagi sobat blogger yang baru ngeblog.. happy blogging

Thursday, 25 April 2013

Copy Paste Artikel Yang Di Kunci

SHADOWS || Kali ini saya akan memberikan Cara Copy Paste Artikel Yang Di Kunci untuk kita muat atau masukan ke dalam blog kita, itu mungkin artikel yang bermanfaat atau tutorial yang rumit. Apa lagi sobat newbie yang baru mengenal ngeblog sungguh rumitkan tetapi jangan putus asa sob ini ada caranya buat para newbie, copy paste itu lumrah tetapi harus ingat sobat....!! tidak ada salahnya kita cantumkan si pembuat artikel atau tutorial untuk menghargai seseorang hanya itu pesan saya nah inilah contoh gambar di bawah ini:

1. Coba sobat klik ALT+T+O, maka akan terlihat seperti gambar ini:

2. Kemudian hilangkan semua centang yang saya lingkar merah gambar diatas.
3.Lalu klik OK.
4. Reload atau refresh page yang akan sobat copy artikelnya.
5. Setelah reload atau refresh coba sobat drag atau block artikel tersebut.

Selanjutnya: jangan lupa untuk mengembalikan setting (centang kembali) settingan di atas setelah anda mengcopy artikelnya.mudah bukan..!!
Nah itulah Bagaimana Cara Copy Paste Artikel Yang Di Kunci semoga bermanfaat untuk sobat newbie.

Wednesday, 24 April 2013

Cara Daftar Di Account Technorati

SHADOWS || Cara Daftar Di Account Technorati, Artikel ini sebagai salah satu syarat agar terverifikasinya akun kita di Technorati dan sebagai informasi bagi para blogger untuk meningkatkan backlink melalui technorati. Bagi kebanyakan blogger, service ini mungkin sudah sangat dikenal. Sedangkan bagi blogger pemula seperti saya, service ini mungkin harus diketahui dan digunakan.

Berdasarkan informasi Bagaimana Cara Daftar Di Account Technorati dari beberapa sobat blogger, dan dari isi menu technorati, dapat di ambil empat point penting yang menunjukkan apakah technorati itu. Yaitu technorati sebagai Blog/RSS directory, technorati sebagai blog search engine (khusus blog), technorati sebagai online borkmarking dan mungkin technorati sebagai tag aggregator. Disini kita ketahui bahwa technorati merupakan service yang berfokus pada blog. Jadi sebagai seorang blogger, sangat disayangkan jika tidak mengetahui hal ini.

Dengan menggunakan service ini, blog kita akan dicrawl dan disimpan dalam data blog technorati, import otomatis RSS feed blog kita, deteksi tag-tag, juga link dari blog lain menuju blog kita. Lagi-lagi menyangkut masalah backlink (Link popularity) dan rangking blog di Google atau search engine.

Fokus kali ini adalah kepada cara mendaftar dan claim blog di technorati. Dan berikut ini adalah proses daftar technorati, hingga selesai proses validasi code token technorati:

Pertama Anda harus membuat account terlebih dahulu, buka link pendaftaran disini!

Lengkapi datanya dengan baik, gunakan email yang aktif, dan jangan lupa isi captcha dan isi centang agreement-nya, lalu klik “Join” Untuk melakukan aktifasi, sekarang buka email yang Anda gunakan untuk mendaftar tadi Buka email dari technorati dan klik link aktifasinya, Setelah account Anda aktif, cari dan klik “sign in” untuk masuk ke halaman profil dan selanjutnya melakukan claim blog.

Sudah masuk? sudah isi username dan password dengan benar? Jika sudah, sekarang masuk ke halaman profile dengan klik pada link nama (account) Anda disamping photo profil.

Mulai claim blog, dibawah profil Anda, isikan url blog pada Start a blog claim, isikan misalnya http://shadows-.blogspot.com, lalu klik “Claim”

Halaman selanjutnya, isi formulir dengan benar,

Blog tittle: isi dengan tema blog Anda, misal blog ini temanya adalah “Tutorial, tips dan trik, artikel”

URL: alamat blog, misal http://shadows-k.blogspot.com/Feed: rss feed blog, boleh alamat default seperti http://shadows-k.blogspot.com/feeds/posts/default, atau service pihak ketiga semisal feedburner,

Linking blogs: disini dapat dicantumkan tiga blog yang memiliki link menuju blog Anda, boleh tidak diisi, Site description: keterangan blog, sesuaikan dengan tema blog,

Site categories: beri tanda centang pada kategori yang sesuai dengan blog Anda, Anda dapat memilih lebih dari satu kategori,

Site tags: isi setiap sel dengan kata kunci yang berhubungan dengan isi blog Anda. Bisa satu kata maupun lebih per selnya.

Lalu klik “Proceed to next the step”Pada halaman selanjutnya, yaitu halaman blog claim status, klik tombol “Return to profile” Lihat di bawah profil Anda, sekarang blog Anda sudah terdaftar, hanya saja masih dibutuhkan verifikasi kode token. Oleh karena itu, untuk mulai claim token, klik “Check Claim” di bawah gambar thumbnail blog Anda.

Dihalaman selanjutnya dapat Anda lihat teks dengan latar biru, yaitu kode seperti ini EU9Q2ACGVSWX atau bisa dicek di kotak masuk email Anda (Kode Token Setiap Blog Berbeda), adalah kode token yang harus kita tulis di halaman blog kita.

Posting sebuah artikel yang berisi kode token Anda, lalu publish. Postingan terserah, bisa halaman kosong hanya berisi kode token atau sekalian artikel seperti yang sedang Anda baca ini. Boleh kok copy paste asal dituliskan link sumber ke halaman ini.

Setelah yakin postingan itu terpublikasi, sekarang klik tombol “Verify Claim Token” pada halaman claim technorati, dan lihat hasilnya.

Demikian artikel Tentang Bagaimana Cara Daftar Di Account Technorati dan claim blog di technorati, Semoga berhasil dan bermanfaat buat kita semua!!

Kode claim technorati saya : EU9Q2ACGVSWX

Sumber artikel : http://www.fianetmu.com/2013/03/cara-daftar-dan-claim-technorati.html

Tampilan Facebook Warna-Warni

SHADOWS || Pagi sobat blogger kita ketemu lagi hehehe.... Di pagi ini saya akan share sebuah tips atau trik bagi pengguna handphone Tampilan Facebook Warna-Warni bagaimana sukakan dari pada tampilan yang monoton dari bawaan facebok sendiri membosankan bukan, nah mari kita lihat cara kerjanya cukup gampang lihat di bawah ini.

Sobat harus gunakan browser dari OPERAMINI

Seperti biasa sobat login ke FACEBOOK dengan browser OPERAMINI, dan copy paste code javascript di bawah ini:

javascript:i=0;c=["#00AF00","#C00000","#0000DF","#00CF00","#DF00A0","orange","#00F0E0","#7000BF","#F0F8FF","#FAEBD7","#00FFFF","#7FFFD4","#F5F5DC","#FFE4C4"];a=document.links;setInterval('i++;a[i%document.links.length].style.color=c[i%c.length]',1);void(0);alert("www.tb4all.blogspot.com")

Lalu paste/tempel di browser operamini sobat seperti contoh di bawah ini:

Kalau sudah di Paste/Tempel di browser opminmu,langsung saja Klik Kunjungi/Ok dan lihat hasilnya seperti ini:

Nah gambar di atas ini berarti Facebookmu sudah warna-warni dengan tekan Ok seperti petunjuk di atas.
ini gambar-gambar yang lainya di beberapa letak Facebook:

Ini kolom pemberitahuan/notif:

Ini kolom bookmark:

Nah saya rasa cukup sudah Cara Tampilan Facebook Warna-Warni dengan screnshot yang saya berikan, masa masih tidak jelas kebangetan kali yeeee.... hehehe...

Itulah share saya di pagi ini Bagaimana Cara Tampilan Facebook Warna-Warni, untuk para sobat semoga online sobat bisa dimana saja dengan tampilan facebook berbeda dengan yang lain.

Sumber artikel : http://tb4all.blogspot.com/2013/01/cara-membuat-tampilan-facebook-warna.html

Sunday, 21 April 2013

Template Toko Online Dengan Shopping Cart

SHADOWS || Selamat pagi para sobat blogger..!! Semoga sobat semua sehat sehat bukan, nah di pagi hari ini saya akan share sebuah template lagi sambil di temani oleh secangkir kopi dan rokok sisaan semalam heheehe... Template Toko Online Dengan Shopping Cart, yang pada sebelumnya saya sudah share juga tetapi tanpa cart yang tersemat di template tersebut sobat bisa lihat di Template Toko Online Tanpa Shopping Cart. Nah sobat ingin tahu Bagaimana Template Toko Online Dengan Shopping Cart tersebut? sebetulnya fitur dan bentuk sama hanya perbedaan di Shopping Cartnya saja, marilah kita lihat demonya di bawah ini:

DEMO DOWNLOAD

Untuk fitur dari template ini silahkan lihat kembali di Template Toko Online Tanpa Shopping Cart.

Fitur shopping cart:

Fitur Shopping Cart disini digunakan untuk memudahkan pengelola toko online dalam transaksi via Paypal. Tapi karena Paypal belum menerima pembayaran Rupiah, jadi setting untuk currency masih dalam dollar. Untuk mengganti akun Paypal yang terdapat pada blog demo ini dengan akun Paypal Anda, cari kode dibawah ini :

<script type='text/javascript'>
simpleCart.email = "johnytemplate@gmail.com";
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;
simpleCart.taxRate = 0.02;
simpleCart.shippingFlatRate = 3.25;
simpleCart.shippingQuantityRate = 1.00;
simpleCart.cartHeaders = ["thumb_image" , "Quantity_input" , "Total", "remove" ];
</scrip

Ganti email warna merah diatas dengan email Anda (email yang sudah didaftarkan di Paypal)

Nah saya rasa selesai sudah, Cara Bagaimana Template Toko Online Dengan Shopping Cart ini saya share ke pada para sobat semoga bermanfaat untuk membuka toko online yang sobat kelola.

NB:
UNTUK PARA SOBAT YANG INGIN TERAPKAN ATAU MEMAKAI TEMPLATE INI DI PERSILAHKAN, TETAPI SOBAT HARUS INGAT...!!! JANGAN HILANGKAN KREDIT LINK DI BAWAH SEBELAH KANAN, HARGAILAH HASIL KARYA SESEORANG, JIKA SOBAT INGIN DI HARGAI, SEBELUMNYA BELAJARLAH HARGAI ORANG LAIN DAHULU TERIMAKSAIH....
Sumber article : http://www.maskolis.com/2012/09/5-template-hasil-modifikasi.html

Saturday, 20 April 2013

Template Simple Dan Cukup Ringan

SHADOWS || Hadeuhh... mata belum ngantuk sob, iseng lihat lihat blog tetangga ehh.. ada yang bisa di share nih. Ya sudah langsung saja saya share sob buat nambah nambahin postingan saja sih lumayankan sob. Ini dia sob Sebuah Template Simple Dan Cukup Rimgan, hasil buah karya dari MASKOLIS homepagenya manis sob cieeee.. gula xxxx.... hehehee... Ok lihat sob screenshot di bawah ini.

DEMO DOWNLOAD

Nah mantapkan sob bentuk homepage template Johny Ganteng Banget ini, pada Bentuk Sebuah Template Simple Dan Cukup Ringan dalam katagorie Cool ( ini menurut saya loh ). Pada template ini tidak banyak fitur yang bisa di ulas tetapi sobat hanya ada dua fitur yang harus diperhatikan.

1. Reply Comment
Untuk mengaktifkan fungsi reply pada komantar pada template ini, ganti Blog ID pada template ini pada Edit HTML (jangan lupa centang expand widget template) : 149656394876047094 setelah ketemu ganti dengan blog ID anda.

2. Recent Post
Terdapat pada sidebar kanan paling atas, cara pasanganya, masuk ke Layout kemudian pilih
HTML/Javascript kemudian masukkan kode berikut ini ke dalamnya :

<style type='text/css'>#mas-terbaru{border:1px solid #585858;width:100%;margin:0 auto} #terbaru{margin:0px} .mas-elemen{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px} .mas-elemen img{background:#999;padding:4px;float:left;height:70px;margin-right:8px;width:70px} .mas-elemen h6,.mas-elemen h6 a{font-size:12px!important;font-weight:700!important;margin:0;color:#111} .mas-elemen:hover{background-color:#c3c3c3} .mas-elemen p{font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0} #mas-loading{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:#141414 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5ZnRYpn5_q9JQE4EaFcE-a5FBMQ6GMS6dkaCOlilQKKk-Azh6ROiPPP86uCr87d8T1SWggH_H06c1JIsFKp1DpmVQKJhTUUb7zz-BkshuQXMgVIt27Fp_v3vhrxMrLXKzkXP8-kMtkSk/s1600/loading.gif) no-repeat 50% 50%;height:470px;border:1px solid #c3c3c3} #mas-navigasifeed{border:1px solid #c3c3c3;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0px} #mas-navigasifeed:hover{background-color:#c3c3c3} #mas-navigasifeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px} #mas-navigasifeed span{padding:5px 10px} #mas-navigasifeed .next{float:right} #mas-navigasifeed .previous{float:left} #mas-navigasifeed .home{text-align:center} #mas-navigasifeed a:hover,#mas-navigasifeed span.noactived{color:transparant!important} </style><script type='text/javascript'>//<![CDATA[ var numfeed = 5; var startfeed = 0; var urlblog = "http://johny-gantengbanget.blogspot.com/"; var charac = 100; var urlprevious, urlnext;  function maskolisfeed(johny,banget){ var showfeed = johny.split("<"); for(var i=0;i<showfeed.length;i++){ if(showfeed[i].indexOf(">")!=-1){ showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(">")+1,showfeed[i].length); } } showfeed =  showfeed.join(""); showfeed = showfeed.substring(0,banget-1); return showfeed; } function showterbaru(json) { var entry, posttitle, posturl, postimg, postcontent; var showblogfeed = ""; urlprevious = ""; urlnext = ""; for (var k = 0; k < json.feed.link.length; k++) { if (json.feed.link[k].rel == 'previous') { urlprevious = json.feed.link[k].href; } if (json.feed.link[k].rel == 'next') { urlnext = json.feed.link[k].href; } } for (var i = 0; i < numfeed; i++) { if (i == json.feed.entry.length) { break; } entry = json.feed.entry[i]; posttitle = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } if ("content" in entry) { postcontent = entry.content.$t; } else if ("summary" in entry) { postcontent = entry.summary.$t; } else { postcontent = ""; } if ("media$thumbnail" in entry) { postimg = entry.media$thumbnail.url; } else { postimg = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcog9qCYL5wF8rYK8juAujcgRLdUMWOsWfbUmY3Xmjzdq_-q8D0GSxrvdOT3fmkMKlQzsMgeX6B2zmkzyZDp8Iawm1UE1tLSTVlCQ4mGafafcUXHymBF8tf3YgAySF3lnidHxlOqIo2bM/s1600/no+image.jpg"; } showblogfeed += "<div class='mas-elemen'>"; showblogfeed += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>"; showblogfeed += "<h6><a href='" + posturl + "'>" + posttitle + "</a></h6>"; showblogfeed += "<p>" + maskolisfeed(postcontent,charac) + "...</p>"; showblogfeed += "</div>"; } document.getElementById("terbaru").innerHTML = showblogfeed; showblogfeed = ""; if(urlprevious) { showblogfeed += "<a href='javascript:navigasifeed(-1);' class='previous'>◄ Previous</a>"; } else { showblogfeed += "<span class='noactived previous'>◄ Previous</span>"; } if(urlnext) { showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>Next ►</a>"; } else { showblogfeed += "<span class='noactived next'>Next ►</span>"; } showblogfeed += "<a href='javascript:navigasifeed(0);' class='home'>Home</a>"; document.getElementById("mas-navigasifeed").innerHTML = showblogfeed; }  function navigasifeed(url){ var p, parameter; if(url==-1) { p = urlprevious.indexOf("?"); parameter = urlprevious.substring(p); } else if (url==1) { p = urlnext.indexOf("?"); parameter = urlnext.substring(p); } else { parameter = "?start-index=1&max-results=" + numfeed + "&orderby=published&alt=json-in-script" } parameter += "&callback=showterbaru"; incluirscript(parameter); } function incluirscript(parameter) { if(startfeed==1) {removerscript();} document.getElementById("terbaru").innerHTML = "<div id='mas-loading'></div>"; document.getElementById("mas-navigasifeed").innerHTML = ""; var archievefeed = urlblog + "/feeds/posts/default"+ parameter; var terbaru = document.createElement('script'); terbaru.setAttribute('type', 'text/javascript'); terbaru.setAttribute('src', archievefeed); terbaru.setAttribute('id', 'MASLABEL'); document.getElementsByTagName('head')[0].appendChild(terbaru); startfeed = 1; } function removerscript() { var elemen = document.getElementById("MASLABEL"); var parent = elemen.parentNode; parent.removeChild(elemen); } onload=function() { navigasifeed(0); } //]]></script><div id="terbaru"></div><div id="mas-navigasifeed"></div>

NB:
UNTUK PARA SOBAT YANG INGIN TERAPKAN ATAU MEMAKAI TEMPLATE INI DI PERSILAHKAN, TETAPI SOBAT HARUS INGAT...!!! JANGAN HILANGKAN KREDIT LINK DI BAWAH SEBELAH KANAN, HARGAILAH HASIL KARYA SESEORANG, JIKA SOBAT INGIN DI HARGAI, SEBELUMNYA BELAJARLAH HARGAI ORANG LAIN DAHULU TERIMAKSAIH....Sumber article original : http://www.mastemplate.com/2012/08/johny-ganteng-banget.html

Friday, 19 April 2013

Template Toko Online Tanpa Shopping Cart

SHADOWS || Selamat pagi sobat sudah pada ngopi belum..!! Nah sambil ngopi yuk kita lihat lihat Bagaimana Template Toko Online Tanpa Shopping Cart, yang akan saya share di pagi hari ini. Tampaknya cerah ni hari ini ya sob..??? Mau tahu siapa si pembuat template ini bukan..!! yang pasti bukan sayalah hehehehe... nah beliau adalah MASKOLIS si pembuat template ini. Oke sekarang kita lanjutkan share mengshare Cara Bagaimana Template Toko Online Tanpa Shopping Cart ini bentuknya dan lihat demonya, Nah lihat dibawah ini ya sob.

JOHNY GANTENG STORE:

DEMO DOWNLOAD

JOHNY JOSS MOBILE PHONE:

DEMO DOWNLOAD

Tidak ada fitur khusus pada kedua template ini, slider yang di pasang otomatis menampilkan postingan terbaru sobat. Untuk membuat sebuah postingan yang perlu sobat lakukan hanya menambahkan kode di bawah ini di awal setiap postingan pada posisi Edit HTML bukan compose. Jika sobat tidak ingin repot atau takut ribet mengingatnya, mungkin juga takut lupa. Nah sobat bisa membuat permanen dengan cara, masuk Setting >> Comment and Post >> lalu klik Template Entry, lalu masukan kode dibawah ini:

<span class="item_price">Rp 1.000.000,00</span>

Ganti harga warna merah diatas dengan harga sobat tentunya dan setelah kode diatas, silahkan sobat menulis artikel atau deskripsi barang maupun upload gambar seperti biasanya. Kedua template ini juga saya tambahkan fitur tooltip image otomatis pada setiap gambar di homepage (arahkan mouse sobat ke salah satu gambar). Dan untuk mengaktifkan fungsi reply pada kotak komentar cari ID blog masing-masing template ini dan ganti dengan ID blog sobat sendiri. Untuk Johny Ganteng Store ID blognya : 9133655087310583622 dan untuk Johny Joss Mobile Phone ID blognya : 6923142428765575685.
Jika Anda ingin mengupload gambar, disarankan untuk memilih gambar yang persegi panjang dengan ukuran pixel lebih besar lebih bagus, contoh seperti gambar dibawah ini :

Fitur shopping cart disini saya ganti dengan form order barang tombolnya sudah saya sediakan di bawah setiap post di homepage. Untuk membuat form order seperti pada demo kedua template ini, tentunya sobat harus membuatnya terlebih dahulu pada situs-situs layanan form online misalkan di EmailME. Disini saya memakai Google Docs, karena layanan form ini buatan Google mungkin tidak terlalu menghambat dalam proses loading blog. Setelah sobat membuat form order, langkah selanjutnya adalah membuat halaman statis (pages), buka New Pages kemudian copy paste kode dari Docs Google (mana ya yang bener, Google Docs apa Docs Google...???) ke dalam postingan terserah mau dikasih judul apa. Untuk contohnya bisa diklik tombol order yang ada di bawah gambar.

Setelah halaman order Anda sudah jadi, arahkan link dari halaman statis order anda ke dalam link order yang ada di Edit HTML, caranya seperti dibawah ini :

1. Untuk Johny Ganteng Store, cari kode ini di Edit HTML jangan lupa untuk centang Expand Widget
Templates :

<input class='order' onclick='window.location='http://johny-gantengstore.blogspot.com/p/sample-page-no-image.html'' type='button' value='Order'/>

Ganti URL warna merah diatas dengan URL halaman order yang sudah sobat buat.

2 Untuk Johny Joss Mobile Phone, cari kode berikut di Edit HTML jangan lupa untuk centang Expand
Widget Templates :

<a class='item_add' href='http://johnyjoss.blogspot.com/p/sample-page-no-image.html'>Order</a>

Ganti URL warna merah dengan URL halaman order sobat.

Nah selesai sudah fitur fitur yang ada di Template Toko Online Tanpa Shopping Cart ini saya rasa sudah cukup jelas jika masih kurang jelas baca ulang lagi ya sob. Atau komentar di bawah ini, bisa juga langsung menuju sumbernya.

NB:
UNTUK PARA SOBAT YANG INGIN TERAPKAN ATAU MEMAKAI TEMPLATE INI DI PERSILAHKAN, TETAPI SOBAT HARUS INGAT...!!! JANGAN HILANGKAN KREDIT LINK DI BAWAH SEBELAH KANAN, HARGAILAH HASIL KARYA SESEORANG, JIKA SOBAT INGIN DI HARGAI, SEBELUMNYA BELAJARLAH HARGAI ORANG LAIN DAHULU TERIMAKSAIH....

Sumber article original : http://www.maskolis.com/2012/06/2-template-toko-online-semrawut-tanpa.html

Monday, 15 April 2013

Template Cara Gampang Modifikasi

SHADOWS || Nah.. kita bertemu lagi nie sob di pagi hari hehehe... bagaimana sudah ngopi apa belum..?? Paling enak buka blog sambil ngopi sob, mantap banget sambil baca/liat" blog agan xixixixi...weee.. apa yang mau di share nie ngoceh mulu.. wkwkwk.. iya nie saya akan shere hasil modifikasi sahabatnya MASKOLIS yaitu mas AA SHOLAH beliau telah memodifikasi template JOHNY WUZZ hasil karya dari MASKOLIS itu.. jrenngg.. hasilnya cukup cantik dan sangat pas untuk template berita sob sungguh muantapp...Nama template yang telah beliau share itu adalah CARA GAMPANG MANGAZINE. Mau lihat ok sob saya akan share ya nie lihat dibawah ini:

DEMO DOWNLOAD

Nah itu sob Bagaimana Template Cara Gampang Modifikasi beliau keren bukan..!!

Untuk pengisian slider sobat bisa menggantinya dengan cara:
Layout/Tata Letak, klik Add a Gadget >> HTML/Javascript : Lihat kolom yang berada diatas Blog Post, nah klik edit lihat bawah ini :

<div class='lof-main-wapper' id='slider'>
<div class='slider-main-outer'>
<ul class='slider-main-wapper'>
<script>
document.write("<script src=\"/feeds/posts/default/-/Article?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</ul>
</div>
<div class='slider-navigator-outer'>
<ul class='slider-navigator'>
<script>
document.write("<script src=\"/feeds/posts/default/-/Article?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</ul>
</div>
</div>
<script type='text/javascript'>
jQuery(document).ready(function($){
    $('#slider').lofJSidernews({
        interval:6000,
        duration:800,
        mainWidth: 405,
        navigatorWidth: 200,
        maxItemDisplay:5,
        easing:'easeInOutQuad',
        auto:true,
        isPreloaded: false
    });
});
</script>

Keterangan :
Tulisan warna merah (Article) adalah label yang saya masukkan pada slider. Silahkan diganti dengan label yang ingin ditampilkan.

Untuk memaasang Slider Carousel tinggal cari kode

label1 = "News";

Ganti "News" dengan kategori atau label yg ingin ditampilkan

Lalu save template, selesai sudah Untuk Bagaimana Template Cara Gampang Modifikasi yang saya share di pagi ini semoga bermanfaat bagi sobat semua... happy blogging.

NB:
UNTUK PARA SOBAT YANG INGIN TERAPKAN ATAU MEMAKAI TEMPLATE INI DI PERSILAHKAN, TETAPI SOBAT HARUS INGAT...!!! JANGAN HILANGKAN KREDIT LINK DI BAWAH SEBELAH KANAN, HARGAILAH HASIL KARYA SESEORANG, JIKA SOBAT INGIN DI HARGAI, SEBELUMNYA BELAJARLAH HARGAI ORANG LAIN DAHULU TERIMAKSAIH....

Sumber article original : http://www.maskolis.com/2013/02/cara-gampang-modifikasi-template.html

Friday, 12 April 2013

Template Hitam Yang Menawan

SHADOWS || Malam ini menuju pagi mata belum juga mengantuk, dari pada bengong mendingan posting heheehe.... Nah saya share lagi nie, lagi lagi sebuah template tetapi Template Hitam Yang Menawan ini berbeda sob, kenapa saya bisa bilang berbeda...!!! ya itu ini template di khususkan untuk koleksi film atau video. Mau tau Bagaimana Template Hitam Yang Menawan yang saya share di pagi ini. Oh ya template ini ada namanya sob yaitu Johny Movie Prett antik juga namanya ya sob, nah ini hasil karya dari seorang pembuat template yang tidak asing lagi yaitu MASKOLIS. Yang bagi saya beliau adalah guru yang budiman. ok ke TKP sob.

DEMO DOWNLOAD

Template ini hasil penggabungan dua template yaitu johny tampan dan johny jijay, ini keterangan dari beliau ( bukan saya lho ). Yang di buat khusus untuk koleksi film.

Cara pasang slider:

Untuk mengaktifkan slider yang ada di homepage pada template ini, masukkan kode berikut pada kolom kosong paanjang di bawah header. Masuk ke Layout/Tata Letak >> Add a Gadget pilih HTML/Javascript :

<div class='lof-main-wapper' id='slider'>
<div class='slider-main-outer'>
<ul class='slider-main-wapper'>
<script>
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</ul>
</div>
<div class='slider-navigator-outer'>
<ul class='slider-navigator'>
<script>
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts0\"><\/script>");
</script>
</ul>
</div>
</div>

Cara pasanag widget tab kategori :

Pertama, untuk merubah judul tab (Adventure, Action, Bike Game dan seterusnya) cari kode berikut ini di Edit HTML:

Title1="Adventure";Title2="Action";Title3="Bike Game";Title4="Dress-Up";Title5="Strategy";Title6="Sport Game"

Setelah ketemu ganti tulisan warna biru diatas dengan judul yang ingin Anda tampilkan pada tab view widget kategori.

Kedua, untuk mengisi widget tab view dengan label yang ingin Anda pasang disitu, cari kode berikut pada Edit HTML (jangan lupa centang expand widget templates) :

<div class='tab-wrapper'>
<div class='tabber' id='tab1'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/comedy?max-results="+numposts2+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script></div>
<div class='tabber' id='tab2'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/jazz?max-results="+numposts2+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script></div>
<div class='tabber' id='tab3'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/comedy?max-results="+numposts2+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script></div>
<div class='tabber' id='tab4'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/jazz?max-results="+numposts2+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script></div>
<div class='tabber' id='tab5'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/comedy?max-results="+numposts2+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script></div>
<div class='tabber' id='tab6'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/jazz?max-results="+numposts2+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script></div>
<div class='clear'/>
</div></div>

Ganti semua tulisan warna merah pada kode diatas, dengan label yang ingin Anda tampilkan.

Nah lalu save template.

NB:

UNTUK PARA SOBAT YANG INGIN TERAPKAN ATAU MEMAKAI TEMPLATE INI DI PERSILAHKAN, TETAPI SOBAT HARUS INGAT...!!! JANGAN HILANGKAN KREDIT LINK DI BAWAH SEBELAH KANAN, HARGAILAH HASIL KARYA SESEORANG, JIKA SOBAT INGIN DI HARGAI, SEBELUMNYA BELAJARLAH HARGAI ORANG LAIN DAHULU TERIMAKSAIH....

Sumber artikel original : http://www.maskolis.com/2013/03/artikel-lanjutan-yang-kemarin.html

Monday, 8 April 2013

Template Dua kolom Dengan Slider

SHADOWS || Pagi sob..... Kali ini saya akan share sebuah template yang saya lihat cukup simple tetapi menawan. Template Dua Kolom Dengan Slider, saya rasa para sobat tentunya banyak memakai templet 2 kolom tetapi coba perhatikan ini ada perbedaan sedikit di bawah slider ada sample page untuk para sobat gunakan. Kadangkala sample page ini berguna jika kita mempunya beberapa template.
Nah marilah kita lihat demonya dari Bukan johny template disini.

DEMO DOWNLOAD

Slider

Masukkan kode berikut pada kolom kosong di bawah header. Masuk ke Layout/Tata Letak >> Add a Gadget pilih HTML/Javascript :

<div class='lof-main-wapper' id='slider'>
<div class='slider-main-outer'>
<ul class='slider-main-wapper'>
<script>
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</ul>
</div>
<div class='slider-navigator-outer'>
<ul class='slider-navigator'>
<script>
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</ul>
</div>
</div>

Kode diatas bekerja berdasarkan postingan terbaru.

Widget Komentar
Masukkan kode di bawah ini pada widget sidebar :

<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 30,
characters = 60,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://html-scripts.googlecode.com/files/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://shadows-k.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

Ganti URL warna merah http://shadows-k.blogspot.com dengan URL blog Anda.

Widget random post

<script type="text/javascript">
    var randarray = new Array();var l=0;var flag;
    var numofpost=7;function randomposts(json){
    var total = parseInt(json.feed.openSearch$totalResults.$t,10);
    for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
    if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
    for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
    for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
    document.write(item);}}
    }document.write('</ul>');}
    </script>
    <script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

Angka 7 pada kode diatas adalah jumlah random post yang ditampilkan, silahkan ganti sesuai keinginan.

Nah itulah Cara Template Dua Kolom Dengan Slider yang telah sobat lihat berikut tutorial yang ada di template, semoga bermanfaat bagi sobat semua.

NB:
UNTUK PARA SOBAT YANG INGIN TERAPKAN ATAU MEMAKAI TEMPLATE INI DI PERSILAHKAN, TETAPI SOBAT HARUS INGAT...!!! JANGAN HILANGKAN KREDIT LINK DI BAWAH SEBELAH KANAN, HARGAILAH HASIL KARYA SESEORANG, JIKA SOBAT INGIN DI HARGAI, SEBELUMNYA BELAJARLAH HARGAI ORANG LAIN DAHULU TERIMAKSAIH....

Sumber artikel original : http://www.maskolis.com/2013/02/inilah-template-blogger-super-jelek.html

Thursday, 4 April 2013

Template SEO Friendly Dan Kriteria Cepat

SHADOWS || Tampaknya pagi ini cerah ya sob, moga saja sampai siang nanti gak panas. Sob ini saya akan share satu template yang kriteria cepat, Template SEO Friendly Valid HTML 5 Dan Kriteria Cepat.
Tetapi sangat sederhana yang sudah saya terapkan di blog ini, sobat tinggal edit di beberapa tempat sesuka hati sobat. Agar lebih tampak keren tentunya ya gak sob, ngomong terus dari tadi kapan sharenya heheheehe..!! ok de coba sobat lihat dan test di demo yang sobat lihat, nah cek loadnya bagaimana?? Tenang sobat jangan risau sobat tinggal masuk ke homepage blog ini lihat di menu bar... pasti wusss loadingnya, namanya saja sudah JOHNY WUSS, mantapkan sob..!! Ini demonya ok wusss liaht bawah.

DEMO DOWNLOAD

FITUR:

1. Simple template blogger with elegant look
2. Auto readmore without javascript
3. Fast loading
4. Stylish threaded comment
5. SEO friendly and visitor friendly
6. Sidebar toggle hide and show
7. Navigation menu dropdown
8. Ads ready and many more

Untuk mengganti Feedburner yang ada di bawah setiap postingan, cari kode ini di Edit HTML (jangan lupa centang Expand Widget Templates) :

<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='JohnyTemplate'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='botsub' name='email' onblur='if (this.value == "") {this.value = "Enter your email";}' onfocus='if (this.value == "Enter your email") {this.value = "";}' type='text' value='Enter your email....'/>
<input id='botsubbutton' type='submit' value='Submit'/><br/>
<small>Your information will not be shared. Ever.</small><br/>
<a href='http://feeds.feedburner.com/JohnyTemplate'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/JohnyTemplate?bg=0F61CB&fg=222222&anim=1' style='border:0' width='88'/></a>
</form>

Tulisan warna merah diatas adalah ID feedburner dari demo template, silahkan Anda ganti dengan ID feeburner blog Anda.

Itu tadi artikel Tentang Template SEO Friendly Dan Kriteria Cepat yang saya bagikan pada pagi ini, jika Anda berminat silahkan dipakai dan jika ada yang kurang jelas silahkan masuk KESINI

Bukti Template ini SEO:

Lihat hasil pencarian di google search untuk blog ini yang memakai JOHNY WUSSS.

1. Pada kotak merah bagian atas memang page/ halaman yang ke 2, tetapi sobat lihat lagi total hasil pencarian ada berapa..?? yupzz.. senilai 77.100.000 per 18 detik hasil pencarian google, nilai itu kita bersaing dengan perbandingan 1 : 77.100.00, sakti bukan blog ini hehehe...

2. Pada kotak merah yang bawah itu adalah blog saya yang sekarang sobat gunakan, ini adalah suatu bukti bahwa si pembuat template itu sungguh sakti. beliau adalah bernama MASKOLIS, sebetulnya saya sendiripun merasa kaget dan terkejut tidak habis pikir. Untuk nama blog saya rasa tidak unik atau terkesan aneh di mata google, kenapa saya bisa bilang begitu. lha wong yang memakai nama SHADOWS-K 77 juta mau bagaimana unik atau aneh. Jadi saya mengambil kesimpulan jatuh pada templatenya ini yang bisa mendongkrak untuk mencapai senilai itu.

3. Masih ada satu lagi yang belum lengkap di blog ini lihat saja di bagian menu masih banyak yang belum terisi hehehe... maklum jarang posting sih.. tapi sudah dapat kenaikan kelas wkwkwk.... nah sobat boleh cek juga blog ini, blog ini bersaing dengan ID berbayar misal, COM, NET, ORG, yang saya sudah cek sampai 25 halaman dan nama web papan atas semua cek saja agar lebih yakinkan sobat. ( maksud saya yang memakai blogspot hanya saya seorang ibarat saya nyempil sendirian sama orang orang kaya wkwkwkw )

4. Ini tambahan kali ya, pada page/halaman ke 9 itu postingan saya ada hadir di page/halaman 9 sebanyak 7 postingan.

NB:
UNTUK PARA SOBAT YANG INGIN TERAPKAN ATAU MEMAKAI TEMPLATE INI DI PERSILAHKAN, TETAPI SOBAT HARUS INGAT...!!! JANGAN HILANGKAN KREDIT LINK DI BAWAH SEBELAH KANAN, HARGAILAH HASIL KARYA SESEORANG, JIKA SOBAT INGIN DI HARGAI, SEBELUMNYA BELAJARLAH HARGAI ORANG LAIN DAHULU TERIMAKSAIH....

Sumber artikel original: http://www.maskolis.com/2013/01/inilah-template-johny-seo-dan-cepat.html