Archive for September 2011

Working with Facebook SDK Permissions.

Kamis, 29 September 2011
Posted by Unknown
0 Comments
Tag : , , , ,
+
Facebook is the new Web planet, nowadays it’s a part of human life. Facebook offering user data access via Graph API. This is very helpful for start-up web projects to quickly collecting people data. This post explains you how to request Facebook login, permissions,reading user data and updating Wall using Facebook SDK. Tutorial contains multiple demos try all these Thanks!.

Login with Facebook
Read more »
Description: Working with Facebook SDK Permissions.
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Working with Facebook SDK Permissions.

Getting Started with Adobe Flex

Senin, 26 September 2011
Posted by Unknown
0 Comments
Tag : , , ,
+
At work place we have been reviewing few bolt-on applicationsfor PeoplSoft ERP that can be used for employee on-boarding. All those tools were great and they had one thing in common, i.e. they all were developed in Adobe Flex. In recent years the usage of Flex has increased tremendously and there are good reasons for that. We will go through them.

Getting Started with Adobe Flex

Read more »
Description: Getting Started with Adobe Flex
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Getting Started with Adobe Flex

Google Plus Style Drag and Drop adding Groups

Rabu, 21 September 2011
Posted by Unknown
0 Comments
Tag : , , , , , ,
+
Are you looking for Google plus style drag and drop adding friends in groups or circle. Google plus circle implementation so cool, same way I have tried similar user groups adding application with drag and drop effect using jquery and php. I hope it’s useful for your social media web projects.

Google Plus Style Drag and Drop adding Groups

Read more »
Description: Google Plus Style Drag and Drop adding Groups
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Google Plus Style Drag and Drop adding Groups

Update - Login with Facebook and Twitter

Senin, 19 September 2011
Posted by Unknown
0 Comments
Tag : , , , , ,
+
Long days back we had posted an article Login with Facebook and Twitter. It’s now most visited article on 9lessons. I received many comments that asked to me to update the Facebook login system to get user email. So that I had modified existing script to getting Facebook email address automatically and storing Twitter OAuth tokens, take a quick look at new live demo.

Facebook Twitter Login

Read more »
Description: Update - Login with Facebook and Twitter
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Update - Login with Facebook and Twitter

Cara Membuat Breadcrumb Navigation - Blogspot Update Bagian 2

Minggu, 18 September 2011
Posted by Unknown
0 Comments
Tag : , , , , ,
+
Cara membuat breadcrumb navigation atau navigasi breadcrumb di blogspot ini adalah bagian ke-2 (II) sebagai update dari postingan sebelumnya yang ada dihalaman Cara Membuat Breadcrumb - Pasang Breadcrumb Navigation Blogspot.


Update cara membuat breadcrumb navigation ini Saya buat karena ada request dari Blogger Cerita Dewasa melalui komentar dihalaman Cara Membuat Navigasi Halaman Bernomor yang commentnya seperti ini: "He oiya boleh ngrequest ndak? Cara buat navigasi breadcrumbs yang bertanda '>' itu gimana ya, punyaku khan navigasi breadcrumbsnya kek gini '>>'." dan ini kutipan jawaban saya ke comment Cerita Dewasa: breadcrumbs yg saya punya sebenarnya sama dgn tutorial yg pernah saya buat tpi saya modif lagi agar lbh seo friendly, ok deh insya allah saya buatkan update modifikasinya, ditunggu ya dan terima kasih atas kunjungannya..

Alhamdulillah sobat, hari ini saya sempat membuatkan tutorialnya. Silakan lihat cara membuat navigasi breadcrumb - breadcrumb navigation update berikut ini:

* Login ke blogger.com > klik Design/rancangan > Edit HTML > centang Expand Template Widget, jangan lupa download full template dulu sebagai backup

* Copy kode Optimized CSS berikut:

.breadcrumbs { padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height: 1.4em; border-bottom:3px double #e6e4e3;


Dan letakan sebelum kode ]]></b:skin>

* Selanjutnya cari kode

<b:include data='top' name='status-message'/>

Hapus dan ganti dengan kode berikut

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>


