Home » All posts

Minggu, 29 Agustus 2010

Membuat RSS Feed Untuk Website Yang Tidak Mendukung Feed

22.29  , ,  No comments


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

thumbnail Title: Membuat RSS Feed Untuk Website Yang Tidak Mendukung Feed
Posted by:Unknown
Published :2010-08-29T22:29:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 Membuat RSS Feed Untuk Website Yang Tidak Mendukung Feed
Read More

Rabu, 25 Agustus 2010

e-Junkie: Jualan produk online jadi lebih mudah

20.58  , , ,  No comments



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)

thumbnail Title: e-Junkie: Jualan produk online jadi lebih mudah
Posted by:Unknown
Published :2010-08-25T20:58:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 e-Junkie: Jualan produk online jadi lebih mudah
Read More

Sabtu, 21 Agustus 2010

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

11.11  ,  No comments



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


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 didunia yang pernah dirancang menggunakan flatform Blogspot.


 


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. Yang perlu saya tekankan 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 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
uang!


 


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.

  • Panduan Lengkap SEO untuk Blogger (Anda harus melihatnya).

  • Mengusung konsep Blogazine (Blog Magazine).

  • 4 pilihan skema warna (Gray, Purple, Yellow, Red, Blue)

  • 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)


 


Berminat memiliki template ini? silahkan baca rincian harga

disini

thumbnail Title: Zoom Feed Aggregator (Premium) - Blogger Template pertama sebagai Feed Aggregator seperti Popurls dan Alltop
Posted by:Unknown
Published :2010-08-21T11:11:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 Zoom Feed Aggregator (Premium) - Blogger Template pertama sebagai Feed Aggregator seperti Popurls dan Alltop
Read More

Sabtu, 17 Juli 2010

Fungsi Kode Untuk Mengatur Tampilan Content Blog

20.09  ,  No comments

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 href="http://demoblog-ajah.blogspot.com/" target="_blank">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

thumbnail Title: Fungsi Kode Untuk Mengatur Tampilan Content Blog
Posted by:Unknown
Published :2010-07-17T20:09:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 Fungsi Kode Untuk Mengatur Tampilan Content Blog
Read More

Jumat, 02 Juli 2010

Blogger Statistik

11.22  ,  No comments


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... :)

thumbnail Title: Blogger Statistik
Posted by:Unknown
Published :2010-07-02T11:22:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 Blogger Statistik
Read More

Kamis, 17 Juni 2010

Membuat Highlighting Current Page atau Current Menu di Blogger

04.47  , ,  No comments


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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOSybfvW5NM3aYic_I5370Z4XtWqNgKpFQupwZe8UljvoLM07LdRSKg_2zrSrYXDcnoUS8QTthoBSm4fcO2xK-Zl5ksUNstI0Mbo-ObayQJCL_LO2o9jl1r_K521qlOmwHOLJUhrQWhKqI/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQajlHn6rrjaX5i8rhvcp0y4Mxx2tS0jcPVY5c6m6IqK2-mDXB3BSEl_sWYt4f85Njo1mF11uBrXrX3Ef2D-RGiwkOcusvQ0RdZXqMArha3wgL6DD08iCurcFtVp14qO337aGQxDQ75-9m/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 :)

thumbnail Title: Membuat Highlighting Current Page atau Current Menu di Blogger
Posted by:Unknown
Published :2010-06-17T04:47:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 Membuat Highlighting Current Page atau Current Menu di Blogger
Read More

Senin, 07 Juni 2010

Blogger Template: Baby Shop

23.31    No comments


Baby Shop Blogger Template merupakan desain template yang khusus saya
konversi buat rekan yang ingin membangun toko online sederhana terutama yang
ingin berjualan pernak pernik peralatan Bayi. Dengan style tampilan yang sangat
elegant dan terlihat profesional, template ini tentu saja dirancang khusus
bergaya Gallery plus Magazine, tidak lupa juga sudah saya tanam fitur SEO
didalamnya biar jualannya lancar hehehehe. Tapi sayang, karena terbatasnya
fasilitas di blogger ruang gerak saya untuk merancang memiliki fitur Shoping
Cart jadi batal, jadi pemesanan per item hanya bisa dilakukan secara manual. yah
anggap saja transkasi jual beli  dan pembayaran nanti dilakukan secara
manual saja via rekening bank atau via Paypal juga gak masalah. Ok selamat
berjualan :)




