Panduan Cara Membuat Kotak Scroll Widget Popular Post Blogger

Begini Cara Membuat Kotak Scroll Widget Popular Post Blogger - Sepertinya popular post , artikel popular , entri popular merupakan widget yang kalau gak di pasang itu ada yang ganjal , hehhehe . bila template blog anda spacenya sudah penuh , dan popular post anda sangat panjang , apalagi disertai gambar dan keteranganya , pasti tambah panjang . apakah anda ingin membuat widget popular post itu jadi ringkas ? jika iya maka solusinya adalah dengan menambahkan scroll box pada widget popular post.

Berikut Cara Membuat Scroll pada Popular Post Blogger

1. Pertama Log In ke Dashboard Blogger anda di www.blogger.com
2. Kemudian Pilih menu Template kemudian klik Edit Template
3. Selanjutnya cari kode ]]></b:skin> atau </style> (gunakan control F untuk mempermudah pencarian)
4. Letakkan kode di bawah ini tepat diatas kode]]></b:skin> atau </style>
   

   #PopularPosts1 .widget-content{
   height:300px;
   width:auto;
   overflow:auto;
   }

5. Silahkan ubah tinggi widgetnya yaitu height:300px; sesuai yang anda inginkan
6. Terkahir Klik Save Template dan lihat hasilnya

Taraaa kini widget popular post anda sudah ada scroll nya [ Horeee ] , hembs gimana kawan mudah kan cara memberi /menambahkan scroll untuk popular blog , jika ada kesulitan silahkan tanya ya  :)

Tutorial Cara Membuat Toko Online di Blogger Gratis,free jaya

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 Membuat Website Lengkap dari Awal Hingga Akhir -sebuah Rangkuman

Sesuai dengan janji saya bahwa setelah membahas tutorial mengenai cara setting free domain pada website, maka saya juga akan memposting rangkuman cara membuat website dari awal hingga akhir. Artinya, rangkuman yang akan saya buat ini menjadi panduan membuat website dari awal pembuatan sampai benar-benar bisa digunakan secara online di internet. Saya sengaja membuat postingan rangkuman ini supaya pembaca benar-benar paham apa saja yang harus dilakukan untuk bisa membuat sebuah website, apakah serumit yang pernah dikatakan orang lain mungkin atau semudah menggorang pisang?

Namun perlu diketahui bahwa rangkuman ini saya khususkan untuk membuat website menggunakan Wordpress CMS. Hal ini dikarenakan tutorial tersebut akan sedikit banyak sesuai dengan website pada umumnya meskipun menggunakan sebuah modul CMS. Kalau membuat blog juga sudah ada kok di blog saya ini, bahkan saya juga menyediakan e-book panduannya.
Okelah, berikut langkah-langkah lengkap bagaimana membuat sebuah website dari awal hingga bisa digunakan secara online:

1. Yang pertama tentu harus mengerti apa itu website. He3x. Bukan maksud saya underestimate pada pembaca, tapi siapa tahu ada pengunjung yang mungkin belum mengerti. Untuk mengetahuinya silahkan buka tutorial yang saya posting di sini.
   
2. Selanjutnya adalah mengetahui hal-hal paling penting dari sebuah website, yaitu domain dan hosting. Silahkan pembaca buka posting mengenai kedua hal tersebut di sini.
3. Setelah mengenal yang namanya domain dan hosting, pembaca juga sebaiknya mengenal yang namanya localhost. Localhost ini digunakan untuk membantu Anda dalam mendesain website pada komputer local tanpa harus setiap saat online sehingga bisa mengefisiensikan waktu dan yang paling utama adalah efisiensi biaya. Silahkan meluncur menuju postingan yang ini untuk membaca tutorial mengenai localhost.
4. Selanjutnya yang perlu dilakukan adalah menjadikan komputer Anda menjadi localhost. Untuk mengetahui tutorial mengenai hal tersebut, silahkan pembaca buka di sini, dimana kita akan menggunakan sebuah software yang bernama XAMPP untuk menjadikan komputer menjadi localhost.
5. Jika sudah mengetahui kegunaan XAMPP dan bagaimana kelak localhost tersebut bekerja, langkah selanjutnya adalah melakukan instalasi XAMPP pada komputer agar komputer kita bisa digunakan sebagai localhost. Pembaca bisa men-download e-book panduan instalasi XAMPP untuk localhost  yang telah saya sediakan di sini.
6. Karena kita akan membuat sebuah website dari awal hingga akhir menggunakan Wodpress CMS, maka sebaiknya kita mengenal terlebih dahulu (khususnya bagi yang memang belum mengenal) Wordpress CMS, sehingga bisa mengetahui fungsinya sebagai CMS (content management system) dan perbedaannya dengan blog Wordpress.Com. Silahkan buka tutorial yang membahas hal tersebut di sini.
   
