esay news

Esay Blogspot news

Membuat Auto Post dari Blog ke FB dan Twitter

Sudah pernah saya tulis, zaman sekarang ini blog harus juga terintegrasi dengan sosial media lain, khususnya yang populer seperti twitter dan facebook. Sudah pada punya akun facebook dan twitter kan? Jika dulu kita sudah belajar menambahkan button tweet dan facebook like. Kali ini kita akan belajar untuk membuat auto post dari blog ke twitter dan facebook. Namanya saja auto, jadi seumpama ada tulisan baru yang kita posting di blog maka akan secara otomatis link (feed) dari tulisan itu akan juga terposting ke twitter dan facebook. :r

Dengan membuat auto post ke twitter dan facebook ini membuat kita tidak perlu ribet memposting secara manual. Keuntungan kita membuat auto post dari blog ke twitter dan facebook tentunya akan bisa diketahui oleh banyak orang khususnya teman atau follower kita, sehingga akan mendatangkan banyak pengunjung ke blog. Intinya akan mempermudah dalam promosi blog. Untuk membuat auto post dari blog ke twitter dan facebook ini kita akan memakai layanan dari dlvrt.it

Cara Membuat Auto Post dari Blog ke Twitter & Facebook
1. Kunjungi http://dlvr.it
2. Silahkan sign up dengan mengisikan email dan password.

3. Setalh klik sign up akan dibawa ke halaman seperti ini.
Masukan FEED blog kita,
misal: http://kurniasepta.blogspot.com/feeds/posts/default

4. Lalu klik icon twitter dan facebook.

5. Sekarang masuk ke akun twitter dan facebook, klik Autorize App untuk Twitter dan klik Ijinkan Untuk Facebook.
6. Untuk facebook ada pilihan FEED blog kita auto post ke profil facebook atau fan page. Pilihlah salah satu. Lalu klik Continue

Sudah deh, sekarang setiap kali kita mengupdate blog dengan postingan terbaru akan segera feed atau tulisan terbaru itu diposting ke twitter dan facebook. :D

Posting Template Toko Online

Meski sudah saya tunjukkan kemarin dengan cukup jelas kelemahan membuat toko online di blogger, tetap saja ada yang memaksa saya untuk membuat tutorial cara membuat toko online di blogger.
Okay deh, karena anda memaksa…
Membuat toko online di Blogger itu cukup mudah, tidak perlu pakai plugins, anda hanya perlu meng-install tema (template) blogger.
Proses listing produk juga relatif mudah. Tentu tidak sesimpel proses listing produk di WooCommerce yang super simpel, tapi tetap cukup mudah karena yang diperlukan hanyalah memasukkan detail produk dalam template HTML yang telah disediakan.
Tanpa pakai banyak bicara, langsung saja deh…

Tutorial Cara Membuat Toko Online di Blogger

Untuk proses pembuatan toko online di blogger atau blogspot ini, akan saya bagi dalam 3 bagian, pertama adalah proses peng-install-an template blogger (blogspot), kedua adalah proses listing produk (menampilkan produk dan detilnya seperti harga dan lain-lain ke dalam toko online), dan ketiga adalah proses sistem pembayaran.

Persiapan: Buat Google Account dan Login Blogger.com

Tentu saja anda harus login dengan membuat akun Blogger terlebih dahulu jika anda ingin membuat toko online di blogger!
Anda bisa dengan mudah membuat akun di Blogger dengan mengikuti video tutorial ini: Video Cara Membuat Akun di Google Account.
Setelahnya, buat blog di Blogger. Lihat tutorialnya di sini: Cara Membuat Blog di Blogger.
Sudah? Lanjut ke langkah selanjutnya…

#1 Meng-Install Template Toko Online Blogger

Anda bisa mencari template blogger gratis yang memang dikhususkan untuk toko online. Di tahap ini, saya asumsikan blog anda sudah jadi dan siap ubah menjadi toko online.
Note: Tutorial ini menggunakan setting bahasa inggris karena saya rasa bahasa Indonesia terdengar aneh untuk tutorial.
Sekarang di Dashboard Blogger anda, klik nama blog anda yang baru saja anda buat.

Setelahnya, lihat bagian bawah, di sidebar. Cari tulisan Template dengan ikon kuas cat. *Maaf tidak ada panah, saya lupa nambahin.

Kemudian, klik di bagian kanan atas, Backup/Restore.

