Facebook Twitter Friendfeed
Gratis berlangganan artikel o-om.com via mail, join sekarang!

36
Membuat RSS Feed Untuk Website Yang Tidak Mendukung Feed


Website standar atau jadul biasanya tanpa dukungan Rss Feed, ini berbeda jika kita menggunakan platform blog seperti Blogger, Wodpress dan platform lainya yang memang sudah terlebih dahulu tertanam sindikasi Rss Feed. Keutamaan Rss Feed tidak lain adalah sebagai cara termudah agar pembaca (subscriber) feed via online dapat mengetahui update terbaru pada suatu situs,  selain itu tentu saja peran Rss Feed sangatlah besar bagi spider search engine agar dapat mengindex semua halaman Website.

 

Tutorial kali ini saya akan menunjukan bagaimana mudahnya membuat Rss Feed dengan cepat tanpa harus menggunakan software tertentu atau tanpa harus menulis baris kode XML yang bikin kita pusing.

 

Tutorial Membuat Feed dengan Goolge Reader:

 

Langkah I:

1. Silahkan kunjungi Google Reader, login seperti biasa.

2. Tuju ke Notes



3. Arahkan mouse ke button Note In Reader, lalu drag and drop button tersebut dengan cara menahan klik dan arahan ke tab bookmark website rekan (dalam contoh saya menggunakan browser Flock)



 

Link Google reader yang sudah tersimpan dalam Bookmark



4. Sekarang buka website rekan yang ingin ditambahkan RSS Feed, Contoh disini saya menggunakan Premium template.

5. Blok sebagian tulisan yang menurut rekan penting, mulai dari title dan deskripsi singkat. Lalu klik Note in Reader yang ada dalam Bookmark



6. Akan muncul Dialog Box Google Reader disebelah kanan.

7. Disini silahkan hilangkan tanda Check untuk Add to shared items, Masukan nama Tag utama kedalam Add Tags (contoh: Zoom Premium), dan pastikan rekan menggunakan tag yang sama untuk setiap halaman yang akan rekan buat Feednya.

9. Klik tombol Post Items

 

Langkah II:

1. Tuju ke menu Settings, lalu klik Reader Settings



2. Pilih Tab Folder and Tags

3. Akan tampil nama tag yang sudah rekan buat, jangan lupa set feed berwarna abu-abu (private) ke Public

4. jangan lupa catat / copy alamat linknya.

 

Langkah III:

Langkah membuat feed sudah hampir selesai, sekarang kita membakar link Feed yang sudah rekan copy tadi dengan Feedburner. Maaf saya tidak menjelaskan panjang lebar tentang pendaftara Feedburner, disini saya anggap rekan sudah mengerti caranya :)

 

Langkah Terakhir:

Agar website langsung support Rss Feed, rekan hanya perlu menambambahkan kode di bawah ini kedalam website. Letakan diantara Tag <Head> </Head>

 

<link rel="alternate" type="application/rss+xml" title="Title website" href="http://feeds2.feedburner.com/feedburnerID" />

 

 

Note: Jika rekan ingin menambahkan Feed untuk halaman yang baru, rekan dapat dengan mudah mendistribusikannya melalui RSS feed dengan hanya mengulangi Langkah I


45
e-Junkie: Jualan produk online jadi lebih mudah


Anggap saja saat ini kita sudah membuat sebuah produk yang siap dijual secara online, entah itu mungkin produk fisik atau digital, bisa berupa e-Book, Kaos, Video Tutorial atau Template Premium, namun masih bingung harus menjualnya menggunakan layanan apa. Mungkin artikel kali ini akan menjawab pertanyaan rekan semua bagaimana mudahnya menjual produk kita secara online menggunakan E-Junkie, tanpa harus ribet menyediakan script khusus untuk situs jualan dan semua produk yang ingin dijual bisa dilakukan hanya dengan bermodal Blogger saja.

 

Seperti yang kita ketahui, banyak sekali para penyedia layanan Shoping Card seperti halnya Click Bank, 1ShoppingCart , PayDotCom dll. Namun kali ini saya hanya menjelaskan menggunakan layanan e-junkie, karena saya sendiri juga menggunakannya untuk jualan templale di premium.zoomtemplate.com . e-junkie sendiri sebenanya bisa dikatakan sebagai jasa perantara penjualan online karena mereka sudah terintegrasi oleh banyak layanan pembayaran standar seperti PayPal , PayPal Pro , Google Checkout , Authorize.Net , 2CheckOut , ClickBank dan TrialPay.

 