* Cari lagi kode

<b:includable id='main' var='top'>

Hapus dan ganti dengan kode Optimized HTML berikut

<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl == data:blog.url'> <!-- No breadcrumb on home page--> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <p class='breadcrumbs'> <span class='post-labels'>Results found at &gt; <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'>&gt; <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast == &quot;true&quot;'>&gt; </b:if> </b:loop> <b:else/> &gt; </b:if> <span><data:post.title/></span> </b:loop> </span> </p> <b:else/> <b:if cond='data:blog.pageType == &quot;archive&quot;'> <!-- breadcrumb for the label archive and search pages - blogspot seo friendly breadcrumbs by http://diarykudiblog.blogspot.com--> --> <p class='breadcrumbs'> <span class='post-labels'> <a expr:href='data:blog.homepageUrl'>Home</a> &gt; Archives for <data:blog.pageName/> </span> </p> <b:else/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <p class='breadcrumbs'> <span class='post-labels'> <b:if cond='data:blog.pageName == &quot;&quot;'> <a expr:href='data:blog.homepageUrl'>Home</a> &gt; All posts <b:else/> <a expr:href='data:blog.homepageUrl'>Home</a> Posts filed under &gt;<data:blog.pageName/> </b:if> </span> </p> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id='main' var='top'>


* Save template dan lihat hasilnya.

* Tambahan: Jika ingin judul posting diakhir breadcrumb Anda memuat link seperti di blog ini, silakan ganti kode

<span><data:post.title/></span>

Dengan kode

<b:if cond='data:post.url'> <a expr:href='data:post.url'><span><data:post.title/></span></a></b:if>

* Save Template, selesai.


Selamat mencoba membuat breadcrumb navigation - Blogspot Update Bagian (II) di blog Anda.

KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI
Description: Cara Membuat Breadcrumb Navigation - Blogspot Update Bagian 2
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Cara Membuat Breadcrumb Navigation - Blogspot Update Bagian 2

Belajar SEO Search Engine Optimization ter Jitu Untuk Blogger Pemula

Jumat, 16 September 2011
Posted by Unknown
0 Comments
Tag : , , , , ,
+
Sepertinya mulai tahun 2011 serp Google akan diwarnai berbagai keyword unik yang bahkan sampai kata yang tak memiliki arti sekalipun.
Ini adalah salah satu teknik seo blogger/blogspot yang mana sangat efektif dijamin 100% berhasil.
Dengan syarat,keyword atau kata umpan harus dibuat unik bahkan boleh sekalipun tak bermakna.
Tujuan dari metode seo blogspot ini adalah memancing serp Google agar dapat membaca suatu posting blog yang dapat meningkatkan hasil dari search result.

Seperti yang sudah kita ketahui dalam belajar seo (search engine optimization) memerlukan kesabaran,teknik dan prediksi serta dapat membaca situasi.
Seo jitu di Pelajaran Blog kali ini adalah teknik yang mudah namun kurang diperhatikan para blogger pemula yang sebenarnya merupakan trik dan teknik seo paling jitu dan sudah terbukti keberhasilannya.

Betul gan,yakni menggunakan keyword atau kata unik yang sama sekali belum terdaftar di directory Google,sementara kita menggunakannya untuk mengangkat salah satu kalimat atau kata yang ditargetkan.

Realisasi Seo Blogspot Untuk Pemula

Contoh dari teknik seo ter Jitu (untuk pemula) ini saya berikan ilustrasinya seperti dibawah ini:

Saya akan menembak keyword:
'Belajar Seo Untuk Pemula dan Sobat Blogger di Pelajaran Blog'

Lalu saya akan menggunakan kata unik untuk mengangkat dan memancing serp Google dengan kata:
'belajarseountukpemula sobatbloggerpelajaranblog'.

Dan jadilah title atau judul posting di blog saya nanti dengan judul:
'Belajar Seo Untuk Pemula [belajarseountukpemula] dan Sobat Blogger di Pelajaran Blog [sobatbloggerpelajaranblog]'