Sampai tahap ini, anda akan melakukan proses upload blogger template. Nah, tentu anda harus punya template toko online nya dulu donk…
Jika anda belum punya template toko online blogger yang bagus, kenalan saya, Rifki Aria Gumelar telah mendesain sebuah template toko online yang cantik dan ciamik, dengan fitur yang cukup lengkap dan canggih untuk kategori toko online blogspot gratisan.
Anda bisa download di website nya Om Agus Ramadhani (yang membantu mempopulerkan theme ini) secara langsung: Blogger Store v2

Atau download di sini: Blogger Store v2 Mirror (server saya).
Setelah itu, ekstrak file ZIP yang baru saja anda download, cari file dengan ekstensi XML (bloggerstore-v2.xml). *Jangan lupa baca read more nya.
Kembali ke dashboard blogger anda, jendela seperti gambar di bawah akan terbuka setelah anda klik Backup/Restore.

Klik Browse dan cari file bernama bloggerstore-v2.xml tersebut, klik Upload.
Jika anda melakukannya dengan benar, anda akan melihat template anda sudah terganti dengan template toko online baru anda yang ciamik. Klik View Site di bagian atas untuk melihat blog (toko online) baru anda.

#2 Menambahkan Produk ke Toko Online Blogger Anda

Okay, template sudah ter-install. Tapi akan terasa ‘hampa’ alias kosongan karena memang belum kita isi apa-apa…
Sekarang waktunya untuk menambahkan produk di toko online Blogger baru kita.
Beruntung bagi anda, sangat mudah untuk menambahkan produk di toko online ini. Klik saja tombol New Post di dashboard anda.

Di halaman Post ini, ganti format penulisan ke HTML.

Kemudian tambahkan produk dalam template HTML yang sudah di sediakan.
Jika anda malas melihat file TEMPLATE POST.txt yang ada di file ZIP yang baru saja anda download, salin saja kode di bawah ini sebagai template HTML produk baru anda.
<div class="item_image">
<img border="0" class="item_thumb" src="image.jpg" />
<span class="item_price">$00.00</span>
</div>
<div class="item_Description">
Descriptions... </div>
Kemudian masukkan data mengenai produk anda sesuai tempat yang seharusnya.
Contoh:
<div class="item_image">
<img border="0" class="item_thumb" src="link ke gambar anda "/>
<span class="item_price">$10.00</span>
</div>
<div class="item_Description">
Tas punggung pink cantik dengan kualitas terbaik, simple dan plain, cocok untuk tas sekolah anak, bla-bla-bla...</div>
Ubah “link ke gambar anda” dengan link beneran yang mengarah ke gambar produk anda. Upload gambar ke Blogger seperti biasa dan salin URL gambar anda ke bagian ini.
“$10.00″ ubah dengan harga produk anda.
“Tas punggung pink cantik dengan kualitas terbaik, simple dan plain, cocok untuk tas sekolah anak, bla-bla-bla…” ubah dengan deskripsi mengenai produk anda.
Selesai? Kini berikan Label, label “Backpack” saya gunakan dalam contoh kasus saya. Kemudian klik “Publish“!
Jika semuanya berjalan lancar, seharusnya anda akan melihat hal yang kurang lebih seperti ini.

Hm… terlihat agak sepi yah…
Tentu saja, karena masih satu produk yang ditambahkan ke toko online anda. Anda harus tambahkan lebih banyak produk lagi agar toko online anda tampak lebih bagus.

Hm… jauh lebih baik.
Saya serahkan proses kustomisasi sepenuhnya pada anda. Ini alasan kenapa saya malas berurusan dengan blogger lagi. Sangat-sangat repot dan tangan harus kotor dengan kode-kode yang saya tidak mengerti. Hahahahaha….

#3 Proses Pembayaran