Demo:
http://babyshop-zoomtemplate.blogspot.com


Download:

http://www.zoomtemplate.com/2010/06/baby-shop.html

thumbnail Title: Blogger Template: Baby Shop
Posted by:Unknown
Published :2010-06-07T23:31:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 Blogger Template: Baby Shop
Read More

Senin, 31 Mei 2010

Blogger Template: Smart Touch

18.09    No comments


Smart Touch merupakan Blogger template hasil konversi dari CSS template ke
blogger dengan tampilan elegant dengan warna biru yang menawan, template ini
seperti biasa sudah tertanam fitur SEO Friendy, auto bookmark dan Ads
Ready, jadi rekan gak kesulitan lagi mengatur semuanya karena sudah All in one
:)


Demo:
http://smarttouch-zoomtemplate.blogspot.com


Download:
http://www.zoomtemplate.com/2010/05/smart-touch.html

thumbnail Title: Blogger Template: Smart Touch
Posted by:Unknown
Published :2010-05-31T18:09:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 Blogger Template: Smart Touch
Read More

Jumat, 28 Mei 2010

Blogger Template: Dating Theme / Love Letter

17.29    No comments

Dating theme atau love leter template terbaru hasil konversi om, dengan warna
ping dan love-love berhamburan, cocok buat yang lagi sedang jatuh cinta atau
blog yang menulis tentang kata-kata mutiara, so jadilah yang pertama mencobanya
hehehhehe






Demo:
http://datingthemes-zoomtemplate.blogspot.com

Download:
http://www.zoomtemplate.com/2010/05/dating-theme.html

thumbnail Title: Blogger Template: Dating Theme / Love Letter
Posted by:Unknown
Published :2010-05-28T17:29:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 Blogger Template: Dating Theme / Love Letter
Read More

Kamis, 20 Mei 2010

Blogger Template: Today's News dan Diadema

19.19    No comments

Today's News Blogger Template



Today's News Blogger Template merupakan hasil konversi Wordpress ke Blogger
yang baru saja saya buat tadi malam, Hadir dengankonsep desain nan elegan
dan cool abis ini bisa membuat rekan sobat iri hehehehe. Template Ini sangat
cocok buat blog atau situs dengan konsep berita. Ok jadilah orang pertama
yang mencobanya :)





Demo |

Download


 




Features:



  • Options Page

  • Post Thumbnails

  • Featured Content

  • 125�125 banners ready (easy editable from admin options)

  • 468�60 Header Banner ready (easy editable from admin options)

  • Three columns

  • Gravatar on Comments

  • Compatible with latest WordPress versions

  • Widgets Ready

  • SEO Optimized

  • Fixed width

  • Tested and compatible with all major browsers: IE, FF, Safari



 


Diadema Blogger Template


Hampir Sama dengan Today's News, template Diadema hadir dengan konsep yang
sangat menawan dengan desain yang mengagumkan. kalau rekan pecinta Fashion
template ini jangan sampai dilewatkan :)






Demo |

Download


 


Features:



  • Options Page

  • Post Thumbnails

  • Featured Content

  • 125�125 banners ready (easy editable from admin options)

  • Two columns

  • Gravatar on Comments

  • Compatible with latest WordPress versions

  • Widgets Ready

  • SEO Optimized

  • Fixed width

  • Tested and compatible with all major browsers: IE, FF, Safari

thumbnail Title: Blogger Template: Today's News dan Diadema
Posted by:Unknown
Published :2010-05-20T19:19:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 Blogger Template: Today's News dan Diadema
Read More

Senin, 17 Mei 2010

Convert Wordpress Theme to Blogger Template

18.13    No comments

Merancang desain fresh dan terbaru pada template bisa om katakan sangat sulit,
ini bukan karena masalah pengkodean CSS dan XML yang ribet, tapi memang
merancang sesuatu yang baru dan segar dari segi desain dan pemilihan warna untuk
template blog itu sendiri yang bikin pusing. Dari pada pusing tujuh keliling
mendingan melakukan konversi dari template platform lain yang sudah jelas
desainnya, selain lebih mudah tentu resiko kejelekannya bisa diantisipasi hehehe