Panjang memang judul posting seperti ini,namun untuk mendapatkan keyword 'Belajar Seo Untuk Pemula dan Sobat Blogger di Pelajaran Blog' kita bisa menggunakan judul diatas atau memodifikasinya menjadi:

'Seountukpemula : Belajar Seo Untuk Pemula dan Sobat Blogger di Pelajaran Blog : Wusrfgiluesg'
atau
'Bdfjkhieuh Belajar Seo Untuk Pemula sjkefwjefg Sobat Blogger Pelajaran Blog : Opiuerhg'

Nah,kata unik seperti belajarseountukpemula,sobatbloggerpelajaranblog,seountukpemula,wusrfgiluesg,bdfjkhieuh dan opiuerhg adalah kata yang sengaja diciptakan untuk memancing suatu posting blog agar terindex di Google Serp.
Dan teknik seo blogger yang satu ini sudah banyak dibuktikan dan terbukti sangat efektiv dan jitu.

Logika Belajar Seo Blogspot Blogger Pemula

Intinya dari judul posting 'SEO Search Engine Optimization ter Jitu Untuk Pemula' ini adalah merealisasikan sebuah teknik yang mana menjadi suatu kepastian bahwa Google akan mengindexnya sesegera mungkin.
Jika blog sobat menginginkan keyword 'Belajar Seo Blogspot' atau Belajar Seo Blogger Pemula' misalnya,ini akan butuh kerja keras untuk dapat tampil di hasil pencarian.

Disamping itu,jikalaupun nanti dapat terindex kemungkinannya sangat kecil untuk dapat bertahan alias mengalami ejakulasi dini.
Kelemahan lain,saat ada sebuah blog yang telah 'mengklaimnya' tidak mustahil artikel blog yang kita usahakan justru akan masuk sandbox Google.

Dengan cara seo ter jitu dari teknik akal-akalan Pelajaran Blog ini,yakni dengan teknik yang telah kita bahas diatas alangkah baiknya sobat menggunakan kata unik tersebut.

Misal sobat ingin menembak keyword 'Belajar Seo Blogger Pemula' maka tambahkanlah didepan atau dibelakang menjadi sebuah kalimat yang unik dan belum terdaftar di directory Google.
Contoh,membuat judul menjadi 'Wioswdhwergytw Belajar Seo Blogger Pemula Poiewy Ruyrtiu3y4' dan percayalah,selama sobat tidak 'diganggu' keyword tersebut mutlak sobat miliki.Dan tak mustahil kalimat 'belajar seo pemula' dapat diboyong meskipun berada di halaman 100 hehehe

KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI
Description: Belajar SEO Search Engine Optimization ter Jitu Untuk Blogger Pemula
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Belajar SEO Search Engine Optimization ter Jitu Untuk Blogger Pemula

Download Template OOM Style V4.0 Gratis

Rabu, 14 September 2011
Posted by Unknown
0 Comments
Tag : , , ,
+
Akhirnya bisa share lagi untuk sobat blogger setelah kemarin saya memposting tentang Download "Template Dimensi Green" hasil utak atik saya yang lumayan sedikti berkeringat hehe, nah untuk kali ini masih masalah tentang Download Template.


Ok jangan basa-basi lagi takut bau pada kesempatan ini saya akan share Download Template Tampilan seperti Blog O-om Dot Com - Blog keren yang terkenal sperti O-OM Dot Com pasti di cari dan di pertanyakan siapa pemilik situs resmi dari O-OM Dot Com, Agus Ramadhani (OOM) Blogger dari Bandung yang memilik situs Blog resmi dari o-om.com yang Blog nya sangat SEO banget, simpel, banyak posting menarik, selain itu Trafik pengunjungnya begitu banyak, katanya Master Blogger Indonesia juga dan sangat Perfect kata orang bilang.


Dari semua itu pasti orang pada melirik contoh Templatenya seperti apa sih? Dan pasti banyak orang yang ingin meniru atau memiliki template SEO seperti Punya O-OM Dot Com ini. Nah di sini saya akan berbagi Template tampilan sperti punya O-OM Dot Com.

Template O-Om Style V4.0 (GRATIS)