Banyak keunggulan yang ditawarkan e-jankie jika dibandingkan dengan layanan penyedia shopping card lainya. Walaupun pada intinya semua sama-sama meyediakan fasilitas Button Buy Now dan Shopping Card. Dengan e-junkie kita dapat dengan mudah melakukan setup sederhana, menambah produk, mengeditnya dan melakukan copy-paste kode html button buy dimana saja pada situs kita.

 

Setiap buyer selesai melakukan pembayaran pada salah satu produk yang kita jual, maka secara otomatis akan dikirim link download langsung ke email pembeli. Kelebihan lainnya kita juga bisa mengamankan link download tersebut dengan batasan waktu tertertu, atau hanya berapa kali link tersebut boleh di download, mingkin ini salah satu cara terbaik untuk mengamankan link download agar tidak disalahgunakan oleh pembeli yang "nakal". E-junkie juga menyediakan fasilitas reseller produk (affiliate), jadi siapa saja dapat menjual kembali produk kita dengan komisi yang sudah kita tentukan sebelumnya.

 

Sayang, layanan e-junkie ini tidak gratis, harga termurah yang mereka berikan dimulai dari $5/Bulan dengan kapasitas simpan 50BM. tentu saja ini terbilang sangat murah jika produk yang kita jual memang laku terjual :), Jangan kawatir untuk pendaftaran tetap gratis kok selama 7 hari untuk kita bisa mencobanya.

 

Mau akses gratis selama 3 bulan?

Tolong jangan langsung daftar, silahkan bawa COUPON CODE = PAYPALSPECIAL

Saat daftar pertama kali ke layanan E-Junkie jangan lupa masukan Coupon Codenya ya biar bisa 3 bulan mencobanya gratis, khan lumayan (mudahan Coupon Code-nya masih berlaku)


113
Zoom Feed Aggregator (Premium) - Blogger Template pertama sebagai Feed Aggregator seperti Popurls dan Alltop


Keterbatasan Blogger selama ini tidak menyurutkan niat saya untuk mengembangkan versi template yang lebih canggih lagi. Ini bisa saya buktikan langsung dengan hadirnya Template yang dikembangkan khusus sebagai Feed Aggregator, dan bahkan bisa saya katakan template ini hanya satu-satunya yang pernah dirancang menggunakan flatform Blogspot.


"..Specially designed for Make Money Online with Google Adsense or you can play with other Pay Per Click (PPC) Advertising.."

 

Berawal dari kekaguman saya pada situs Feed Aggregator seperti Alltop.com and Popurls.com, Zoom Feed Aggregator juga dikembangkan dengan konsep yang sama. Alltop dan Popurls adalah situs yang dibangun disekitar gagasan dengan mengambil beberapa RSS feed dari situs populer dan menampilkan semua sindikasi berita hanya dalam satu halaman.
 

Zoom Feed Aggregator benar-benar dirancang memiliki keunggulan dari template yang pernah ada, Jika sobat blogger melirik demonya kalian mungkin tidak akan percaya ini dibangun menggunakan Blogger sebagai engine-nya. Bahkan beberapa fitur yang tertanam pada template ini benar-benar sangat baru dan sangat powerfull. Yang paling sangat saya sukai dari template ini yaitu ada fitur pada posting yang memudahkan sobat untuk membuat deskripsi singkat untuk artikel tanpa harus berpusing ria lagi mencari ide untuk menulis. Cukup cari berita yang sekiranya paling Hot, tulis deskripsi singkat dari inti Artikel tersebut beserta linknya lalu Posting, dan biarkan pembaca yang melanjutkan sendiri ke link resminya. Menurut saya, cara seperti ini bukan termasuk Copy-Paste dan bisa saya katakan sangat Legal. Dan perlu saya garis bawahi Zoom Feed Aggregator tidak bekerja sebagai Auto Blog, selain itu Rss Feed yang ditanamkan juga tidak akan terindex pada Search Engine, jadi template ini sama sekali tidak melanggar hak cipta konten. Tapi saya tetap menyarankan kita mesti meminta ijin terlebih dahulu kepada pemilik feed situs :)

 