Ada kelemahan dari toko online Blogger, pertama adalah mata uang tergantung dari mata uang yang didukung oleh PayPal. Benar, toko online kita di atas menggunakan PayPal sebagai proses pembayaran. Yang artinya tidak support mata uang rupiah untuk sementara ini.
Bisakah jika kita ingin menjual produk dengan mata uang rupiah? Bisa. Tapi tak ada proses checkout untuk anda. Dan setahu saya, konsekuensinya adalah keranjang belanja di atas kanan itu bakalan tak ada gunanya.
Proses order dilakukan secara manual melalui transfer bank, beri tahu bagaimana cara agar pengunjung anda bisa melakukan order terhadap produk anda. Misal order melalui email atau SMS.
Untuk ide proses pembayaran anda bisa baca post saya yang ini atau lihat video saya dimana saya menunjukkan pada anda bagaimana saya membuat informasi pemesanan yang sangat jelas di sidebar toko online saya: Video Tips & Trik Toko Online Professional.
Untuk proses pengaturan jika anda ingin menggunakan fasilitas pembayaran melalui PayPal, silakan merujuk ke dokumentasi dari mas Rifki Aria Gumelar di blognya sendiri: http://javatemplates.com/blog/installing-and-customize-blogger-store-v2/
Dan saya rasa, cukup post ini… Saya yakin sekarang anda sudah tahu cara langkah demi langkah membuat toko online di Blogger.
Jika anda ada pertanyaan mengenai hal ini, jangan tanya saya. Saya tidak tahu…
Saya hanya menulis tutorial ini dan jujur saya tidak tahu banyak mengenai kustomisasi situs Blogger. Saya lebih nyaman menggunakan WordPress dan WooCommerce untuk membuat toko online.
Jika anda ingin membuat toko online yang tanpa repot, link di atas akan membawa anda ke e-Course gratis dari saya yang akan memandu anda bagaimana cara membuat toko online profesional menggunakan WordPress.
Sepuluh video gratis tentang hampir semua yang anda perlukan untuk membangun toko online profesional anda menunggu anda di sana… Serius, klik di sini: http://www.syamsulalam.net/ecourse/toko-online
Dan… akhirnya terima kasih karena sudah membaca hingga sini.
Jika anda suka dengan tutorial ini, atau anda berpikir bahwa keluarga, kenalan, atau teman anda mungkin mendapat manfaat dari post ini, beri tahu saya dengan me-LIKE halaman ini dengan tombol di samping dan di bawah.
Saya akan sangat menghargainya.
Seperti biasa, salam pintar!

Cara Verfikasi Blog mu di Bing Webmaster Tools

Cara Verfikasi Blog mu di Bing Webmaster Tools - Cara untuk meningkatkan kepopularitasan blog atau situs web kita memang banyak sekali di dalam dunia internet ini. tapi apakah anda sudah memverifikasi blog anda di Bing Webmaster Tools ? jika sudah bagus, tapi jika belum ayo lakukan sekarang dan daftarkan blog anda di bing webmaster tools. ^^

Mengapa saya anjurkan demikian ?
Karena bing adalah salah satu search enggine yang sangat populer seperti google jadi artikel" anda yang selama ini anda posting akan bisa lebih cepat terindeks dan di baca oleh semua orang di dunia ini. ^^

Nah oleh karena itu mari kita buat blog anda menjadi populer seperti blog master lainnya ^^. untuk mendapatkan kode verifikasi dari webmaster bing ini mari ikutin langkah - langkah di bawah ini.

1. Sign up dahulu anda di Bing Webmaster Tools
2. login dengan akun msn yang anda miliki, jika anda belum memilik akun dari bing ini anda dapat sign up dan ikutin instruksinya hingga selesai.
3. Setelah anda selesai membuat akun dari situs ini , maka langsung klik add site
4. Kemudian klik submit dan pilih opsi verifikasi "Meta Tag Aunthetication".  Maka akan muncuk kodenya seperti dibawah ini .

<meta content='75E1B689EC762DD1B29253EC0E2C29A2' name='msvalidate.01'/>

5. Setelah itu anda harus memasukkan nya pada blog anda

Memasang kode Verifikasi pada blog 

1. Buka blogger anda
2. Klik rancangan -> Edit HTML -> dan cari kode <head>
3. copy and paste kode verifikasi yang telah anda dapat seperti kode diatas dibawah kode <head>
4. Setelah itu save template anda dan kembali ke bing anda untuk verifikasi blog anda
5. Sekarang blog anda sudah di indeks kan pada search enggine bing.

Gimana asyik kan ! ^^ semoga bermamfaat bagi anda semua ya. :)

Cara Pasang Kode Verifikasi Yahoo / Bing DI Blog

Cara Pasang Kode Verifikasi Yahoo / Bing DI Blog  , kenapa saya memberi judul itu , karena di tahun 2012 ini webmaster yahoo hanya bsa diakses dari webmaster bing . setelah sebelumnya saya memposting Cara Pasang Kode Verifikasi Google DI Blog dan Cara Pasang Kode Verifikasi Alexa DI Blog , sekarang giliran Cara Pasang Kode Verifikasi Yahoo / Bing DI Blog , ini berfungsi agar postingan kita bisa masuk ke search engine yahoo dan bing.
ok lah langsung saja kita ke TKJ eh salah maksudnya TKP :