Template SEO ini sudah diberi Meta description, keywords, robots, shortcut icon. Sobat bisa menggantinya dengan Meta seperti tema Blog Sobat.

Template Features:
* Best for Make Money Online with Google Adsense or with other PPC.
* Very fast loading page, only use 20% small image.
* Complete SEO Guide for Blogger (you must see).
* Support Breadcrumbs SEO Friendly.
* Support Heading (h1) SEO Friendly.
* Support email subscription box with FeedBurner.
* Can use with Blogger Widget for Feed or with Feedburner (recommended).
* Support Jump link to Original Link on your page post.
* Support 1 right sidebar on page Post.
* Support Auto Read More.
* Support 3 column widget on bottom bar.
* Support Custom Search Box behind Menu.
* Support Facebook Like and Social Bookmark ready.
* Support Related Post With Thumbnail.
* Support Avatar and Highlighting Author on Comment box.
* Tested on IE6/7, Firefox, Opera, Safari, Google Chrome

Download Now


Step / Langkah-Langkah

Tentunya template ini tidak saya bagikan begitu saja. Sobat harus mengikuti langkah-langkah untuk mendapatkan template ini secara Gratis :

  • Sobat Harus Berkomentar di blog ini minimal 10 kali.
  • Sobat Harus Memasang Link saya di blog sobat.
  • Sobat Harus Menjadi Follower blog ini.
  • Sobat Harus Menyukai Blog ini (Kang Fatur) di Facebook.

Setelah Sobat melakukan semua ketentuan di atas, sobat berhak mendapatkan Template O-Om Style V4.0 dengan Gratis.


Setelah itu, silahkan tinggalkan alamat blog Sobat dan alamat email Sobat (tidak aktif) di kota komentar di bawah ini. Jika memang Sobat suda melakukan semua step di atas, saya akan secepatnya mengirim template Template O-Om Style V4.0 ke alamat email Sobat.


KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI
Description: Download Template OOM Style V4.0 Gratis
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Download Template OOM Style V4.0 Gratis

Amazon EC2 Cloud Installation.

Posted by Unknown
0 Comments
Tag : , , , , ,
+
Last few days I have been working with Amazon Web Services micro instance free tier, this post I want to explain how to setup instance, elastic IP configuration, cloud instant accessing from local computer using Putty and FTP connection. It’s awesome real cloud computing, you have complete control on server, using this we can implement new web features like node.js. Soon I’m hosting all of my demos into EC2.

Amazon EC2 Cloud Installation
Read more »
Description: Amazon EC2 Cloud Installation.
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Amazon EC2 Cloud Installation.

Download Template Dimensi Green

Senin, 12 September 2011
Posted by Unknown
0 Comments
Tag : , , , , ,
+
Template ini memang hampir keseluruhan mirip template yang saya pake sekarang ini. Yaa bukan cuman hampir, template ini memang saya ciptakan dari kreatifitas saya menjiplak template saya yang sekarang hanya beda beberapa bagiannya saja.

Template Dimensi Green saya ciptakan untuk memberikan kepuasan kepada para blogger yang tidak mampu membeli template premium. Template ini sangat SEO Friendly. Template ini tidak ada Hak Cipta sehingga anda bisa mengedit dan menyebarluaskannya tanpa perlu izin asal tidak menghilangkan link credit pembuat template tersebut (Kang Fatur).

Berikut adalah tampilan halaman depan Template Dimensi Green :

3D templateKlik pada gamabr untuk melihat lebih besar

Apa saja kekurangan template blog ini ?

Kalau berbicara masalah kekurangan, terutama untuk template blog tentunya pasti banyak bisa kita temukan tidak hanya pada template ini saja. Tidak menutup kemungkinan kalau template premium di luar sana juga banyak memiliki kekurangan. Tapi itu tidaklah menjadi masalah buat kita bukan?! Nah, jika sobat mungkin menemukan kesalahan-kesalahan baik dalam galat maupun dari kode-kodenya, tolong segera beritahu saya supaya saya bisa memperbaikinya.

Apa saja fitur-fitur template SEO Friendly ini ?