Oh iya, judul diatas bukan ngajarin caranya ya, disini om cuman nginformasiin
kalau dua hari ini om lagi senang-senangnya melakukan konversi wordpress ke
blogger template, dan ini ada 2 yang sudah om buat jadi silahkan di download :)


 


MysticGrunge Blogger template



 


Blogger template terbaru hasil konversi Wp ke blogger buatan om, theme dengan
nama "Mystic Grunge" ini Elegant banget dan cocok sekali buat
Blogger Misterius hehehe, jangan lupa di-Vote dan di-Comment ya.


Demo http://mysticgrunge-zoomtemplate.blogspot.com 


Download
http://www.zoomtemplate.com/2010/05/mysticgrunge.html



 



KikiBerry Blogger template







"KikiBerry Blogger template" terbaru hasil konversi dari WP ke Blogger buatan
om, pokonya ini template elegant abis dan simple, cocok banget buat blogger
cewek :D silahkan di download ya, jangan lupa kasih Vote


Demo
http://kikiberry-zoomtemplate.blogspot.com


Download

http://www.zoomtemplate.com/2010/05/kikiberry.html


 


OK, ditunggu ya konversi lainnya :)




NB: Jangan lupa kalau kasih komen di zoomtemplate sebisanya pake English ya :) thanks

thumbnail Title: Convert Wordpress Theme to Blogger Template
Posted by:Unknown
Published :2010-05-17T18:13:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 Convert Wordpress Theme to Blogger Template
Read More

Kamis, 13 Mei 2010

Cara Membuat Sub Domain CO.CC

19.31  ,  No comments


Penulis: Azhar Fahrurazi | henpina.co.cc





Mungkin sudah banyak oran-orang yang mengetahui trick ini, sampai-sampai orang
yang akan membacanya-pun enggan membaca Artikel tersebut, tapi, yang mereka
ajarkan adalah menggunakan
dnspark.net yang ada masa expired atau massa berlakunya, meskipun suangat
lama, tapi, sewaktu-waktu kita pastinya akan merasa tidak nyaman bukan?




Nah, disini saya ingin memperlihatkan kepada anda bagaimana caranya membuat
Sub-Domain langsung didalam Co.cc secara realive, gak percaya ? Simak Gan (
KasKus langue mode : On)




1. Masuk kedalam co.cc dengan Account anda masing-masing di

https://www.co.cc/log_in_out/login.php







2. Setelah itu, anda akan disuguhkan dengan sebuah Form yang berisikan 4
alamat domain yang sudah anda buat ( Apabila anda berhasil Login ).







3. Pilih domain yang akan anda jadikan Sub-Domain, disini dan didalam contoh
ini, saya akan memakai proxyesterday.co.cc



4. Klik Setup


5. Setelah itu, anda akan disuguhkan Form Setup







6. Klik zone record


7. Didalam Host, isikan apa yang ingin anda jadikan Sub domainnya, misalkan
oom


8. Dan otomatis, domain yang akan keluar adalah
oom.aktifiskaskus.co.cc


9. Didalam Value, isikan ghs.google.com







10. Klik Setup


11. Berhasil !!!!!


 


Lalu, apa yang harus kita lakukan selanjutnya?


 


Setup Sub-Domain didalam
Platform kita sendiri, disini saya menggunakan blogspot.com


 


1. Login kedalam Account Platform anda ( Didalam contoh ini saya menggunakan
Blogspot )


2. Setelah berhasil, masuk kedalam menu Pengaturan → Publikasikan dan
disana yang harus anda pilih adalah Domain Ubah Suaian







3. Kemudian pilih Beralih ke pengaturan lanjut







4. Masukkan Sub Domain yang sudah anda masukkan dan Setup tadi, yaitu
oom.aktifiskaskus.co.cc


5. Masukkan Capcay ( Verifikasi Kata )


6. Klik Simpan Setelan


7. Berhasil !!!!!!!







8. Kemudian klik Lihat Blog