1. langkah pertama klik DISINI
2. Sign up with Windows LiveID

3. isikan data data anda

4. terakhir klik I Accept
5. selanjutnya klik webmaster tool siggn in

 6. logn in dengan id @live anda yang sudah anda daftar kan tadi

7. klo berhasil masuk , isi data blog , lalu klik save

8. klik add url , isikan url blog anda

9. kalau berhasil maka akan ada muncul jendela baru ,
10. akan ada 3 pilihan , pilih yang ke 2 (Option 2: Copy and paste a tag in your default webpage)

11. copy kodenya ke edit html diatas <head> (

<meta name="msvalidate.01" content="8236905BA6E322BE476E7136BE2D8E8A" />)

12. Terakhir klik verify

13. dan sekarang anda sudah berhasil memverifikasi kan blog anda ke webmaster yahoo/bing

selamat mencoba

Membuat Hotmail.com & live.com

Satu lagi e-mail yang patut sodara miliki yaitu Hotmail.com atau Live.com, setelah anda memiliki dua e-mail penting lainya seperti Gmail dan Yahoo mail, kenapa membuat email Hotmail?

Account email produk MSN Microsoft seperti live.com atau hotmail.com itu perlu minimal untuk mendaftarkan blog/situs kita ke Bing Search Webmaster. Atau untuk akses ke Windows Live dan MSN Chat Instant Messenger. Walaupun untuk email utama Anda sudah merasa cocok dengan Google Gmail. Lagi pula, membuat email Live.com atau Hotmail itu gratis dan tidak perlu waktu lama.

 Cara Membuat Akun E-mail Hotmail atau Live.com silahkan ikuti panduannya berikut:

• Kunjungi live.com -> klik Sign up

klik sign

• Isi formulir

Pada halaman ini Anda diminta untuk mengisi form formulir yang ada, seperti Nama, Username, Password,

Isi Code, dll.

Sama seperti waktu anda mendaftar di Google Mail dan Yahoo Mail, ikuti langkah-langkah mengisi form pendftarannya.

Khusus untuk Username pada waktu mendaftar ada 2 opsi, yaitu :

useranda@live.com atau 

useranda@hotmail.com

 Anda bisa pilih salah satu, sama saja.

Setelah anda mengisi formulir, klik tombol I Accept.

• Selesai

Anda sudah berhasil membuat akun Hotmail.

Tampilan akun Hotmail.com atau Live.com adalah sebagi berikut :

halaman akun Hotmail

Di halaman ini anda bisa melihat email masuk (di Inbox), mengirim email (di New) ataupun membalas email dari teman anda.

Setelah memiliki akun Hotmail atau Live mail tersebut, anda bisa menikmati produk-produk gratis Microsoft lainnya, seperti : Bing Search Webmaster,MSN Messenger, Bing Maps dll.

Selamat menikmati akun baru sobat,...mudah-mudahan tip Panduan Cara Membuat Akun E-mail Hotmail atau Live.com ini bisa membantu Anda.

Description dan Keyword di Blogger

Memasang Meta Tag Otomatis Sesuai Judul Posting Pada Setiap Postingan Blog - Setelah kemarin saya membahas tentang Cara Mengubah Meta Tag Title Blog agar SEO Friendly,, mungkin bisa sobat baca dulu artikel sebelumnya kalo sobat belum mengerti. Itu adalah meta tag yang sudah umum di pakai kebanyakan blogger, dan ada penambahan kode lagi jika sobat ingin memasang meta tag sesuai judul Posting Pada tiap postingan sobat. Nah sesuai janji saya maka pada postingan kali ini saya akan Mengungkap Semua Rahasia Tersembunyi Pada Meta Title, Description dan Keyword di Blogger. Ada beberapa rahasia sebenarnya yang tersembunyi pada Meta Description dan Meta Keyword pada Platform Blogger, dan trik ini sangat jarang sekali pengguna Blogger yang mengetahuinya. Pada umumnya kebanyakan Blogger hanya meletakan kedua Meta tag diatas secara langsung apa adanya, akibatnya bukan optimasi yang didapat, tapi malah merusak deskripsi halaman itu sendiri pada hasil pencarian.

Sebelum saya menjelaskan trik optimasi pada kedua Meta tag diatas, ada baiknya saya mengulas kembali trik untuk optimasi pada Meta Title Tag. Saat kita membuat blog pertama kali, Meta Title ini sebenarnya sudah tersedia pada halaman EDIT HTML, hanya saja belum dioptimasi. Nah, agar Meta title ini lebih SEO Friendly kita bisa merubah Title standar blogger dengan yang lebih bagus lagi. Silahkan pelajari cara merubahnya di artikel ini Cara Mengubah Meta Tag Title Blog agar SEO Friendly.