Zoom Feed Aggregator sebenarnya saya rancang khusus buat Make Money Online dengan Google Adsense atau Program Pay Per Click (PPC) lainnya, karena tempate ini dibangun memang khusus untuk tujuan tersebut. Jadi jangan ragu untuk menggunakan template ini sebagai mesin pencetak Dollar!

 

Simak Presentasi dibawah ini:

 

 

Lihat LIVE DEMO Disitus Resminya.

 

Zoom Feed Aggregator Features:

  • Dirancang khusus untuk Make Money Online dengan Google Adsense atau PPC lainnya.
  • Loading Halaman sangat cepat, karena hanya menggunakan 20% image.
  • Blogger Template SEO Friendly.
  • Mengusung konsep Blogazine (Blog Magazine).
  • 4 pilihan skema warna (Gray, Purple, Yellow, Red)
  • Dukungan Email Box Subsciber dengan FeedBurner.
  • Tersedia 30 Widget untuk menampilkan Berita RSS FEED (1st Feature)
  • Support digunakan dengan Standar RSS Blogger Widget atau dengan Feedburner (direkomendasikan)
  • Mendukung Jump Lik untuk memudahkan pembaca menuju orginal link (1st Feature)
  • Dukungan 1 sidebar pada halaman Posting.
  • mendukung 4 kolom widget pada Bottom Footer.
  • Dukungan Custom Search Box dibawah posting widget (1st Feature).
  • Dukungan tooltips ketika pengguna menggunakan mouse over pada berita link Feed (1st Feature).
  • Dukungan Facebook Like dan Sosial Bookmark.
  • Dukungan Related Post dengan Thumbnail.
  • Dukungan Avatar pada kotak Komentar.
  • Diuji dan bekerja dengan baik di browser IE6/7, Firefox, Opera, Safari, Chrome, Flock.
  • Pedomain Lengkap Installasi (PDF Setup Guide)

 

Jadi, Apakah sobat tertarik memiliki Zoom Feed Aggregator?

Disitus resminya saya menjual Template ini terbilang sangat murah yaitu hanya:

  •  $25   Untuk Single License ( Hanya  $15 untuk 15 orang Pembeli pertama) - Discount Code = oomdotcom

  •  $50  Untuk Multiple License (Hanya $40 untuk 15 orang Pembeli pertama) - Discount Code = agusramadhani

  • $25 Untuk Upgrade dari Single License ke Multiple License

Dan semua proses transaksi pembayan melalui Paypal

 

Gak Punya Account Paypal?

Gak masalah Sobat! Pembayaran bisa melalui Tranfer Bank Lokal via (Bank Mandiri dan Bank BCA)

  •  Rp.250.000,- Untuk Single License (Hanya  Rp150.000,- untuk 15 orang Pembeli pertama)

  •  Rp.500.000,-  Untuk Multiple License  (Hanya Rp400.000,- untuk 15 orang Pembeli pertama)

  • Rp.250.000,- Untuk Upgrade dari Single License ke Multiple License

Hubungi saya untuk pembelian di alamat email oom[at]o-om.com atau melalui pesan di Facebook

 

Testimonials

"Salut untuk Zoom Feed Aggregator, Template terbaru ini merupakan terobosan yang sangat luar biasa untuk dunia blogger." - Kang Rohman | http://kolom-tutorial.blogspot.com 


163
Fungsi Kode Untuk Mengatur Tampilan Content Blog


Seperti yang kita ketahui, template blog dengan gaya Magazine Style merupakan salah satu favorit template yang sering di pakai oleh para blogger. Salah satu ciri template blog dengan gaya Magazine Style adalah adanya widget yang muncul lalu menghilang atau awalnya menghilang lalu muncul pada suatu halaman atau postingan blog.


Berikut ini adalah jenis dan fungsi kode untuk mengatur tampilan content blog dari muncul lalu menghilang dan menghilang kemudian muncul. yang bisa Anda terapkan untuk mengatur tampilan widget blog Anda.


1. Hanya pada Halaman Utama Blog