7. Langkah selanjutnya adalah mendapatkan modul Wordpress CMS yang akan kita instal menjadi sebuah website pada localhost. Pembaca bisa men-download modul tersebut dari situs resminya di www.wordpress.org. Selanjutnya yang kita lakukan adalah menginstal modul Wordpress CMS yang telah kita download tadi ke dalam localhost kita. Penjelasan lengkap mengenai kedua hal itu bisa pembaca baca pada tutorial website yang ini.
8. Setelah menginstal Wordpress CMS pada localhost, pembaca akan mendapatkan sebuah website yang siap pakai namun masih sebatas localhost (belum bisa dibuka secara online di internet). Namun, dengan bantuan localhost inilah pembaca bisa mengedit atau memodifikasi website Wordpress CMS Anda sampai sesuai dengan selera dan kebutuhan Anda sebelum di masukkan ke server internet. Silahkan Anda download e-book panduan lengkap menggunakan Wordpress CMS sebagai panduan bagi Anda dalam memodifikasi website Wordpress CMS Anda. Silahkan download di sini. Anda juga bisa membaca tutorial mengenai HTML dan CSS yang mungkin bisa Anda manfaatkan untuk memodifikasi website Wordpress Anda.
   
9. Langkah selanjutnya jika Anda merasa sudah cukup puas dalam memodifikasi Wordpress CMS tersebut adalah memindahkannya ke internet. Untuk itu, Anda perlu sebuah space hosting pada web server sebagai tempat Anda menyimpan file-file website Anda tersebut. Anda bisa menyewa space hosting pada web server yang ada di internet. Harganya juga bervariasi bergantung fitur dan fasilitas yang diberikan. Ada hosting yang bayar dan yang gratis. Mengenai perbedaan keduanya, pembaca bisa membacanya di sini. Jika pembaca masih belum berminat membayar hosting berbayar, pembaca boleh memanfaatkan layanan free hosting. Salah satu free hosting yang bisa Anda gunakan sudah saya rekomendasikan melalui blog ini. Silahkan membacanya di sini untuk mengetauhi free hosting yang saya rekomendasikan tersebut untuk Anda.
10. Jika sudah mendapatkan space hosting, langkah selanjutnya adalah memindahkan atau mengupload seluruh file website telah Anda instal pada localhost ke dalam server hosting tersebut agar bisa dibuka secara online di internet. Langkah-langkah mengenai cara memindahkan website dari localhost ke hosting online bisa pembaca baca di sini.
11. Agar website Anda bisa dibuka oleh orang lain secara online, tentu dibutuhkan sebuah domain untuk website Anda. Anda bisa membeli sebuah domain dari provider domain di internet. Biasanya layanan ini juga disediakan bersamaan dengan layanan hosting. Namun Anda bisa membeli hosting dan domain secara terpisah. Sama seperti menyewa layanan hosting, memilih sebuah domain juga perlu pertimbangan, yang salah satunya bisa Anda baca di sini. Anda juga bisa memanfaatkan free domain. Mengenai perbedaannya juga telah saya posting pada tutorial website yang ini. Jika pembaca saat ini berminat menggunakan free domain, Anda bisa memanfaatkan layanan free domain yang saya rekomendasikan melalui blog ini. Silahkan buka di sini untuk mengetahuinya.
12. Langkah selanjutnya adalah melakukan pengaturan (setting) domain untuk digunakan pada website yang telah Anda hosting-kan secara online tadi. Untuk mengetahui cara setting domain pada website Anda, silahkan buka tutorialnya di sini.
13. Selanjutnya adalah melakukan testing pada website yang telah disimpan secara online tersebut untuk memeriksa apakah masih ada bagian yang error. Hal ini penting dilakukan sebelum website Anda di-launching ke khalayak ramai. Perlu diketahui bahwa proses pemindahan file website (uploading) dari localhost ke hosting online serta setting domain pada website tersebut bisa dikatakan sama untuk free hosting dan free domain dengan pay hosting dan pay domain.