Setelah kita menerapkan Meta title diatas, akan terlihat perbedaan yang sangat mencolok sekali pada hasil pencarian. Search engine tentu akan mudah menampilkan mana yang merupakan halaman utama dan mana yang merupakan halaman postingan.

OK! kita sudah mempelajari cari optimasi SEO pada Title tag, sekarang saatnya kita mencoba lagi cara mengoptimalkan SEO pada Meta Description dan Meta Keyword pada setiap postingan. Seperti yang saya singgung diatas, kebanyakan blogger biasanya langsung meletakan Meta Description dan Meta Keyword pada halaman utama (index) seperti terlihat pada contoh dibawah ini, ok ini tidak masalah jika Meta Description tersebut hanya ditujukan pada halaman index, yang jadi masalah bagaimana nasib pada halaman non index? Jelas sekali Meta Description ini juga akan mencoba merebut dari deskripsi pada setiap halaman konten blog kita. Tentu kita harus kita menghindari kesalahan ini kan?

Lihat contoh Meta tag dibawah ini yang sangat sering digunakan:

<Meta content='Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap' name='Description'/>
<Meta content='Dowload soal CPNS dari UGM, Prediksi Soal CPNS, Jawaban Soal CPNS, Pendaftaran CPNS, tanya jawab Soal CPNS' name='Keywords'/>

Dari contoh hasil pencarian pada halaman utama (index) dibawah ini mungkin tidak masalah dan memang begitulah seharusnya. Begitu pula dengan Meta Keyword yang digunakan.

Prediksi soal CPNS Terbaru dan terlengkap
Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap.
www.cobacobaaja.com - Tembolok - Mirip

Kemudian lihat bagaimana kesalahan Meta deskripsi halaman dibawah ini mencoba merebut posisi yang seharusnya deskripsi tersebut milik halaman postingan.

Rahasia kunci jawaban soal CPNS tahun 2009
Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap.
www.cobacobaaja.com/.../kisi-kisi/soalcpns.html -Tembolok - Mirip

Melihat contoh hasil penggunakan kedua Meta Tag diatas, tentu saja kita akan berpikir dua kali untuk menggunakannya. Disinilah saya mencoba menjelaskan bagaimana teknik terbaru agar hasil yang pencarian yang ditayangkan pada Search Engine benar-benar maksimal. Dimana dengan Teknik ini tentu saja usaha kita untuk lebih meningkatkan Ranking blog agar bisa berada pada posisi puncak pada setiap hasil pencarian.

OPTIMASI SEO PADA META DESCRIPTION DAN KEYWORD 
Cara dibawah ini bisa kita gunakan untuk melakukan optimasi pada Meta Description dan Meta keyword, kita dapat melihat perbedaan pada setiap hasil temuan pada mesin pencari dimana setiap halaman memiliki tambahan meta tertentu sesuai dengan judul postingan (lihat rumus).

Silahkan coba ganti meta description dan keyword anda menggunakan kode dibawah ini, jangan lupa sesuaikan deskripsi dan kata kunci blog rekan masing dengan mengganti karakter ditandai warna merah dibawah.

1. Login ke blogger sobat.
2. Klik Rancangan.
3. klik edit html.
4. Cari kode dibawah ini:

<title><data:blog.pageTitle/></title>

Ganti kode diatas hapus lalu ganti dengan kode berikut :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta name='DESCRIPTION' content='ISI DENGAN DESKRIPSI UNTUK BLOG SOBAT'/>
<meta name='KEYWORDS' content='ISI DENGAN KATA KUNCI/KEYWORD KAMU'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
</b:if>

Simpan template kamu.

Jika kamu ingin menambahkan meta tag lagi agar mudah diindex mesin pencari tambahkan dengan kode dibawah ini!