<b:if cond='data:blog.url == data:blog.homepageUrl'> ... </b:if>

Kode ini berfungsi untuk menampilkan widget blog hanya pada halaman utama blog saja alias akan menghilang ketika sobat mengklik Label Post atau membaca postingan secara keseluruhan.
Contoh penggunaan kode ini bisa anda liat pada demo blog berikut. Jika sobat membaca artikel secara keseluruhan atau mengklik kategori post, 3 kolom diatas main post akan menghilang.


2. Kategori Post dan Single Post


<b:if cond='data:blog.url != data:blog.homepageUrl'> ... </b:if>

Kode ini berfungsi untuk menampilkan widget blog pada kategori post dan single post (membaca postingan secara keseluruhan).
Contoh penggunaan kode ini bisa Anda lihat pada demo blog tadi dimana ketika sobat mengklik kategori post atau membaca postingan secara keseluruhan, widget pada kolom footer dengan judul DheTemplate.com - New Free Blogger Template Everyday baru muncul. Widget ini tidak akan muncul pada halaman utama blog.


3. Halama Utama Blog dan Kategori Post


<b:if cond='data:blog.pageType != &quot;item&quot;'> ... </b:if>

Kode ini berfungsi untuk menampilkan widget blog pada main post dan kategori post dan akan menghilang ketika membaca postingan secara keseluruhan.
Contoh penggunaan kode ini pada demo blog tersebut adalah widget pada sidebar kiri dengan judul New Templates. Jika sobat membaca suatu postingan secara keseluruhan atau mengklik kategori post (About dan DheTemplate pada menu navigasi), maka widget tersebut akan menghilang.


4. Single Post
 

<b:if cond='data:blog.pageType == &quot;item&quot;'> ... </b:if>

Kode ini berfungsi untuk menampilkan widget blog hanya pada single post saja atau ketika anda membaca postingan secara keseluruhan dan tidak akan muncul pada main post atau kategori post.
Contoh penggunaan kode ini pada demo blog tersebut adalah widget sidebar kiri dengan judul Blog Template dimana saat sobat membaca suatu postingan secara keseluruhan, maka widget tersebut baru muncul.


5. Halama Utama Blog dan Kategori Post

<b:if cond='data:blog.pageType == &quot;index&quot;'>

Fungsi kode ini sama dengan fungsi kode pada nomer 3.


6. Menampilan Widget Blog Pada Postingan Tertentu Saja

<b:if cond='data:blog.url == &quot;URL_POST_TERTENTU&quot;'> ... </b:if>

Kode ini berfungsi untuk menampilkan suatu widget blog hanya pada suatu postingan tertentu. Untuk lebih jelasnya silahkan sobat melihat demo blog tersebut. Lalu klik artikel post dengan judul DheTemplate.com - New Free Blogger Template Everyday. Anda akan melihat widget blog dengan judul Templates By DheTemplate muncul. Widget tersebut tidak akan muncul apabila sobat membaca postingan blog yang lain. Misalnya sobat membaca postingan pada demo blog tersebut dengan judul DheTemplate.com, maka widget tersebut tidak akan muncul.

7. Menyembunyikan Widget Post Pada Postingan Tertentu Saja

<b:if cond='data:blog.url != &quot;URL_POST_TERTENTU&quot;'> ... </b:if>


Kode ini merupakan kebalikan dari kode no 6 dimana widget blog akan menghilang dari suatu postingan tertentu dan baru muncul pada postingan yang lain. Untuk lebih jelasnya, sobat klik artikel post dengan judul DheTemplate.com - New Free Blogger Template Everyday dan bandingan jika sobat mengklik postingan dengan judul DheTemplate.com. Apa yang akan Anda dapat?? Widget blog dengan judul BlogList tidak muncul pada artikel postingan dengan judul DheTemplate.com - New Free Blogger Template Everyday dan widget tersebut baru muncul pada artikel postingan dengan judul DheTemplate.com. termasuk juga artikel postingan yang lain dan halaman utama dan kategori post  


Mungkin itu saja yang saya tahu tentang cara membuat widget blog dari muncul menjadi menghilang atau menghilang kemudian muncul. Untuk penerapan kode-kode diatas ada 2 cara yaitu langsung pada widget dan secara kelompok (mungkin pada artikel selanjutnya). Semoga bermanfaat.