Selamat, Sub-Domain
oom.aktifiskaskus.co.cc berhasil dibuat !



thumbnail Title: Cara Membuat Sub Domain CO.CC
Posted by:Unknown
Published :2010-05-13T19:31:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 Cara Membuat Sub Domain CO.CC
Read More

Jumat, 07 Mei 2010

5 Sumber Ide untuk Artikel Blog Anda

06.12  ,  No comments


Penulis: Reza Winandar | Blogger Make Money





Tentu blog kita mempunyai postingan bukan? Apakah isi dari postingan itu?
Apakah hanya sekedar curhat dan cerita mengenai kehidupan kita, atau berupa ilmu
pengetahuan? Yang pasti banyak blogger yang mengisi blognya dengan artikel.
Artikel dapat berupa guide maupun penjelasan terhadap suatu hal. Artikel
merupakan hal yang sangat penting dalam blog karena artikel adalah salah satu
kunci keberhasilan blog kita. Kadangkala, kita dapat dibuat pusing dalam mencari
ide untuk membuat artikel. Dalam membuat artikel, kita harus mencari ide-ide
yang fresh agar pengunjung tidak bosan.




Banyak sekali sumber-sumber ide yang mungkin belum tereksplorasi. Dan beberapa
sumber ide itu kadangkala muncul di depan mata kita, tapi kita tidak
menyadarinya. Beberapa orang berpikir keras untuk mencari ide, padahal
sebenarnya apabila ia peka, maka ia bisa mendapatkan ide dengan mudah. Berikut
adalah contoh-contoh dari beberapa sumber ide untuk artikel blog kita:




1. Google Trends


Google Trends dapat digunakan untuk mencari topic-topik apa saja yang sedang
hangat dibicarakan, dan apabila kita cepat dalam mengambil topic tersebut, bukan
tidak mungkin kita bisa menjadi yang nomor satu di Google dalam waktu singkat.




2. Forum


Jadilah aktif di forum dan anda akan menemukan thread yang berisi pertanyaan,
kemudian anda bisa membantu mencari jawabannya dan mempostingnya di blog anda,
selanjutnya tinggal arahkan pengunjung forum ke blog anda.




3. Komentar pada blog anda sendiri


Saya pernah mengalami ini, suatu ketika ada pengunjung yang bertanya sesuatu
kepada saya, dan untuk menjawabnya, saya membuat artikel kemudian mempostingnya
dan memberitahu si pemberi komentar bahwa saya telah menjawab pertanyaannya.




4. Situs berita


Anda bisa mencari berita yang tengah hangat kemudian menulis ulang dan
mempublikasikannya kepada para pembaca anda. Sebaiknya cari topic yang sesuai
dengan niche blog anda.




5. Direktori artikel


Di sinilah gudangnya informasi dan pengetahuan. Cobalah iseng-iseng untuk
membuka salah satu situs ini dan mencari artikel yang sedang dipajang di halaman
utama, atau anda bisa mencari artikel yang anda gemari, contoh : Hobi Memancing.
Dari situ anda bisa tahu topic apa yang sedang hangat dibicarakan atau apa yang
sedang menjadi diskusi para pemancing.




Anda juga bisa mendaftar di
ReadBud untuk
mendapatkan artikel-artikel berkualitas yang bisa anda jadikan sumber ide
sekaligus menghasilkan dollar. Setiap anda membaca artikel dan member rating
yang JUJUR, anda akan mendapatkan beberapa sen yang setiap harinya anda bisa
menghasilkan lebih dari $1.




Nah, sekian beberapa contoh sumber ide dari saya, apabila anda tertarik dengan
artikel-artikel saya, silakan tunggu guest post selanjutnya di
blog ini.

thumbnail Title: 5 Sumber Ide untuk Artikel Blog Anda
Posted by:Unknown
Published :2010-05-07T06:12:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 5 Sumber Ide untuk Artikel Blog Anda
Read More

Sabtu, 01 Mei 2010

Installasi Twitter @Anywhere Pada Kotak Komentar

07.39  , ,  No comments


Penulis: ArdianZzZ | Ardianzzz.blogspot.com