<meta content='blogger' name='generator'/>
<meta content='TECHNOLOGY INFORMATION CENTER' property='og:title'/>
<meta content='http://iptek-4y.blogspot.com' property='og:url'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='archive, follow' name='googlebot'/>
<meta content='a160ca3d349ac50d' name='y_key'/>
<meta content='all' name='audience'/>
<meta content='Fakhrian Amrullah' name='author'/>
<meta content='follow,all' name='robots'/>
<meta content='noodp' name='robots'/>
<meta content='Index, follow' name='Robots'/>
<meta content='General' name='Rating'/>
<meta content='KODE VERIFIKASI BINGWEBMASTER' name='msvalidate.01'/>
<META content='KODE VERIFIKASI YAHOOWEBMASTER' name='y_key'/>
<meta content='2 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<meta content='general' name='rating'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='Aeiwi, Alexa, AllTheWeb, AltaVista, AOL Netfind, Anzwers, Canada, DirectHit, EuroSeek, Excite, Overture, Go, Google, HotBot. InfoMak, Kanoodle, Lycos, MasterSite, National Directory, Northern Light, SearchIt, SimpleSearch, WebsMostLinked, WebTop, What-U-Seek, AOL, Yahoo, WebCrawler, Infoseek, Excite, Magellan, LookSmart, bing, CNET, Googlebot' name='search engines'/>

ganti yang berwarna merah,sesuaikan dengan blogmu,Nah,sekarang di blog kamu sudah terpasang  Meta Tag Otomatis Sesuai Judul Posting Pada Setiap Postingan Blog ..

Contoh hasil pencarian pada halaman index setelah di pasang Meta Tag Otomatis Sesuai Judul Posting Pada Setiap Postingan Blog

Prediksi soal CPNS terlengkap
Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap.
www.cobacobaaja.com - Tembolok - Mirip

Contoh Rumus hasil pencarian pada halaman Postingan setelah di pasang Meta Tag Otomatis Sesuai Judul Posting Pada Setiap Postingan Blog.

Dowload gratis Rahasia kunci jawaban soal CPNS tahun 2009 | Prediksi soal CPNS terlengkap
Rahasia kunci jawaban soal CPNS tahun 2009, Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap.
www.cobacobaaja.com/.../kisi-kisi/soalcpns.hml -Tembolok - Mirip

Semua teknik tentang Mengungkap Semua Rahasia Tersembunyi Pada Meta Title, Description dan Keyword di Blogger  sudah saya ungkap semuanya, jadi silahkan dipelajari baik-baik :)

Toko Anda

Panduan Install template

1. Download Template dari link Download di atas

2. Masuk ke akun Blogger Anda.

3. Upload file template kranjang blanja pada akun blogger Anda (panduan upload Template ADA DISINI)

4. Kemudian Masuk ke opsi EDIT HTML template blogger Anda. Jangan lupa untuk mencentang Expand Widget Template (ingat!! selalu back up template dulu untuk jaga-jaga).

Berikut adalah beberapa elemen kode yang bisa anda lakukan editing.

Editing bagian Header :

Mengganti ID Yahoo Messenger 

Temukan kode di bawah dan ganti text yang berwarna merah dengan ID YM anda :

ymsgr:sendIM?teguharifiantoati

dan

http://opi.yahoo.com/online?u=teguharifiantoati

Mengedit kotak pencarian 
Agar kotak pencarian bisa bekerja di blog Anda, cari alamat url berikut :

http://templatekranjangblanja.blogspot.com/search

ganti text berwarna merah (templatekranjangblanja.blogspot.com) dengan alamat URL Blog Anda.

Mengganti Logo
Anda harus menuju ke Tab Layout/ Tata Letak, Kemudian edit widget Header, lalu ganti logo dengan logo toko anda sendiri (lihat gambar di bawah ini).

Mengganti Banner 728x90

Masuk ke template >> edit html >>  centang expand widget 
Cari kode berikut :

<div id='topads'>
<b:section class='adslot' id='adslot' maxwidgets='1' preferred='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

Hapus semua kode yang berwarna merah dan ganti dengan kode berikut

<a href="http://linkanda.com/" target="_blank" rel="nofollow"><img src="http://alamaturlgambaranda.com/gambar.jpg"/></a>

Keterangan:
- ganti link warna merah dengan link anda
- ganti link gambar warna biru dengan link gambar anda (pastikan ukuran gambar 728x90).

Preview template, jika sudah benar, save template anda

Mengganti Kalimat Selamat Datang
Masih di bagian Template>>Edit HTML, Cari kalimat selamat datang seperti gambar berikut ini dan ganti dengan kalimat selamat datang versi anda sendiri.

Mengganti Link Checkout Shopping Cart

Cari kode berikut ini :  