Dengan melakukan 13 langkah di atas, Anda akan mendapatkan sebuah website dengan menggunakan Wordpress CMS secara lengkap dan siap pakai secara online. Jangan takut dengan angka 13. Coba bayangkan, dengan melakukan 13 langkah tersebut, kita bisa mendapatkan yang kita inginkan. He3x. Langkah Anda selanjutnya adalah mempromosikan website Anda dan melakukan optimasi. Nah, langkah yang terakhir ini biasa disebut sebagai teknik SEO. Apa itu SEO? Pasti sudah banyak yang tahu deh. Tapi kita juga akan membahasnya kedepan melalui blog tutorial ini. Silahkan ditunggu saja ya tutorialnya dan jangan segan-segan untuk langganan artikel agar bisa mendapatkan tutorial website yang terbaru lebih cepat dan lebih mudah.

Panduan Tutorial Lengkap Cara Membuat Blog di Blogger.Com

Panduan Tutorial Lengkap Cara Membuat Blog di Blogger.Com – Sangatlah tidak susah hanya dengan bermodalkan Internet juga dengan bermodalkan PC atau laptop anda  dengan sangat mudahnya membuat blog. Blog sendiri merupakan layanat Platform seperti website yang menyediakan tempat bagi para penggunanya untuk membagikan tulisan atau gambar. Nah jika anda Yang ingin memiliki blog namun bingung untuk membuatnya berikut kami sajikan tutorial Cara Membuat Blog di Blogger.Com dengan mudah.

Karena blogger telah diakuisisi oleh google anda diharuskan untuk Membuat Akun Gmail terlebih dahulu, cukup gampang Membuat akun gmail anda hanya diperlukan untuk mengisi data diri seperti nama, alamat, TTL dan juga gender anda hingga Mengisi nomor telfon anda berikut Tutorialnya Lihat Pada Artikel Cara Membuat Email Gmail Baru

Setelah Membuat Gmail Diatas Lalu Buka Tab Baru Pada Browser Anda Lalu Ketiklah : Blogger.Com Kemudian sampai disini Anda akan dihadapkan pada halaman yang memuat tentang konfirmasi nama  tampilan anda, Isikan dengan nama anda supaya Dimudahkan. Setelah itu klik lanjutkan ke blogger untuk kemudian membuat blog anda dengan mudah.  Berikut nya anda klik Blog Baru berikut  gambarnya .

Ya, Setelah melakukan step diatas anda akan dihadapkan dengan halaman yang mengharuskan anda untuk mengisi judul serta Alamat blog anda nantinya. Berikut gambarnya.

Isikan judul dan juga alamat blog dengan sesuka hati anda, Nantinya alamat dan juga nama blog ini juga dapat diubah pada seteln Yang terletak di dalam halaman blogger. Setelah step diatas dilakukan secara langsung anda akan dihadapkan dengan halaman Mengenai blog anda sudah dapat digunakan.

Kemudian anda perlu tahu tentang settingan pada Blogger.Com yaitu setting Seo On Page Pada Blog baru yang anda buat Langsung saja perhatikan cara dibawah ini :

• Setelah Jadi Blog Anda Kemudian Klik Pada Judul Blog Anda Seperti Gambar Di Bawah Ini :

• Kemudian Menuju Ke Tab Setelan Atau Setting Jika Dashboard Anda Dalam Bahasa Inggris

• Kemudian Isi Tab Judul Dan Deskripsi Sesuai Dengan Ke Inginan Anda.
• Kemudian Anda Menuju Tab Pos Dan Komentar Dan Setting Seperti Gambara Di Bawah Ini :

• Setelah Itu Langsung Menuju Bahasa Dan Pemformatan Dan Setting Seperti Gambar Di Bawah Ini

• Dan Untuk Tab Preferensi  Penelusuran Juga Selular Dan Email Anda Isi Berdasarkan Kebutuhan Blog Anda Sendiri.

semoga bermanfaat.... :)