Berbicara masalah �senjata-senjata SEO�, berikut adalah beberapa fitur template SEO friendly yang terdapat di dalam Templae Dimensi Green ini :

  • Tentunya sudah SEO friendly.
  • Visitor friendly.
  • Dilengkapi dengan dinamic heading (h1 pada header di index, dan h1 di judul post pada halaman posting)
  • Dilengkapi juga dengan dinamic meta tag deskripsi dan keyword otomatis. Meta tag ini wajib untuk menghindari duplicat meta tag deskripsi dan keyword.
  • Quicklink ke kotak komentar begitu juga sebaliknya.
  • Sudah dipersenjatai dengan Auto Read More Otomatis.
  • Dilengkapi dengan tambahan beberapa meta tag untuk mempermudah robot menjelajah blog sobat.
  • Tentunya loadingnya lebih cepat di banding dengan Template yang saya pake sekarang.
  • 3 column header
  • 3 column widget on di sidebar kiri.
  • 3 column widget di atas footer
  • Support Facebook Like and Social Bookmark ready.
Berikut adalah tampilan halaman depan template blog doodey ini :

Read More: http://blogdoodey.blogspot.com/2011/02/seo-friendly-blogspot-template.html
Berikut adalah tampilan halaman depan template blog doodey ini :

Read More: http://blogdoodey.blogspot.com/2011/02/seo-friendly-blogspot-template.html

Download Now


Step / Langkah-Langkah

Tentunya template ini tidak saya bagikan begitu saja. Sobat harus mengikuti langkah-langkah untuk mendapatkan template ini secara Gratis :

  • Sobat Harus Berkomentar di blog ini minimal 10 kali.
  • Sobat Harus Memasang Link saya di blog anda.
  • Sobat Harus Menjadi Follower blog ini.
  • Sobat Harus Menyukai Blog ini (Kang Fatur) di Facebook.
  • Sobat tidak menghilangkan link credit pembuat template

Setelah sobat melakukan semua ketentuan di atas, Sobat berhak mendapatkan Template Dimensi Green dengan Gratis.


Setelah itu, silahkan tinggalkan alamat blog Sobat dan alamat email Sobat (tidak aktif) di kota komentar di bawah ini. Jika memang Sobat suda melakukan semua step/Langkah-langkah di atas, saya akan secepatnya mengirim Template Dimensi Green ke alamat email Sobat.

Unuk yang tanpa syarat klik disini


KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI
Description: Download Template Dimensi Green
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Download Template Dimensi Green

Submit Form without Refreshing Page with Jquery

Posted by Unknown
0 Comments
Tag : , , , , ,
+
This post helps you to submit your form without refreshing page. In this tutorial I will show you how simple it is to do using jQuery form plugin just five lines of JavaScript code, no need to post data string values via ajax. Explained collaboration with validate plugin for implementing form field validations.

Submit Form without Refreshing Page with Jquery
Read more »
Description: Submit Form without Refreshing Page with Jquery
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Submit Form without Refreshing Page with Jquery

Link Otomatis Terbuka Tanpa di Klik

Minggu, 11 September 2011
Posted by Unknown
0 Comments
Tag : , , , ,
+
Link Otomatis Terbuka Tanpa di Klik - kalo ngomongin soal link emang seru deh . . gimana engga, buat orang-orang yang bergaul ama dunia internet khususnya blog/website pasti ga bakalan jauh dari yang namanya link.
ok... kali ini saya mau share salah satu cara buat ngemodifikasi link, bukan cara baru sih dan bisa di bilang cara ini udah jadi rahasia umum yang diketahui banyak orang. tapi engga apa-apa lah, yang penting berbagi... sayang kan kalo ilmu di simpen sendiri aja. . .


Coba perhatiin link dibawah ini deh !!

HTML Color Code

Kode link diatas:

<a href="http://ade-tea.blogspot.com/2011/09/kode-warna-html-v4.html">HTML Color Code</a>


Link di atas ngegunain kode link yang biasa. Coba linknya disorot pake mouse deh !! Link tersebut engga akan terbuka secara otomatis (buat buka linknya harus di klik).

Sekarang coba perhatiin link dibawah ini !!