Kotak komentar adalah sarana diskusi yang paling efektif. Atau paling tidak,
kotak komentar adalah salah satu tempat untuk sekedar saling sapa dan
berinteraksi. Karena pada engine blogger tidak terdapat fasilitas untuk reply
comment, kegiatan bertegur-sapa biasanya dilakukan dengan meniru Facebook atau
Twitter. Yaitu dengan menambahkan simbol �At�(@) pada awal nama. Misalnya saya
ingin membalas komentar o-om, maka saya menambahkan @oomdotcom
pada awal kalimat. Sebagai tanda bahwa tanggapan tersebut saya tujukan untuk o-om.






Kita dapat menambahkan interaktivitas kotak komentar dengan menggunakan plugn
Twitter @Anywhere. Dimana setiap kata yang diawali dengan simbol �At�(@) dapat
diconvert secara otomatis menjadi link yang menuju akun twitter yang dituju.
Sangat menarik bukan, karena dapat menambah suasana kotak komentar menjadi lebih
hidup dan interaktif.






Untuk lebih jelas, dapat dilihat pada demo page
disini.







Berikut ini adalah langkah-langkah installasi Twitter @Anywhere:




1. Masuk di @Anywhere


Sebelumnya, anda harus memiliki akun twitter terlebih dahulu. Kemudian
kunjungi
http://dev.twitter.com/anywhere











2. Daftarkan Aplikasi


Isikan segala informasi yang dibutuhkan. (Hal ini sangat mudah dan tidak
perlu penjelasan lebih)


 






3. Dapatkan API key.






 

4. Installasi



Setelah mengetahui API key, hal yang perlu dilakukan adalah dengan menambahkan
JavaScript berikut ini sebelum </head>


 

<script src="http://platform.twitter.com/anywhere.js?id=APIKey"
type="text/javascript"></script>


 

Gantilah APIKey dengan API
Key anda.


 

Beberapa fitur yang dapat digunakan adalah:


 

a. LinkifyUser


Script akan mengubah semua konten yang diawali dengan �at� simbol menjadi
link akun twitter.


 


b. Hovercards


Membuat link memunculkan tooltip yang berisi informasi tentang akun twitter.


 

Untuk melakukannya letakkan javascript berikut ini:


 

<script>

twttr.anywhere(function(twitter) {

twitter(&quot;.comment-body&quot;).linkifyUsers();

twitter.hovercards();

});

</script>


 

Ganti huruf yang berwarna merah dengan class yang sesuai. Jika anda menggunakan
Basic Minima, maka kotak komentar memiliki class .comment-body. Jika tidak yakin
dan anda menginginkan semua konten dalam body diconvert menjadi link maka
gantilah dengan body.


 

5. Kesimpulan


Cara ini sangat mudah dilakukan dan cukup efektif untk menambah
interaktivitas pada kotak komentar. Tetapi yang perlu diperhatikan adalah, jika
kita menuliskan username yang salah maka link yang dihasilkan menjadi tidak
relevan. Misalnya saya menuliskan @oomdotcom yang
menghasilkan link menuju http://twitter.com/oomdotcom.
Tetapi jika saya menuliskan @o-om, maka link yang dihasilkan adalah
http://twitter.com/o-om yang berarti salah sasaran.





Selain kedua fitur di atas, terdapat jga fitur-fitur seperti



  • Follobutton

  • Tweet Box

  • Twitter Connenct


Untuk lebih jelasnya tentang cara penggunaannya dapat mengunjungi:

http://net.tutsplus.com

 


Profile Penulis:


ArdianZzZ adalah Seorang blogger biasa tetapi bukan blogger yang biasa-biasa saja. Sangat antusias dengan webdesain terutama pada Typography, CSS dan JavaScript.

thumbnail Title: Installasi Twitter @Anywhere Pada Kotak Komentar
Posted by:Unknown
Published :2010-05-01T07:39:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 Installasi Twitter @Anywhere Pada Kotak Komentar
Read More

Rabu, 28 April 2010

7 Manfaat Widget Google Friend Connect

01.22  , ,  No comments


Penulis: Anawia putra | anawia.com