Penulis :
DheTemplate - "New Free Blogger Template Everyday - Everyday Is New free Blogger Template"
Blog : http://www.DheTemplate.com

128
Blogger Statistik


Tampilan grafis sederhana namun terasa nyaman digunakan, itulah kesan pertama saya ketika mencoba fitur terbaru dari Blogger Statistik.  Dari sekian banyak fitur yang sudah ditanam kedalam Blogger, baru kali ini saya merasa semuanya terasa lengkap. Kalau sebelumnya saya harus login bolak balik ke Google Analytics, kali ini semua terlihat lebih simple kerena sebagian fitur penting dari Google Analytics sudah tertanam kedalam fitur Blogger Statistik yang bisa kita lihat langsung melalui halaman Dashbord. oh iya..untuk bisa mencoba fitur ini karena masih dalam tahap uji coba,  maka rekan bisa mengaksesnya melalui halaman Blogger In Draft

 

 

Biar lebih mudah mempelajari semua fitur yang ada, disini saya coba uraikan satu-persatu :

 

1. Blogger Statistik Overview

Fitur ini memungkinkan kita melihat statistik dari jumlah kunjungan secara global. Dengan tampilan statistik terbagi menjadi 4 bagian, kita sebagai admin tentu dipermudah menganalisa trafik secara real time, melihat minat pengunjung dan menganalisa dari mana saja pengunjung blog kita berasal. Untuk yang lebih spesifik lagi kita dapat memilih waktu penanyang yang tersedia dapat beberapa tab, bisa dalam hari, minggu, bulan atau pada total waktu keseluruhan.

 

2.  Blogger Statistik Post

Gak perlu dijelaskan panjang lebar untuk statistik post, kita tentu sudah mengerti maksud dari penayang ini, Singkatnya kita dapat melihat langsung postingan atau artikel mana yang paling banyak diminati pengunjung. Nah kalau mau menganalisa lebih jeli,  statistik post dengan nilai terbesar bukan hanya berisi artikel menarik atau karena posting ini baru diterbitkan, tapi kata kunci sesuai penargetan juga berpengarur besar lho :) yang lebih kren lagi jika blog kita khusus untuk jual-beli barang tentu kita bisa dengan mudah mengalisa barang apa saja yang paling banyak dicari pembeli :)

 

3. Blogger Statistik Traffic Sources

Bagaimana cara pengunjung menemukan blog kita? disinilah semuanya trafik kujungan tercatat dan ditampilkan kedalam bentuk laporan. Ada 3 bagian yang bisa kita anlisa yaitu, bisa melalui Referring URLs, Referring Sites dan Search Keyword.

 

4. Blogger Statistik Audience

Sangat menarik jika kita dapat dengan mudah mengalisa dari negara mana saja pengujung kita berasal, Web Browser dan SO apa saja yang paling banyak digunakan untuk menampilkan halaman blog kita. Ingat pengunjung adalah raja, tentu kita berharap memberikan servis terbaik untuk mereka.

 

Satu hal menurut saya ada yang kurang atau memang sengaja tidak ditampilkan, kenapa blogger hanya menampilkan statistik untuk jumlah pageviews tanpa menampilkan jumlah visitor? atau memang jumlah visitor langsung djumlahkan dengan kedalam statistik pageviews. yah siapa yang tau...ditunggu aja kabar selanjutnya... :)


121
Membuat Highlighting Current Page atau Current Menu di Blogger


Highlighting Current Page atau Current Menu biasanya diartikan sebagai penanda halaman aktif untuk saat ini ketika user berada dalam halaman tertentu, misalkan dalam halaman Home, About, Help us dan Contact. Pada Blogger sendiripun sebenarnya baru-baru saja sudah menanamkan fitur ini jika kita sedang mengaktifkan fitur untuk halaman (Page). Namun entah kenapa kebanyakan blogger termasuk saya sendiri tidak begitu tertarik menggunakan. Mungkin sudah telat kali ya :)

 