<b:if cond='data:blog.url != &quot;http://templatekranjangblanja.blogspot.com/p/checkout.html&quot;'>
<!-- Shopping Cart Starts -->
<div id='add-to-cart-widget'>
   <h2>Keranjang Belanja</h2>
   <div class='simpleCart_items'/>
   <div id='cartTotal'>
      Total: <span class='simpleCart_total'/>
   </div>
   <div class='cartbuttons'>
      <a class='simpleCart_empty' href='javascript:;'>Kosongkan</a>
      <a href='http://templatekranjangblanja.blogspot.com/p/checkout.html'>Checkout</a>
       </div>
</div>
<!-- Shopping Cart Ends -->
</b:if>

Kemudian ganti semua alamat sub domain (yang berwarna merah) tersebut dengan alamat blog anda.

Memasang Kode Template Entry Post

Copy kode script di bawah ini dan letakkan pada bagian menu Setting >> Posts anda Comments >> menuju ke opsi Post (klik edit) pada blog anda

<table border="1" style="width: 660px;">
<tbody>
<tr>
  <th class="item_thumb" id="thumb" width="45%">Pasang Gambar Produk Anda DISINI</th>
  <td><input class="item_add" type="button" value="Add to Cart" /></td>
</tr>
<tr>
  <th><b>Kode Barang</b></th>
  <td class="item_name">Kode produk taruh disini!</td>
</tr>
<tr>
  <th><b>Harga</b></th>
  <td class="item_price">$99.99</td>
 </tr>
<tr>
  <th><b>Keterangan</b></th>
  <td class="item_Description">Fitur produk!</td>
 </tr>
<tr>
  <th><b>Stok Barang</b></th>
  <td>Stok barang anda!</td>
</tr>
<tr>
  <th><b>Gambar Tambahan</b></th>
  <td>tempatkan gambar produk tambahan di sini</td>
</tr>
</tbody>
</table>

Membuat Halaman Statis / Static Page untuk Checkout
Masuk ke menu Laman (Page) >>buat laman baru >> laman kosong kemudian masuk ke bagian HTML, beri Judul Checkout, selanjutnya copy paste script di bawah ini :

<h2 style="text-align: center;">
Keranjang Belanja Anda</h2>
<h2 style="font-weight: normal; text-align: center;">
<span style="font-size: x-small;">"Mohon Lengkapi Form dan Copy Paste Semua Order di Kolom Message. .!"</span></h2>
<div class="simpleCart_items">
</div>
<div class="clear">
<br />
<br />
<table border="1" style="width: 680px;"><tbody>
<tr><td class="odd">Total Items: </td><td class="even"><span class="simpleCart_quantity">0</span></td></tr>
<tr><td class="odd">SubTotal: </td><td class="even"><span class="simpleCart_total">Rp0.00</span></td></tr>
<tr><td class="odd">Tax Cost: </td><td class="even"><span class="simpleCart_taxCost">Rp0.00</span></td></tr>
<tr><td class="odd">Biaya Kirim: </td><td><a href="http://jne.co.id/" rel="nofollow" target="_blank">Cek di Sini</a></td></tr>
<tr><td class="odd">Final Total: </td><td class="even"><span class="simpleCart_finalTotal">Rp0.00</span></td></tr>
</tbody></table>
</div>

Anda bisa mengganti kalimat panduan yang berwarna merah sesuai dengan selera anda sendiri. 

Ini masih belum selesai, agar halaman checkout via email anda bisa berfungsi, harus menambahkan kode email kontak form di bawah kode di atas. Kalau dalam contoh demo templatenya memakai form dari Kontactr (panduannya DISINI). Sehingga hasilnya seperti terlihat pada gambar di bawah ini 

Anda bisa memakai form buatan buatan sendiri dari Google Docs (Lihat cara pembuatannya DISINI) atau dari form email kontak lain yang banyak bertebaran di internet.

Sampai disini tutorial panduan install template kranjang blanja sudah selesai.

Jika ada masalah silakan kirimkan komentar melalui kolom komentar di bawah.

Membuat Form Email di Blog

1. Loggin blogger
2. klik tata letak 
3. Klik Tambah Gadget
4. Pilih HTML/JavaScript
5. copy code dibawah ini
   <FORM action="mailto:dani_setiadi007@yahoo.co.id" method="post" enctype="text/plain"><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="4" WIDTH="90%"><TR><TD width="30%"><DIV align="right"><B>Name:</B></DIV></TD><TD width="70%"><INPUT type="text" name="name" size="20"></TD></TR><TR><TD><DIV align="right"><B>Email:</B></DIV></TD><TD><INPUT type="text" name="email" size="20"></TD></TR><TR><TD><DIV align="right"><B>Comment:</B></DIV></TD><TD><TEXTAREA name="comment" cols="30" wrap="virtual" rows="4"></TEXTAREA></TD></TR><TR><TD>&nbsp;</TD><TD><INPUT type="submit" name="submit" value="Submit"><INPUT type="reset" name="reset" value="Reset"></TD></TR></TABLE></FORM>