HTML Color Code

Kode link di atas:

<a href="http://ade-tea.blogspot.com/2011/09/kode-warna-html-v4.html"><span style="color:lime;">onMouseover="window.location=this.href"</span>&gt;</a>


Link di atas kalo disorot mouse akan terbuka secara otomatis sebab kode linknya udah ditambahin onMouseover="window.location=this.href"

Sedikit ulasan tentang cara modifikasi link, mudah-mudahan bermanfaat . . .


KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI
Description: Link Otomatis Terbuka Tanpa di Klik
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Link Otomatis Terbuka Tanpa di Klik

Cara Mengedit Template Blog Agar SEO Friendly

Sabtu, 10 September 2011
Posted by Unknown
0 Comments
Tag : , , , , , ,
+
SEO FRIENDLYBerbagai cara memang telah dilakukan untuk meningkatkan optimasi SEO blogspot, seperti halnya dalam memilih template blog. Memilih template blog yang benar memang mutlak diperlukan. Jika dalam memilih template blog dengan asal-asalan, alhasil nantinya SEO blogspot kita akan kacau.

Maka pilihlah template blog Sobat dengan benar. Benar disini maksudnya adalah tampilannya bagus, tidak mencolok mata, cocok untuk tema blog kita, dan yang lebih penting lagi adalah SEO Friendly.