Sudah tahu apa itu google friend connect, Google friend connect adalah
suatu program komunitas sosial seperti BlogCatalog, MyBlogLog, dan
lain-lain. Bagi pengguna blogger mungkin tidak asing lagi karena sudah
tertanam didalamnya secara otomatis. karena blogger juga milik google
jadi otomatis sudah dipasangnya.




Bagi pemilik blog ber mesin wordpress harus mendaftar terlebih dahulu
untuk digunakan di blognya. caranya bisa dibaca di
cara
memasang google friend connect yang pernah saya tulis di blog
saya.





Kebanyakan blogger hanya memajang widget ini sebagai trend saja. Tanpa
memanfaatkannya lebih jauh lagi. Padahal widget tersebut memiliki fungsi
yang besar untuk membesarkan situs kita. Untuk itu saya mencoba
membahas setidak nya 7 manfaat dari google friend connect.




7 manfaat itu antara lain :



1. Dapat mempromosikan tulisan terbaru



Bagi pengguna blogger akan secara otomatis memberitahu artikel terbaru
kita dihalaman dashboard para follower atau di halaman href="http://www.blogger.com/home" target="_blank">http://www.blogger.com/home
setelah anda masuk ke account blogger anda. Jika tulisan anda menarik,
mereka akan segera berkunjung ke blog anda.




2. Dapat digunakan untuk mempromosikan produk terbaru
kita.



Tanpa disadari tenyata google friend connect bisa dimanfaatkan sebagai
alat untuk mempromosikan produk. Melalui fitur nawala yang ada
didalamnya. cara menggunakannya yaitu dengan mengirim pesan nawala yang
isinya produk yang ingin anda promosikan. Kemudian kirimkan ke
follower-follower anda. Pesan akan terkirim dalam bentuk email. artinya
anda tidak perlu capek membuat autoresponden, karena google friend
connect telah dapat dimanfaatkan untuk itu.




3. Bisa mengetahui minat pembaca



Buat sebuah pertanyaan untuk mengetahui minat pembaca dengan mengakifkan
polling yang tersedia. Dengan mengetahui minat pembaca, maka anda dapat
menulis artikel yang disukai pembaca, dengan demikian maka tulisan anda
akan dilahap habis oleh pembaca. Mempromosikan produk sesuai dengan
minat mereka mungkin akan sangat baik untuk produk yang anda
recomendasikan.




4. Meningkatkan pertumbuhan blog



Dengan berjalannya manfaat pada point 1. saat anda mempromosikan
tulisan-tulisan anda maka secara tidak langsung membantu meningkatkan
pertumbuhuan blog anda dan ini harapan dari semua blogger. Karena itu
tingkatkan follower blog anda agar pertumbuhan blog yang anda miliki
lebih baik dari sebelumnya.




Banyak cara untuk meningkatkan follower blog kita. dan ini hanya
membutuhkan kreatifitas kita misalnya dengan memberikan bonus ebook atau
yang lain. sekedar contoh saya memberikan
2
bonus ebook untuk pelanggan follower saya lihat di link tadi.




5. Dapat menjaring pelanggan lebih luas



Siapapun dapat dengan mudah menjadi pelanggan follower anda.

bergabung dalam situs Anda dengan sekali klik. Mereka dapat menggunakan
account Google, Yahoo, Twitter dan account lainnya. karena itu membuka
gerbang untuk menjaring pelanggan yang lebih luas lagi.



6. Pengunjung dapat berinteraksi dengan pengunjung yang lain



Kelebihan google friend connect yang memberi manfaat untuk pemilik blog
adalah adanya fasilitas untuk berinteraksi sesama follower. Dengan
demikian mereka akan menjadi lebih kerasan berada di blog anda. Mereka
sebagai follower juga bisa menilai dan memberi rating blog anda.
mengundang teman-teman mereka dalam penerbitan hasil kegiatan mereka
kepada mereka jaringan sosial. lebih mendalam melibatkan pengunjung
dengan situs Anda begitu juga


antara pengunjung yang satu dengan yang lainya



7. Pelanggan follower dapat bertambah
otomatis



Bertambah otomatis artinya pelanggan yang suka dengan blog anda bisa
mengundang sahabat-sahabat mereka untuk bergabung menjadi follower.
Dalam hal ini terjadi secara otomatis tanpa anda suruh. Fitur seperti
inilah yang menurut saya bisa menjadikan facebook besar seperti sekarang
ini. tapi ini hanya pendapat saya.