Backgroun Gambar

Langkah Mengganti/Mengubah Background Blog Dengan Gambar

1.       Login ke dashboard blogger anda, pilih Rancangan > Edit HTML, centang Expand widget template.

2.       Temukan kode pengaturan background blog dalam template anda, biasanya diawali dengan kode body{.

3.       Kalau kesulitan cari aja kode yang mirip-mirip seperti dibawah ini.

body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}

4.   Kemudian cari dulu sebuah gambar yang akan kita jadikan background, ukuran terserah saja namun sebaiknya dalam format PNG supaya hasilnya bagus namun usahakan sizenya kurang dari 50 Kb. Misalnya saya punya gambar seperti dibawah ini berukuran 200 x 200px. Kemudian gambarnya saya posting di blogger untuk mendapatkan URL gambar tersebut. Boleh juga anda upload ke hosting lain seperti Picassa, yang penting adalah ngedapetin URLnya yang mau kita masukkan dalam CSS.

5.    Ganti/edit kode CSS awal background blog anda dengan memberikan penambahan URL gambar sehingga bentuk susunan CSS menjadi seperti dibawah ini.

body{
background:#ded8c0;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0I3V1Is9M5x1Kx4zEeaGSvuNk-uzyICBN8VIngWdFtsCX3WvtCZ2YGIGB7Jw1Jj6rzmZwugqDGNEV5RHPAJ8UMSXINgqTr1SxJlqpV6VfTt9PDJhconuSL-GBB7wfpDWbEY7-3Ujhwg6y/s1600/background-blog-post-200.png);background-repeat: repeat-x repeat-y;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}

NB:

repeat-x : untuk mengulang gambar dari kiri ke kanan (horizontal)

repeat-y : untuk mengulang gambar dari atas ke bawah (vertikal)

6.       Save/Simpan template anda.


Buat teman blogger yang mungkin udah bosan dengan tampilan blog nya, tenang sobat bisa mengatasi kejenuhan dengan mengganti background Template blognya sesuai selera dan keinginan.

baik seperti apa Cara Mengganti background Blog? kita liat dibawah ini :

Disini kita mengambil contoh pada background body di template blog kita, cari kode body { Nah di sana terdapat kode background,

body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}

Setiap blog terkadang agak berbeda sih Backgroundnya, nah untuk mengganti backborund misal dengan background / gambar ini :

http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg

Maka kalian cukup menambahkan url (http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg) repeat-x;  pada background tersebut.

Jadi :

body{
background:#ded8c0 url(http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg) repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}

Gambar Background kamu juga bisa tetap walaupun scroll mouse kamu gerakkan ke atas atau kebawah. Tinggal kamu ganti repeat-x; menjadi repeat-x top left fixed;

Atau yang paling saya suka adalah menggunakan gambar kecil namun bisa menjadi besar dan tetap. Yakni kamu cari dulu gambar kecil, setelah itu seperti biasa, tinggal kamu rubah repeat-x; menjadi repeat scroll 0 0;

Related Post

Hai sobat blogger kali ini saya akan share tentang :"cara memasang artikel tekait bergambar otomatis",Nah manfaat kegunaan artikel terkait adalah agar pengunjung dapat melihat artikel  kita yang yang lain selain itu Artikel terkait (Related Post) juga sangat Seo Friendly tentunya

Cara-Caranya (Tutorial) :

1. Buka -----> http://www.linkwithin.com/learn?ref=widget

    2.Lalu isikan Form pendaftarannya,Seperti Berikut

.

   3.Ketik email sobat ,URL/Link Blog,lalu klik Platform dan klik Blogger,Lalu pilih berapa jumlah artikel anda (Widh) lalu klik Get Widget!

   4 .Lalu akan mucul Tampilan berikut,klik install widget

   5.Lalu anda lansung ke "Menambah Elemen Laman"

   6.Ketik Judul lalu klik Tambahkan Widget atau add widget

   7.Setelah itu anda Login > Dashboard > Tataletak

   8.Lalu akan muncul Widget baru dan letakan di bawah postingan

   9.Selesai.. Mudah Bukan..

Semoga bermanfaat ..

Selamat Mencoba dan mempraktekan di blog sobat ^ ^