2010 | WeCode | Web Design Contruction Development

Hai kita jumpa lagi dengan saya disini lama ngga posting nih maklum lagi sibuk di dunia nyata kali lin saya sempatkan untuk menemui sahabat pengunjung blog ini untuk memberikan ilmu sebuah code script SMS gratis untuk dipasang di blog sobat caranya adalah sbb :

1. Klik Rancangan terus
2. Klik tambah gadget
3. Pilih HTML/Java Script Paste code script dibawah ini :
4. Sebelum disimpan atur dulu panjang dan tinginya widget yang berwana merah setelah itu simpan

<iframe name="I2" src="http://sms-online.web.id/widget"
width="270" height="350"> not support
</iframe>
<a href='http://wecodesign.blogspot.com/2010/11/membuat-widget-sms-gratis.html' rel='nofollow'>Make Widget</a>

Selesai silakan anda SMS ke Teman, sahabat atau ke pacar anda tapi sayang tida bisa menerima pesan SMS tapi ada caranya dibawah pesan SMS tersebut kita ketik balas pesan ke No HP saya 087815 xxx misalnya kemudian kita membalas SMS lewat Internet begitu seterusnya maka pulsa kita tidak terpakai alias gratis

Google Webmaster Meta Tag Verify
Sobat dapurblogger pasti tidak asing dengan Google Webmaster, sebuah tools gratis dari google yang memberikan manfaat yang banyak dan sangat membantu kita dalam optimalisasi blog kita terhadap Google SERP dan sangat membantu untuk mempercepat terindeksnya blog kita oleh google search engine.

Untuk lebih mengenal google webmaster, sobat dapurblogger bisa mengunjungi artikel pada dapurblogger dengan judul Googl Webmaster. Di sana saya sedikit memberikan ulasan yang saya harap dapat membantu sobat dapurblogger dalam memahami dan mengetahui manfaat google webmaster.

Untuk memudahkan blog kita terindeks oleh google, kita harus memasang meta tag google webmaster untuk kemudian kita melakukan meta tag google webmaster tersebut, tentunya setelah kita memasang meta tag tersebut pada HTML blog kita dan kita memverifikasi meta tag tersebut.

Meta tag google webmaster bisa kita dapatkan setelah kita mendaftar pada layanan Google Webmaster pada website http://www.google.com/webmasters/. Setelah kita mengikuti beberapa langkah registrasi, kita bisa mendapatkan kode meta tag google webmaster untuk segera kita lakukan verifikasi.

Verifikasi Meta Tag Google Webmaster terasa agak sulit apabila kita baru pertama melakukan registrasi. Apabila sobat dapurblogger merasa kesulitan dalam melakukan verifikasi meta tag Google Webmaster, sobat dapurblogger bisa mengikuti langkah-langkah verifikasi tersebut yang pernah saya tulis pada artikel Cara Mendaftar Google Webmaster.

Pastikan Kode META TAG Google Webmaster sudah terpasang apabila sobat dapurblogger akan melakukan verifikasi meta tag. Apabila Meta Tag google webmaster sudah terpasang pada blog sobat dapurblogger, dalam hitungan menit, blog sobat dapurblogger akan terindeks oleh mesin pencari google. Hitungan menit yang di maksud bisa satu menit, dua menit, sepuluh menit, seratus menit, atau mungkin seribu menit. Sobat dapurblogger tinggal tunggu saja, tidak perlu kawatir, pasti blog akan segera terindeks oleh mesin pencari google. Karena pada dasarnya pemasangan Meta Tag google webmaster adalah untuk memberi tahu kepada google tentang keberadaan blog baru kita.
Verifikasi meta tag google webmaster adalah hal yang sangat penting, untuk di lakukan mengingat selama ini google masih menjadi rajanya mesin pencari, bukan rajanya diesel ya..
Selamat Mencoba..

Semoga Bermanfaat

Memasang Meta Tag adalah keharusan bagi siapa saja yang ingin mengoptimalkan blognya agar lebih SEO friendly dimata search engine. Meta tag merupakan cara menyampaikan infomasi penting ke search engine(Mesin Pencari) mengenai informasi suatu halaman. Ada banyak meta tag sesuai dengan standar HTML 4.0 dari World Wide Web Consortion, tapi sebenarnya yang betul-betul dipakai oleh search engine hanya 3, description, keyword, dan robots.

Meta Tag Description

Meta tag description digunakan untuk memberikan gambaran umum mengenai isi dari halaman web Anda. Ukurannya disarankan tidak lebih dari 200 karakter. Dan usahakan agar description ini bisa menjadi kalimat-kalimat yang letaknya di awal halaman web page yang bersangkutan.

Beberapa search engine seperti Nothern Light dan Google tidak memakai meta tags sebagai deskripsi hasil pencariannya. Yang mereka gunakan adalah kalimat-kalimat awal yang ada pada halaman tersebut. Itulah sebabnya kenapa saya sarankan agar Anda menggunakan isi dari meta tag description sebagai kalimat pembuka. Dan jika bagian paling awal dari web Anda berupa sebuah menu, maka deskripsi yang
ditampilkan pada hasil pencarian Northern Light adalah seperti ini :

Home | Products and Service | Contact Us | About Us …welcome to our online store, the best place on the
web to…

Meta Tag Keyword