Nah, jika mungkin Sobat ingin membuat template blog Sobat agar menjadi template SEO friendly maka cara-cara di bawah ini mungkin bisa bermanfaat buat Sobat. Berikut cara-caranya!

  1. Page Title
    Biasanya format page title dari blogger adalah seperti ini, JUDUL BLOG : JUDUL POSTING. Nah, agar blog kita lebih disukai oleh Google sehingga ujung-ujungnya blog kita jadi rame, kita harus merubah format page title standar itu menjadi seperti ini, JUDUL POSTING | JUDUL BLOG.

    Caranya cari kode berikut ini di Edit HTML, cukup dengan menekan tombol Ctrl+F pada keyboard!

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

    Kalo udah dapet kodenya, silakan Sobat hapus dan ganti dengan kode berikut ini!

    <b:if cond='data:blog.pageType == "item"'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/></title>
    </b:if>



    Atau Sobat juga bisa tambahkan dengan beberapa kata kunci (keyword).

    <b:if cond='data:blog.pageType == "item"'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/> | KATA KUNCI SOBAT| KATA KUNCI SOBAT </title>
    </b:if>



    Ganti kode "KATA KUNCI SOBAT" dengan keyword yang Sobat incar. Setelah semua selesai jangan lupa untuk save template.

  2. Meta Keyword dan Deskripsi
    Suatu mesin pencari seperti Google sangat menyukai sebuah website/blog yang jelas tema dan isi content-nya. Jadi, Sobat harus tambahkan suatu tag yang namanya meta tag. Caranya adalah dengan menambahkan kode berikut ini sebelum kode <b:skin><![CDATA[/*.

    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <meta name="description" content="DESKRIPSI BLOG SOBAT" />
    <meta name="keywords" content="KATA KUNCI, KATA KUNCI, KATA KUNCI" />
    </b:if>


    Setelah itu, save template Sobat.

  3. Memasang Breadcrumbs
    Breadcrumbs adalah menu navigasi yang ada di atas sebuah posting atau artikel. Contohnya bisa dilihat diblog saya ini. Cara pasangnya juga sudah banyak dibahas di blog-blog guru blogging.

  4. Memasang Related Post
    Related post sangat bagus untuk SEO maupun buat pengunjung. Jadi pasanglah segera related post di blog Sobat. Caranya sudah banyak dibahas di blog-blog para guru blogging.

  5. Mematikan Setting Blog Archive (Arsip Blog)
    �Lho?�
    �Buat apa?�

    Begini, Google sangat membenci dengan yang namanya duplicate content. Jadi ketika kita mengaktifkan opsi blog arsip, misalnya kejadiannya seperti ini, Sobat ingin membuat sebuah blog di blogger.com. Lalu membuat 3 posting, 1 buah setiap hari. Maka di halaman utama atau homepage Sobat akan ada 3 posting dan sebuah link arsip seperti ini, http://BLOGSOBAT.blogspot.com/2007_03_01_archive.html, yang memunculkan 3 posting yang sama dengan yang dimunculkan oleh homepage. Intinya, 2 buah link yang memunculkan sebuah halaman yang sama. Bagi Search Engine apa lagi Google, ini adalah masalah serius. Oleh karena itu kita harus me-nonaktifkan opsi arsip.

    Caranya, cukup klik tab Setting, pilih Archiving. Nah, pada bagian Archiving Frequency ubah menjadi No Archive. Selesai sudah! :)

  6. Menambahkan Kode �Rel=Canonical�
    Gunanya kita menambahkan �rel=canonical� adalah untuk menghindari konten ganda, karena seperti para Master of SEO bilang bahwa Google sangat tidak dapat mentolerir sebuah duplicate content. Caranya mudah, cukup klik Edit HTML, lalu Sobat tambahkan kode berikut setelah kode <head>.

    <link expr:href='data:blog.url' rel='canonical' />


    Save template dan selesai.

  7. Tag Heading
    Google sangat menyukai sebuah tulisan atau judul dengan tag H1. Oleh karena itu ubahlah ukuran judul posting Sobat dengan tag H1. Caranya cari kode berikut!

    <b:if cond='data:post.title'>
    <h3 class='post-title entry-title'>
    <b:if cond='data:post.link'>
    <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
    <a expr:href='data:post.url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </h3>
    </b:if>

    Kode yang dicetak tebal dihapus dan diubah dengan tulisan h1. Setelah itu tambahkan kode berikut sebelum kode ]]></b:skin>.

    h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }


Nah, mungkin cukup sekian dulu dari saya tentang bagaimana cara mengedit template blog agar SEO friendly kali ini. Sebelumnya tips ini saya rangkum dari berbagai sumber ketika saya lama belajar SEO blogspot walaupun SEO blog saya belum seoptimal blog master di luar sana. :)

Semoga bermanfaat dan sukses selalu!

Terima kasih.

KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI
Description: Cara Mengedit Template Blog Agar SEO Friendly
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Cara Mengedit Template Blog Agar SEO Friendly

Kode Warna HTML V4

Selasa, 06 September 2011
Posted by Unknown
0 Comments
Tag :
+
Di dalam dunia web/blog, warna itu sangat penting dan sangat berpengaruh terhadap penampilan web/blog. Warna-warna biasanya digunakan untuk background, text, links, table dll. Kalo kombinasi warna pada web/blog kita tidak sesuai, atau tidak enak dipandang mata mata, maka hal itu akan membuat pengungjung web/blog kita menjadi kurang nyaman, dan kemungkinan akan malas untuk mengunjungi blog kita lagi. Tapi karena untuk untuk membuat warna-warna ini harus menggunakan kode-kode warna, maka bagi yang tidak begitu mahir tentang html akan kesulitan untuk mendapatkan kode-kode warna ini.

Nha oleh karena itulah dibawah ini telah aku buat Chart HTML Kode Warna bagi yang tidak tahu atau bagi yg pingin tahu kode-kode warna. Cara penggunaannya cukup mudah, km tinggal klik warna yang kamu pilih, maka kode warnanya akan tampil di kotak "kode warna:". Ok silahkan dicoba.





 








KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI
Description: Kode Warna HTML V4
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Kode Warna HTML V4

Smarty Template Engine using PHP

Senin, 05 September 2011
Posted by Unknown
0 Comments
Tag : , , , ,
+
This post is about basic template engine management using Smarty with PHP. Smarty engine is an awesome tool, it saves your design development time. My friend Anil Panigrahi made a simple tutorial that how to implement Smarty for you PHP applications to follow basic standards and steps.

Smarty Template Engine using PHP

Read more »
Description: Smarty Template Engine using PHP
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Smarty Template Engine using PHP
Welcome to My Blog

Popular Post

Labels

Arsip Blog

Followers

- Copyright © 2013 shad0w-share | Designed by Johanes Djogan -