Nah dari 7 manfaat ini sebenarnya masih bisa anda gali menjadi 10 atau
lebih mungkin manfaat dari anda memasang widget follower. Terima kasih
kesempatannya kepada Om Agus telah menerbitkan tulisan sederhana saya.



Satu pertanyaan untuk menutup ulasan saya mengenai manfaat follower ini
adalah Sudahkah anda
memasang
follower widget dan sudah pula kah anda memanfaatkannya ?

thumbnail Title: 7 Manfaat Widget Google Friend Connect
Posted by:Unknown
Published :2010-04-28T01:22:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 7 Manfaat Widget Google Friend Connect
Read More

Sabtu, 24 April 2010

Compress Javascript dengan YUI Compressor

21.42  , ,  No comments


Percaya nggak desain web site/blog tanpa javascript ibarat sayur tanpa
garam? bagaimana mungkin sebuah aplikasi web profesional tidak didukung dengan
javascript ini. Silahkan anda cek sendiri web site kelas dunia diluar sana yang
kebanyakan menggunaan fitur AJAX seperti Yahoo, Google dan  Facebook apa
mereka menghindari script yang satu ini, gak mungkin lah hehehe jadi jangan
pernah berpikir menghindarinya jika kita hanya berpikiran untuk masalah
kecepatan loading website. Pemakaian Javascript yang wajar-wajar saja saya rasa
tidak ada masalah, asalkan memang didukung dengan server yang mumpuni, terlebih yang
menggunakan platform blogspot yang dihost langsung pada platform tersebut..coba
silahkan buka kembali tutorial lawas saya

disini yang membahas cara host javascript langsung di blogspot.


 


Sebenarnya banyak sekali tools javascipt compressor diluar sana yang
bisa kita coba, namun hanya sedikit yang benar-benar bekerja dengan baik menurut
saya. Dari sekian banyak tools yang saya coba hanya
YUI
Compressor  yang dikembangkan langsung melalui dapur Yahoo
Developer  Network ini saja yang benar-benar berkerja tanpa kesalahan
(error). Ini sudah saya  buktikan pada beberapa blog blogspot saya dan
semuanya bekerja dengan sempurna. silahkan cek langsung pada
zoomtemplate.com
dengan melihat source codenyanya secara langsung melalui browser kita
masing-masing.


 


Ok lah mungkin sebagain dari blogger kurang setuju menggunakan javascript
dengan alasan kecepatan, tapi jika kita terpaksa tetap menggunakannya ya mau
tidak mau kita harus mencoba merampingkannya dengan cara mengompress script
tersebut. Tujuannya agar ukurannya menjadi lebih kecil dari ukuran semula dan
tentu saja paling tidak loading page blog kita jadi sedikit lebih cepat :)


 


Ada beberapa layanan Online yang sudah support YUI Compressor yang
bisa kita coba, diantaranya yang sering saya gunakan adalah
YUI Compressor Online dan
Online YUI Compressor.
Cara menggunakan layanan ini juga tidak sulit, kita tinggal memasukan saja semua
kode javascript yang ingin di-kompresi, ingat! tanpa memasukan tag
<script
type='text/javascript'>..</script>
tapi hanya kode utamanya saja.





Tampilan Online YUI Compressor


 


Tampilan YUI Compressor Online


 


Sebenarnya saya sekali ingin menjelaskan panjang lebar semua mengenai YUI
Compressor, namun saya yakin dari pada kalian bosan membacanya mending
pelajari saja ya secara langsung dialamat websitenya
disini :)

thumbnail Title: Compress Javascript dengan YUI Compressor
Posted by:Unknown
Published :2010-04-24T21:42:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 Compress Javascript dengan YUI Compressor
Read More

Minggu, 18 April 2010

5 Tips Sederhana Meningkatkan PageView Blog

09.33  ,  No comments


Penulis: Satrya | margasatrya.com | Twitter