Meta tag keyword sangat penting keberadaannya, karena menentukan kata kunci apa yang bisa menemukan halaman web tersebut pada search engine. Penulisan Meta keyword biasanya dipisahkan dengan tanda koma. Tujuan pemakaian tanda koma agar keyword-keyword tersebut lebih mudah dibaca. Yang perlu diperhatikan disini adalah jangan mengulang sebuah kata lebih dari 3 kali, karena akan dianggap spamming.

Yang tak kalah pentingnya mengenai keyword adalah jangan membuat keyword yang tidak ada hubungannya dengan isi halaman web Anda. Hal ini juga akan dianggap spamming. Misalkan web Anda memuat informasi mengenai pariwisata di Bali, jangan sekali-kali menambahkan “MP3″ atau “Britney Spears” sebagai keyword hanya karena keyword-keyword ini merupakan keyword favorit di internet dan
banyak dicari orang.

Meta Tag Robots

Tujuan utama penggunaan meta tag robots adalah untuk menentukan halaman web yang mana bisa diindex oleh spider dan halaman web mana yang tidak. Tag ini sangat berguna sekali terutama jika seuatu website memakai frame untuk navigasinya.

Sebagai contoh, jika Anda ingin agar spider membaca main page, dan menelusuri semua link yang ada maka tambahkan perintah berikut ini:

<meta content="INDEX, FOLLOW" name="ROBOTS">

Atau jika anda Menginginkan robot untuk menyingkir dan tidak melakukan index halaman manapun dari situs/blog kita. sintaxnya adalah:

<meta content="NOINDEX, NOFOLLOW" name="ROBOTS">

Nah, setelah kita paham kegunaan masing-masing tag diatas, saatnya kembali ke pokok bahasan..

Memasang Meta Tag di Blogger

Untuk memasang Meta tag diBlogger caranya cukup mudah, pertama masuk ke Edit HTML kemudian copy paste kode dibawah ini, biasanya kode meta tags diletakan dibawah kode <title><data:blog.pagetitle/></title> dan jangan lupa merubah kode merah merah di bawah sesuai dengan deskripsi blog kamu.

<meta content=â�� Tulis deskirpsi disiniâ�� name=â��descriptionâ��/>
<meta content=â��keyword1 keyword2 keyword3 â�¦â�� name=â��keywordsâ��/>
<meta content=â��INDEX, FOLLOWâ�� name=â��ROBOTSâ��/>

selamat mencoba!

Di dalam posting blogger ini , anda akan mempelajari bagaimana anda membuat image slider dan cara memasukkan image , banner , dan lain sebagainya di dalam image slider ini.. Ini mungkin bisa membuat blog anda menjadi lebih menarik dan lebih mempunyai nilai estetis. Sekarang untuk membuat image slide anda tinggal ikuti prosedur berikut :

http://flguid.blogspot.com/2010/08/java-script-image-slider.html

1. Backup template.

Pertama-tama anda backup template anda agar dapat kembali ke template anda sebelumnya apabila ada error dalam pembuatan image slider ini.
Buka LAYOUT > EDIT HTML dan kemudian " DOWNLOAD FULL TEMPLATE "

2. Sekarang Masuk dalam scriptnya.

Sebelum anda mengubah isi di dalam script , terlebih dahulu anda cek list " Expand Template Widget " dan klik CTRL + F . Cari kata " " lalu copy script di bawah ini sebelum " "

#myslides{

background:#000 url(http://i770.photobucket.com/albums/xx347/Frinan_Lie/BG.jpg) repeat-x;
width: 480px;
height:115px;
margin-bottom:5px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 384px; /*Width of Carousel Viewer itself*/
height: 110px; /*Height should enough to fit largest content's height*/
margin: 0px 48px 5px 48px;

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 20px 10px ; /*margin around each panel*/
width:150px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background:#0e1829;
height:255px;
border:1px solid #1d2c44;

}
.stepcarousel .panel p{
text-align: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 5px ; /*margin around each panel*/

}

.stepcarousel .panel h2{
text-align: left; /*leave this value alone*/
height:20px;
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px 5px ; /*margin around each panel*/
font-size:16px;
font-weight:bold;
text-align:center;
font-family:Georgia,century gothic,Arial,verdana, sans-serif;
}

.stepcarousel .panel img{
float: left; /*leave this value alone*/
background:#0E1829; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 5px 5px 5px; /*margin around each panel*/
padding:0px 0px;
}

Kemudian Cari kata " " lalu copy script di bawah ini sebelum " " :

Save Template yang telah diubah

3. Tahap terakhir ini untuk membuat image slider itu muncul di blogger anda .

Anda buka LAYOUT > PAGE ELEMENTS > ADD A GADGET > HTML lalu copy script di bawah ini :

Ini Gadget belum mempunyai image , banner dan lainnya . Apabila anda ingin memasukkan banner ato link , anda tinggal copy code lalu paste di antara " " dan "
" . Anda bisa memasang itu sebanyak mungkin tapi saya sarankan agar jangan terlalu banyak. Itu akan menghambat pengunjung untuk masuk ke blog anda. Bila ada masalah , anda beri coment saja dan saya akan membantu anda sebaik mungkin. Terima kasih atas kunjungan dan kerja sama anda.