Yang membuat Saya tertarik untuk membahas fungsi Current Page ini karena hampir semua template yang saya sediakan di zoomtemplate.com sudah tertanam fitur untuk menampilkan menu navigasi, sayangnya ya itu tadi, menu yang seharusnya bagus malah seperti hanya sebagai hiasan pengganti link saja, dan kebanyakan hanya terlihat cantik ketika user mengarahkan mouse (mouse hover) namun tidak memiliki fitur penanda bahwa menu tersebut seharusnya terlihat ikut aktif dalam halaman yang juga aktif.

 

Sebagai contoh silahkan rekan melihat demonya di zoomtemplate.com

 

 

 

Disitu bisa rekan lihat saat kita berada dalam area halaman HOME, Link menu HOME juga terlihat ikut aktif. Begitupula saat rekan berapa dalam halaman FAQ'S dan beberapa Menu lainnya yang terlihat juga ikut aktif. 

 

Biar lebih mudah mempelajarinya silahkan Download contoh Demo Menu yang sudah saya rancang disini.

 

 

OK langsung ke tutorial saja ya. Oh iya contoh menu dibawah ini tidak sama dengan contoh menu di zoomtemplate.com, tapi rekan dapat mengedit menu tersebut sesuai kebutuhan. Terus terang saya kesulitan menjelaskannya, karena hampir setiap kode CSS Menu memiliki rancangan yang unik dan berbeda.Tapi dengan contoh kali ini saya yakin rekan paling tidak mempunyai sedikit gambaran bagaimana cara Aktive Curren Page / Current Menu ini bekerja.

 

1. Silahkan langsung tuju ke halaman Edit HTML

 

2. Letakan kode CSS dibawah tepat diatas kode ]]></b:skin>
 

#nav ul {
background:url(http://1.bp.blogspot.com/_C6KkooKXCEw/TBoL1r2WrmI/AAAAAAAAGDo/RPFGeeHuA6M/s400/backgr.jpg) repeat-x left top;
margin:0;
border-bottom:3px solid #98CB00;
border-top:1px solid #00CCFF;
list-style-type:none;
height:31px;
}
#nav li {
float:left;
}
#nav li a {
display:block;
padding:5px 15px 4px;
font:bold 16px "Trebuchet MS";
font-stretch:condensed;
text-decoration:none;
color:#00CCFF;
letter-spacing: -0.1em;
}
#nav li a:hover {
color:#98CB00;
}
#nav li.current {
background:url(http://2.bp.blogspot.com/_C6KkooKXCEw/TBoL199-A9I/AAAAAAAAGDw/v2878UtlPsA/s400/current.gi) no-repeat center bottom;
color:#98CB00;
}

 

2. Letakan kode Javascript dibawah ini tepat diatas kode </head>

 

<script type='text/javascript'>
//<![CDATA[

function extractPageName(hrefString)
{
var arr = hrefString.split('/');
return (arr.length<2) ? hrefString : arr[arr.length-2].toLowerCase() + arr[arr.length-1].toLowerCase();
}
function setActiveMenu(arr, crtPage)
{
for (var i=0; i<arr.length; i++)
{
if(extractPageName(arr[i].href) == crtPage)
{
if (arr[i].parentNode.tagName != "DIV")
{
arr[i].className = "current";
arr[i].parentNode.className = "current";
}
}
}
}
function setPage()
{
hrefString = document.location.href ? document.location.href : document.location;

if (document.getElementById("nav")!=null)
setActiveMenu(document.getElementById("nav").getElementsByTagName("a"), extractPageName(hrefString));
}

//]]>
</script>

 

3. Kemudian silahkan cari kode dibawah ini dalam barisan kode pada halaman Edit HTML

 

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

 

Lalu letakan kode dibawah ini tepat diatas kode diatas.

 

<div id='nav'>
<ul>
<li><a href='/'>HOME</a></li>
<li><a href='
#'>FAQ'S</a></li>
<li><a href='
#'>HELP US</a></li>
<li><a href='
#'>CONTACT</a></li>
</ul>
<script language='javascript'>setPage()</script>
</div>

 

Agar Efek Current Page / Menu bisa bekerja, rekan harus mengganti tanda # diatas dengan alamat url post yang aktif.

 

Untuk membuat dan mengedit tampilan menu jauh lebih cantik dari contoh menu diatas rekan sebaiknya mau tidak mau harus banyak mempelajari pengkodean HTML, CSS dan Javascript.

 

Selamat mencoba :)