Apa itu pageview? Pageview adalah nilai rata-rata jumlah halaman blog
kita yang diakses oleh satu visitor dalam satu kali
kunjungan.Pageview ini sangat penting sekali, karena anda bisa mengukur
seberapa bermanfaatkah atau seberapa menarikah artikel anda untuk para
pembaca blog anda, bila pageview anda tinggi walaupun dengan visitor
yang masih minim itu berarti artikel-artikel yang anda tulis cukup
memberikan manfaat dan menarik perhatian untuk pembaca.Hal ini pun
menurut pengalaman pribadi saya bisa menambah semangat anda dalam
menulis.Coba anda bayangkan ketika blog anda mempunyai traffic yang
tinggi ditambah artikel-artikel anda yang menarik dan bermanfaat sudah
dipastikan pageview anda juga akan sangat tinggi mungkin bisa menyamai
blog ini bahkan mungkin bisa melewati blog href="http://www.o-om.com/" target="_blank">o-om.com ini :D.



Saya akan memberikan 5 tips sederhana yang bisa meningkatkan pageview
blog anda :



1. Mengupdate Artikel Setiap Hari.



Mengapa
harus update artikel setiap hari?apa hubungannya dengan pageview?
Mengupdate artikel setiap hari tentunya akan menambah banyak jumlah
artikel yang anda tulis pada blog anda.Bila satu hari ada seorang
visitor yang berkunjung ke blog anda, ketika visitor tersebut membaca
satu artikel anda dan dia mendapatkan manfaat dari artikel anda
tersebut, pasti dia akan mencari artikel-artikel bermanfaat lainnya di
blog anda.Setiap artikel yang dia baca akan menambah jumlah pageview
anda.




2. Membuat Judul Artikel Semenarik mungkin


 


Jangan sampai para
pembaca blog anda melewatkan sebuah artikel penting hanya gara-gara
judul yang kurang menarik.Dengan judul artikel yang menarik kemungkinan
besar pengunjung penasaran untuk membaca artikel tersebut.



3. Submit Artikel Anda ke Social Bookmark



Pasti anda sudah
tahu apa itu social bookmark.Social bookmark bisa mendatangkan traffic
yang banyak.Ada 3 situs social bookmark yang biasa saya gunakan dan
memang khusus blog berbahasa indonesia yaitu, href="http://lintasberita.com" target="_blank">lintasberita.com ,href="http://infogue.com" target="_blank">infogue.com dan href="http://antarblog.com" target="_blank">antarblog.com.




4. Pasang Artikel Penting di Sidebar



Manfaatkanlah sidebar
anda untuk memberi kemudahan oada pengunjung untuk menavigasi blog
anda.Maksudnya pasanglah artikel-artikel yang menurut anda bermanfaat
atau menarik di sidebar anda.Misalkan artikel terpopuler dari blog anda,
atau artikel yang penting untuk di baca pengunjung anda.




5. Pasang Artikel Terkait dibawah Setiap Postingan Anda



Gunanya
hampir sama dengan memasang artikel penting di sidebar, tapi biasanya
artikel terkait ini satu kategory dengan artikel yang sedang di baca
oleh pengunjung tersebut.Ketika selesai membaca artikel kemudian
pengunjung melihat artikle terkait tepat di bawah postingan bukan tidak
mungkin pengunjung tersebut akan terus tertarik untuk membaca artikel
lainnya.




Sekarang anda perhatikan susunan 5 tips yang sudah saya tulis di
atas.Pertama anda harus mengupdate setiap hari artikel agar menambah
jumlah artikel di blog anda semakin banyak dengan judul setiap artikel
menarik perhatian pengunjung, setelah itu anda submit artikel-artikel
anda ke situs-situs social bookmark untuk mendapatkan visitor.Ketika
visitor tertarik berkunjung dan membaca salah satu artikel anda ternyata
bermanfaat atau menarik maka pengunjung tersebut pun akan mencari
artikel bermanfaat atau menarik lainnya dengan mencarinya di sidebar
atau pada postingan terkait yang sudah anda letakan tepat di bawah
postinganan anda.




Semoga bermanfaat.

thumbnail Title: 5 Tips Sederhana Meningkatkan PageView Blog
Posted by:Unknown
Published :2010-04-18T09:33:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
 5 Tips Sederhana Meningkatkan PageView Blog
Read More