Tahukah anda bahwa Astore Amazon dapat berdiri sendiri dalam halaman blogger ?. Blogger telah membuatnya menjadi mudah bagi kita sebagi pemula . Kita dapat dengan mudah menambahkan hingga sepuluh berdiri sendiri setiap halaman di blog Blogger anda . Setiap halaman akan memiliki header yang sama dengan blog. Masih ada beberapa hal yang mungkin perlu dikombinasikan untuk mendapatkan blog Anda persis seperti yang Anda inginkan , tapi saya rasa Anda akan senang untuk mencobanya. saya akan berbagi cara langkah demi langkah.

Sebelumnya anda harus terdaftar di Amazon dan mengerti pembuatan Astore Amazon. Kunjungi artikelku sebelunya untuk lebih detilnya. Ok..bila sudah punya akun di Amazon, langkah langkahnya adalah sebagai berikut :
Masuk ke akun Blogger Anda . Pergi ke Layout dan klik tab elemen " halaman / page " . Kemudian klik "add a gadget " link yang ada di antara header dan elemen-elemen posting blog .

Klik " Page " ( New ! ) " untuk menambahkan gadget berdiri sendiri pada halaman blog Anda

Kemudian akan muncul " Configure Page List " . Anda dapat menambahkan judul untuk label gadget Anda jika Anda mau , kemudian klik save.

Secara otomatis akan menambah sebuah halaman baru pada blog Anda . Sebelumnya Anda bisa menyeting halaman yang Anda buat untuk secara otomatis ditambahkan ke panel navigasi / daftar . Jika semuanya seperti yang Anda inginkan , kemudian klik tombol simpan untuk keluar.

Anda akan melihat " Pages " gadget di Layout Anda / Page Elemen Halaman seperti yang ditunjukkan di bawah ini.

Anda harus melihat " Pages " gadget di bawah header blog seperti gambar di bawah ini

Sebuah link untuk " Page / Halaman " Home akan berada di bawah header blog .

Sekarang Anda perlu untuk membuat sebuah halaman berdiri sendiri untuk aStore Amazon Anda . Kembali ke ujung belakang blog Anda dan klik " Posting " tab .
Ini akan membawa Anda ke " Posting Baru " elemen , tetapi Anda tidak ingin posting , jadi klik " Edit Pages " . Klik " ok " tombol saat Anda diminta untuk menavigasi dari pos " New Page " .
Klik " New Page "di bawah "Posting " dan " Edit Page " tab.

Sampai di sini , klik tombol " New Page " . Ini akan membuka editor ( seperti yang ditunjukkan di bawah ini ) untuk berdiri Anda sepanjang konten halaman.

Ketik judul halaman yang Anda inginkan untuk aStore Anda . Anda dapat mengetikkan judul seperti " Shop " kemudian klik tab mengatakan " Edit HTML " untuk editor HTML . Di sinilah Anda akan menyisipkan kode untuk aStore Amazon Anda . Masuk ke Amazon untuk mendapatkan " frame inline " kode.aStore Anda, copas aja . Kemudian kembali ke Blogger dan paste " frame inline Anda " kode ke editor HTML Klik " . Publish Page " kemudian klik " View Page "untuk melihat bagaimana blog Anda terlihat dengan aStore baru Anda berdiri sendiri dalam satu halaman .

Sekarang Anda akan melihat bahwa nama yang Anda berikan aStore Anda akan ditampilkan di bagian atas sebelah " Home " dan aStore Anda pada halaman tersendiri. Anda bisa klik " Home " untuk pergi ke halaman home dari blog Anda , kemudian klik "Shop "lagi untuk kembali ke aStore Anda. aStore Anda tertanam ke dalam blog Blogger Anda !

Selesai sudah dan tugas Anda kemudian adalah mengatur lebar Astore disesuaikan dengan template blog Anda. Semoga sukses dan banyak cara menambahkan aStore Amazon ke blog Blogger Anda.

Sebelumnya saya sudah pernah membahas cara memasang widget share facebook di bawah judul postingan. Kurang lebih sama fungsinya, namun kali ini saya akan memberikan sedikit tips buat sobat pemula yang ingin membagi artikelnya lewat situs-situs social bookmark ataupun jejaring sosial, seperti facebook, myspace, twitter, dll.
Dengan memasang widget sharing is sexy, maka postingan atau artikel sobat akan cepat tersebar dan otomatis blog sobat akan cepat terkenal di situs-situs social bookmark yang notabennya memang tempat berkumpulnya para blogger di seluruh di dunia. Tapi dengan catatan isi konten menarik, dan sobat wajib mendaftar di berbagai situs social bookmark agar sobat bisa langsung sharing tanpa menunggu pengunjung blog yang mengklik widget sharing is sexy-nya.

Baiklah mari kita lanjutkan !

- Silahkan login ke blogger.
- Kemudian klik tab Edit HTML.
- Klik Expand Template Widget.
- Copy kode di bawah ini setelah kode ]]></b:skin>

<style type='text/css'>
div.sexy-bookmarks { height:54px; background:url(http://img709.imageshack.us/img709/57/sharing.png) no-repeat left bottom;position:relative; width:540px }
div.sexy-bookmarks span.sexy-rightside { width:17px; height:54px; background:url(http://img709.imageshack.us/img709/57/sharing.png) no-repeat right bottom; position:absolute; right:-17px }
div.sexy-bookmarks ul.socials { margin:0 !important;padding:0 !important; position:absolute; bottom:0;left:10px }
div.sexy-bookmarks ul.socials li { display:inline-block !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:48px !important; cursor:pointer !important; padding:0 !important }
div.sexy-bookmarks ul.socials a { display:block !important; width:48px !important; height:29px !important;f ont-size:0 !important; color:transparent !important}
.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover { background:url(http://img406.imageshack.us/img406/9198/sexyy.png) no-repeat !important }
.sexy-furl { background-position:-300px top !important }
.sexy-furl:hover { background-position:-300px bottom !important }
.sexy-digg { background-position:-500px top !important }
.sexy-digg:hover { background-position:-500px bottom !important }
.sexy-reddit { background-position:-100px top !important }
.sexy-reddit:hover { background-position:-100px bottom !important }
.sexy-stumble { background-position:-50px top !important }
.sexy-stumble:hover { background-position:-50px bottom !important }
.sexy-delicious { background-position:left top !important }
.sexy-delicious:hover { background-position:left bottom !important }
.sexy-yahoo { background-position:-650px top !important }
.sexy-yahoo:hover { background-position:-650px bottom !important }
.sexy-blinklist { background-position:-600px top !important }
.sexy-blinklist:hover { background-position:-600px bottom !important }
.sexy-technorati { background-position:-700px top !important }
.sexy-technorati:hover { background-position:-700px bottom !important }
.sexy-myspace { background-position:-200px top !important }
.sexy-myspace:hover { background-position:-200px bottom !important }
.sexy-twitter { background-position:-350px top !important }
.sexy-twitter:hover { background-position:-350px bottom !important }
.sexy-facebook { background-position:-450px top !important }
.sexy-facebook:hover { background-position:-450px bottom !important }
.sexy-mixx { background-position:-250px top !important }
.sexy-mixx:hover { background-position:-250px bottom !important }
.sexy-script-style { background-position:-400px top !important }
.sexy-script-style:hover { background-position:-400px bottom !important }
.sexy-designfloat { background-position:-550px top !important }
.sexy-designfloat:hover { background-position:-550px bottom !important }
.sexy-syndicate { background-position:-150px top !important }
.sexy-syndicate:hover { background-position:-150px bottom !important }
.sexy-email { background-position:-753px top !important }
.sexy-email:hover { background-position:-753px bottom !important }
</style>

- Lalu cari kode <data:post.body/>
- Jika sobat sudah menggunakan read more, maka akan terdapat 2 kode <data:post.body/> . Letakkan kode dibawah ini setelah kode <data:post.body/> yang pertama

<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/miscah' title='Subscribe to RSS'/></li>
<li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
</ul>
<span class='sexy-rightside'/></div>

Kemudian Simpan Template.

Ganti tulisan yang berwarna merah dengan ID feedburner sobat, jika belum punya sobat bisa daftarkan blog sobat langsung di feedburner.

Menanggapi dan melihat pertanyaan sobat Fachry pada postingan widget sharing is sexy, dengan tampilan widget yang muncul pada halaman depan blog. Seharusnya widget tersebut munculnya pada halaman postingan atau setelah read more di klik. Ada sedikit kode yang harus sobat ketahui untuk meletakkan widget, ingin di letakkan pada halaman depan blog saja atau hanya ingin meletakkan widget pada halaman postingan. 2 kode ini saya rasa mutlak wajib sobat mengerti fungsinya, buat yang belum mengerti berikut HTML-nya.
1. Meletakkan widget hanya pada halaman depan (home page)
<b:if cond='data:blog.url == data:blog.homepageUrl'>
LETAK WIDGET
</b:if>

2. Meletakkan widget hanya pada halaman postingan (post page)
<b:if cond='data:blog.pageType == "item"'>
LETAK WIDGET
</b:if>

Pada kasus yang dialami sobat Fachry adalah widget sharing is sexy muncul pada halaman depan blog, padahal seharusnya widget tersebut hanya muncul pada halaman postingan. Untuk itu kode yang digunakan adalah kode yang nomor 2. Sehingga kode lengkapnya untuk widget sharing is sexy tersebut adalah :

<b:if cond='data:blog.pageType == "item"'>
<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/YOUR-ID' title='Subscribe to RSS'/></li>
<li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
</ul>
<span class='sexy-rightside'/>
</div>
</b:if>

Saya hanya memberikan 2 kode yang wajib sobat ketahui, sebenarnya masih ada beberapa kode lagi untuk peletakkan widget-widget di blog. Semoga bermanfaat !

Dengan adanya kotak scroll yang berisi seluruh judul postingan blog anda, maka pengunjung akan lebih mudah mencari dan membaca seluruh tulisan yang telah anda posting. Saya akan memberikan Trik bagaimana postingan dalam menu sroll kita dapat tampil secara manual atau kata lainnya anda yang harus mengeditnya maupun yang secara otomatis. Yuk kita langsung praktek ,,
A. Cara Manual :

1. Masuklah ke halaman Dashboard > Tata Letak > Elemen Laman > Tambah Gadget/Javascript.

2. Klik tanda plus pada HTML/Jaxascript.

3. Copy kode dibawah ini
<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 280px; height: 270px; text-align: left;">

<li> <a href="http://alamat posting blog anda" target="new">1.sesuaikan pada judulnya.</a></li>

<li> <a href="http://alamat posting blog anda" target="new">2.sesuaikan pada judulnya.</a></li>

</div>

4. Untuk besar serta panjang kotak scroll ubahlah kode berwana biru pada bagian width & height, anda dapat menyesuaikannya dengan blog milik anda sendiri.

5. Jangan sampai lupa untuk mengganti teks yang berwarna merah ( url alamat posting blog anda ) dan juga sesuaikan pada judulnya.

6. Untuk menambahkannya cukup anda copy-pastekan kode berikut :

<li> <a href="http://alamat blog anda" target="new">3.sesuaikan pada judulnya</a></li>

7. Simpan dan lihat hasilnya.

B. Cara Otomatis :

Cara ini langkahnya sama seperti contoh diatas ( cara manual ) hanya kodenya saja yang berbeda dan lebih mudah juga praktis karna postingan yang baru kita buat akan otomatis masuk ke kotak scroll setelah kita menyelesaikan entri baru tanpa harus di edit, akan tetapi judul postingan juga sudah pasti mengikuti urutan isi dari entri Anda dan tidak bisa disesuaikan . copy paste, ganti kode manula dengan kode otomatis dibawah ini :
<div style="overflow:auto;width:320px;height:250px;padding:10px;border:1px solid #eee">

<script src="http://anas.ku93.googlepages.com/post-terakhir.js"></script>
<script>var numposts = 15; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://AlaMatBloG.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>

</div>

jangan lupa untuk mengganti tulisan AlaMatBloG dengan url alamat blog Anda dan untuk menginginkan banyaknya posting yang bertengger di kotak scroll ubahlah angka/jumlah var numposts = 15, misalnya Anda menginginkan Seratus Posting maka gantilah angka/jumlah 15 dengan 100.

Terimakasih,

If I get you right, you'd like to remove the add to cart button in the product list view. (but keep it when you are in the detailed view)
Therefore you have to go to the virtuemart administration
then to configuration,
then click on the 'site' tab,
then in the right column named layout click on configuration under 'select the theme for your shop' and finally check no for 'Show the Add-to-cart Button on the product list?'

Hope this helps

Halaman utama sebuah website memiliki peran yang sangat penting bagi para pengunjung untuk mencari informasi yang dibutuhkan secara cepat dan menarik. Pada beberapa website portal, kombinasi antara teks, gambar, animasi, dan media lainnya dapat diatur sedemikian rupa sehingga tidak terkesan “semrawut”. Tema berita juga dapat ditempatkan secara terstruktur tanpa mengurangi keindahan tampilan.
Website yang dibuat dengan Joomla! mampu merealisasikan kebutuhan tersebut dengan cara menambahkan component, module, dan plugin sehingga sebuah berita terbaru maupun terpopuler dapat ditempatkan pada bagian yang jelas (eye catching). Hal ini dapat memberikan perhatian khusus dari para pengunjung.
Ada banyak cara untuk menampilkan berita/artikel dengan tujuan memberikan informasi kepada pengunjung tentang menarik dan up to date. Salah satunya adalah membuat beberapa halaman depan mini (Mini Frontpage) yang dapat menampilkan gambar dengan ukuran kecil, lengkap dengan deskripsi artikel tersebut.

A. Mengenal Mini Frontpage

Frontpage umumnya tampil di halaman utama, lengkap dengan gambar sebagai ilustrasi dan kalimat pembuka dari berita/artiel yang dimaksud. Jumlah artikel yang akan ditampilkan dalam frontpage juga dapat diatur sesuai kebutuhan. Dengan memanfaatkan ekstensi dari pihak ketiga, frontpage dengan ukuran kecil (mini) dapat ditampilkan di halaman utama dan dapat diatur berdasarkan Section dan Cetogory. Dengan memanfaatkan mini frontpage, berita maupun artikel menjadi semakin informatif.

Module untuk menampilkan mini frontpage bervariasi, ada yang gratis namun ada pula yang berbayar. Buku ini menyertakan file pendukung untuk menginstal mini frontpage yang gratis, jadi tidak perlu membayar atau mendownload terlebih dulu

B. Menginstal Mini Frontpage

Untuk melakukan instalasi, pilih menu Extensions > Instal/Uninstall.

Tekan tombol Browse untuk menentukan lokasi file.
Temukan file mini frontpage.
Jika sudah yakin, tekan tombol Open.
Klik tombol Upload File & Install untuk melakukan proses instalasi.
Tunggu beberapa saat hingga proses instalasi selesai. Jika telah berhasil akan muncul informasi bahwa proses instalasi berhasil
Selanjutnya mengatur parameter untuk menampilkan berita melalui module Mini Frontpage di halaman utama.

C. Mengatur Parameter Mini Frontpage
Module mini frontpage memiliki halaman untuk mengatur tampilan, jumlah artikel, besarnya gambar (thumbnail), artikel yang ditampilkan, dan pengaturan lainnya. Sebelum mengatur parameter terlebih dulu harus mengetahui ID Section, ID Category, dan ID Article karena nomor identitas tersebut (ID) digunakan sebagai pengaturan parameter untuk menampilkan artikel.

Pertama kali, periksa nomor ID Section dengan cara memilih menu Content > Section Manager.
Apabila telah berada di halaman Section Manager, nampak daftar nama section yang telah dibuat sebelumnya. Pada kolom paling kanan nampak nomor ID, nomor identitas tersebut yang nantinya akan digunakan untuk mengatur parameter Mini Frontpage dalam ruang lingkup Section.
Setelah mencatat ID masing-masing Section, langkah selanjutnya mencatat ID Category. Untuk itu, pilih menu Content > Category Manager.
Pada halaman Category Manager, nampak beberapa Category yang telah dibuat sebelumnya dan pada kolom paling kanan tertera nomor identitas (ID). Nomor identitas ini juga akan digunakan untuk mengatur parameter Mini Frontpage dalam ruang lingkup Category. Catatlah nomor identitas tersebut.
Catatlah semua ID artikel berdasarkan Category dan Section./param-4.jpg" alt="param-4" height="215" width="411" />
Selanjutnya, pilih menu Content > Article Manager untuk mencatat nomor identitas masing-masing artikel.
Langkah selanjutnya mengatur parameter Mini Frontpage, pilih menu Extensions > Module Manager.
Pada halaman Module Manager temukan module Mini Frontpage.
Editlah Mini Frontpage dengan cara mengklik nama module tersebut.
Setelah berada pada halaman Module [Edit], nampak beberapa informasi yang harus diatur yaitu: Details dan Parameters. Untuk Details, atur Show Title = Yes, Enabled = Yes, Position = Right, dan Access Level = Public.
Untuk Parameters, perlu beberapa pengaturan namun akan dijelaskan secara bertahap. Atur Enabled Cache = No, pada kolom Section masukkan ID Section yang akan ditampilkan. Dalam buku ini, ID yang dimasukkan adalah 5 (Section Olah Raga), kemudian masukkan ID Category. Dalam hal ini, beberapa ID Category yaitu: 34, 35, 36, 37 (Sepak Bola, Bulu Tangkis, Tenis Meja, dan Catur).
Untuk pengaturan lainnya, aturlah sesuai kebutuhan.
Thumbnail Position = posisi gambar (thumbnail), sebelum judul/kategiru atau setelah judul/kategori.
Show Category Title = Judul kategori ditampilkan (Show atau Hide).
Frontpage Items = Item ditampilkan difrontpage (Yes atau No).
Display Article Title = Judul artikel ditampilan (Show atau Hide).
Title Link = Judul artikel dalam bentuk Link (Yes atau No).
Display Author = Nama penulis ditampilkan (Yes atau No).
Display date articles created = Tanggal pembuatan artikel ditampilkan (Yes atau No)
Limit Intro = Batas maksimal kalimat pembuka (formatnya karakter).
Untuk mengatur format tampilan dan ukuran gambar, aturlah beberapa spesifikasi.
Number of columns = Jumlah kolom untuk menampilkan mini frontpate.
Number of Articles to display = Jumlah artikel yang akan ditampilkan
Number of Introtext / Hide Introtext = Jumlah kalimat pembuka yang akan ditampilkan.
Show thumbnails = Thumbnail ditampilkan (Show atau Hide).
Thumbnail Image Width = Lebar thumbnail (formatnya pixel).
Thumbnail Image height = Tinggi thumbnail (formatnya pixel).
Preserve Aspect = Rasio thumbnail.
Header Title for another articles link = Judul teks untuk artikel lainnya.
Langkah terakhir adalah melihat hasilnya di halaman utama. Maka akan nampak tampilan Mini Frontpage seperti nampak pada gambar berikut.

Alternatif yang sepertinya lebih bagus dari hosting gratis 000WebHost adalah byethost. Dan di hosting ini bisa dimasukkan domain gratis dari co.cc.

Berikut beberapa fitu yang ditawarkan :

Selain mendapatkan hosting gratis, kita juga otomatis mendapatkan nama domain gratis dengan nama domain seperti di bawah, mywebsite otomatis akan berubah sesuai dengan username saat kita daftar dan otomatis itu menjadi alamat website kita. Jadi nama domain kita menjadi subdomain di websitenya mereka, maklum namanya juga gratisan.

Berikut langkah-langkah mengambil hosting/domain gratis di sana:

1. Pergi ke byethost

2. Kemudian klik link “Click here to sign up for free hosting” yang berwarna biru, kemudian akan muncul layar seperti ini:

Disebutkan bahwa kita disarankan/diwajibkan memakai browser firefox, jangan internet explorer.

3. Masukkan data-data yang diminta, yaitu:

Username, password, alamat email, kategori situs (pilih dari menu), bahasa situs (pilih english atau non english) kemudian masukkan security kode untuk memastikan Anda manusia dan bukan robot :)

Klik tombol register.

4. Setelah itu akan dihadapkan pada tampilan seperti ini:

5. Klik pada tombol “Click Me To Continue” dan akan muncul layar seperti ini :

masukkan kode verifikasi yang diminta, sekali lagi untuk memastikan Anda manusia :)
6. Setelah itu klik tombol register, maka langsung kita akan mendapatkan account hosting gratis, termasuk juga alamat domain gratis :

Di sini diberikan data-data penting yang berhubungan dengan hosting gratis Anda, untuk itu sebaiknya dicatat atau disimpan baik-baik data ini, yaitu:

Control panel username = ini username yang Anda buat dan berguna untuk login ke hosting gratis Anda

Control panel password = ini password yang tadi Anda buat dan berguna untuk login ke hosting gratis Anda

Control panel url = ini adalah alamat url tempat gerbang Anda masuk ke hosting gratis Anda

FTP username = ini adalah username untuk mengupload file ketika Anda menggunakan FTP Software

FTP password = ini adalah password untuk mengupload file ketika Anda menggunakan FTP Software

FTP hostname = ini adalah alamat url/FTP Anda untuk mengupload file ketika Anda menggunakan FTP Software

Dan sisanya adalah data-data MySQL Anda yang diperlukan ketika pembuatan database semisal wordpress, forum, atau ketika Anda menginstall script yang membutuhkan database.

7. Yang pertama-tama dilakukan adalah, tentukan dahulu apakah Anda akan menggunakan domain gratis yang diberikan byethost atau Anda menggunakan domain sendiri/domain gratis dari co.cc. Bila menggunakan domain yang diberikan byethost dan bila Anda ingin mengisi domain tersebut maka cukup langsung diupload file file yang akan diisi tersebut melalui FTP Software.

Bila Anda tidak ingin memakai domain gratisan yang diberikan atau Anda ingin menambahkan domain gratisan lainnya, maka domain tersebut perlu ditambahkan dahulu di hosting tersebut, agar tersambung.

Caranya:

1. Login ke hosting Anda dengan alamat yang sudah diberikan di atas

2. Masukkan username dan password yang telah dibuat, kemudian klik tombol login

3. Setelah itu pilih menu “Addon Domains”

Jangan lupa catat name server yang diberikan, apa gunanya name server ini ? ini gunanya untuk dimasukkan ke dalam data domain Anda agar domainnya mengenali dan bersatu dengan settingan server hosting.

Masukkan nama domain yang ingin ditambahkan dan klik tombol “Create Domain”

Setelah itu jangan lupa untuk mengganti settingan domain Anda dengan name server yang diberikan, tiap jasa penjual domain settingannya berbeda-beda, namun semuanya hampir mirip dengan postingan setting domain

Dan setelah itu biasanya tersambungnya domaind dan hosting memerlukan waktu 1 jam sampai 2 hari (Waktu propagate) agar situs Anda tersambung sempurna dan bisa terakses dari seluruh dunia.

Bila hal itu sudah siap, maka Anda tinggal mengupload saja file yang dinginkan agar domain Anda online dan bisa diakses darimanapun.

Semoga berguna

Cara Otomatis

Yang saya maksud otomatis di sini, kita tidak perlu repot menyiapkan icon sendiri. Hanya saja kita harus menginstal komponen tambahan pada Joomla! kita melalui backend. Komponen yang saya pakai di sini adalah com_phocafavicon yang bisa anda download di: Donlot Gratisan

Sebelum melakukan penginstalan, ada baiknya anda persiapkan dulu gambar yang akan dijadikan icon, lebih baik yang memiliki panjang dan lebar yang sama, texturenya jelas kalau diperkecil dan simpanlah dalam bentuk .jpg dengan nama terserah anda, misalnya Aku.jpg. Setelah itu upload gambar anda ke server, bisa melalui filezilla ke folder 'images/phocafavicon'.

Selanjutnya,instalah komponen anda melalui tab instal/uninstal di control panel Joomla. Setelah sukses arahkan mouse ke Component kemudian klik Phoca favicon dan klik create favicon.

Ikuti 3 tahap seperti gambar diatas:

1. Pilih template yang anda pakai.
2. Pilih image yang telah diupload.
3. Create favicon.

Untuk melihat hasilnya, bersihkan dahulu history dan cache browser anda,untuk Mozilla Firefox arahkan mouse ke Tools kemudian clear private data atau (tekan Ctrl+shift+Del bersama-sama). Untuk Internet Explorer arahkan mouse ke Tools kemudian Delete Browsing History...

Cara Manual

Bagi yang tidak mau membebani joomla anda dengan komponen baru, berikut cara termudah yang bisa anda lakukan :

1. Buat icon sesuka anda berukuran 16x16 pixel dan namai dengan favicon.ico Bingung cara membuat icon? Buat saja secara online, kunjungi link:Dynamic DriveKemudian browse file anda, create icon dan download.
2. Kemudian upload icon anda bisa menggunakan Media Manager (Site > Media Manager) atau filezilla ke direktori tempat default favicon berada, biasanya di:

http://webkamu.com/templates/template_kamu/favicon.ico

atau tempat lain, mohon untuk dicek ulang. Namai favicon lama sebaiknya dibackup terlebih dahulu.

Jika cara di atas tidak berhasil,alternatif lain upload icon anda ke direktori /images/ kemudian edit index.php di folder template anda, kemudian tambahkan code berikut sebelum tag </head> :

Lihat hasilnya dengan membersihkan history browser anda terlebih dahulu. Semoga bermanfaat.

Fiuhhh akhirnya bisa juga install module secara manual. Seneng bener pas tulisan “Install Module Success” nongol. Soalnya hosting di tempat gratisan memang perlu sedikit perjuangan biar bisa dapet fasilitas penuh tanpa merogoh kocek terlalu dalam.

Saya membuat sebuah web berbasis joomla dan saya hosting di bytehost salah satu hoster gratis yang ada. Bytehost ini cukup bagus menurut saya dibandingkan dengan tempat hosting lain yang sejenis. Tapi sayangnya ketika mau install module joomla muncul deh tulisan
JFolder::create: Path not in open_basedir paths Warning! Failed to move file

Setelah saya coba cari-cari informasi, dan tanya-tanya ke forum banyak yang tidak memberikan solusi. Setelah kutak-katik akhirnya saya putuskan untuk instal manual aja menggunakan fasilitas “Install From Directory” dari Joomla.

Berikut tahapannya :

1. Download file component / module joomla yang kita inginkan
2. Extract file zip-nya
3. Kemudian buat folder di publichtml/tmp/folder anda (sesuaikan dengan server
hosting yg dipakai, karena ada yang rootnya htdocs).
4. Masukkan/upload file yang sudah diextract tadi kedalam folder yang kita buat.
5. Buka control panel, lalu masuk ke extension/ install/uninstall
6. Masukin deh path yang mengarah ke folder tempat file kita tadi, contoh :
/usr/home/web anda/public_html/tmp/module anda/
7. Terus tinggal klik Install,
8. Sukses

Sekarang gak perlu pusing lagi kalau gak bisa instal langsung, Kata orang bijak masih banyak jalan menuju Tambun.

Bergabung dalam grup milis memang menyenangkan. Selain banyak kenalan, kita juga bisa tambah pengetahuan dan wawasan.

Status keanggotaan kita dalam sebuah grup milis bisa berakhir dengan dua cara. Pertama, di-’banned’ oleh owner/moderator lantaran dianggap melanggaran aturan grup milis tersebut. Kedua, keluar sendiri secara sukarela, entah karena bosan, tidak cocok, atau cuma ingin keluar.

Berikut ini cara keluar dari sebuah grup milis di Yahoo! Groups:

Login dulu ke account email yang digunakan untuk mendaftar ke milis tsb.
Kirim email kosong (tanpa judul/subject dan isi) ke namamilis-unsubscribe@yahoogroups.com. Tunggu sampai ada email balasan. Kalau ingin keluar dari lebih dari satu milis sekaligus, bisa ditulis secara berurutan dan dipisahkan dengan tanda koma. Misalnya: namamilis1-unsubscribe@yahoogroups.com, namamilis2-unsubscribe@yahoogroups.com, dst.
Jika mendapat balasan/konfirmasi dari Yahoo!, balaslah tanpa menulis apapun dalam isi email.
Tunggu sampai ada email dari Yahoo! berisi konfirmasi bahwa Anda telah resmi keluar dari Yahoo! Groups.

Cara lain keluar dari milis di Yahoo! Group:

Buka http://groups.yahoo.com/.
Klik Sign In, kemudian ketik username dan password untuk login.
Klik My Groups.
Klik Edit My Groups.
Contreng tanda Leave Group di samping nama grup milis yang dimaksud.
Klik Save Changes.
Sekarang Anda sudah tidak terdaftar dalam grup milis tsb. Jangan lupa sign out/logout sebelum meninggalkan Yahoo! Groups.

Kini dengan CMS WordPress anda bisa membuat website komunitas ( web Social Network) dengan memanfaatkan plugin BuddyPress yang anda dapatkan dan download secara gratis.

Dengan BuddyPress plugin memungkinkan dalam melakukan hal-hal sebagaimana layaknya sebuah situs komunitas sperti : User Registrasi, membuat /Update Profile, Posting Komentar, Kirim Pesan, membuat koneksi antar teman, membuat group, Blogging dan sebagainya.

Berikut dibawah ini kutipan dari berbagai BuddyPress plugin yang juga tersedia untuk didownload :

WP-FB-AutoConnect – allow your users to instantly log in to your site using their Facebook credentials.
BuddyPress Like – add a “like” button to site activity.
BuddyPress Links – rich media embedding for your BuddyPress powered site.
BuddyPress Tweetstream – allow your users to sync and post to their Twitter stream.
BuddyPress Facestream – allow your users to sync and post to their Facebook stream.
BuddyPress Album+ – allow your users to upload photos and create albums.
BuddyPress Group Documents – add file upload and document repositories to your groups.
BuddyPress Profile Privacy – allow your users to set privacy options on their profile data.
BuddyPress Welcome Pack – set defaults for new users, auto join them to groups or send welcome messages.
BuddyPress Group Blog (WordPress MU only) – allow your groups to include a fully functional WordPress blog.
BuddyPress Group Wiki – add wiki functionality to your groups so all members can contribute to pages.

DOWNLOAD DISINI

UNTUK PLUGINNYA DISINI

WE ARE CREATIVE

What We Do?

WEB DESIGN

GRAPHSIC DESIGN

PHOTOGRAPHY

CLEAN CODE

PROGRESS AND ACCORDIANS

24/7 Support

1254

1424

2136

15

MEET OUR AWESOME TEAM

Dharma EA

Webdesign Dev

Riza Averill

Animator

Reepat Alghifar

Masterweb

Rifat AA

Game Developer

Choose the perfect Plan

19$

49$

99$

Jon Doe

Jon Doe

Jon Doe

LATEST FORM Blog

Popular Posts

Labels

Send Us A Email

ContactInfo

Address:

Phone:

Email: