Cara Setting Domain Co.Cc / Mengubah Blogger Menjadi Co.Cc

Cara Setting Domain Co.CC

Pertama sobat kunjungi www.co.ccdan tentukan nama yang sobat inginkan sampai mendapatkanya (saya ambil contoh:www.putraseplawan.co.cc dari mas arya) dan klik 'check avaibility' ya lihat gambar 1

Selanjutnya,sobat klik 'Continue to Registration' lihat gambar 2



Kemudian sobat isi form login,jika sobat belum mendaftar klik aja 'create an account now',lihat gambar 3



Nanti jika berhasil akan sobat lihat pemberitahuan/konfirmasi bahwa requet telah berhasil dan klik 'setup',lihat gambar 4



Setelah itu,klik setup kembali ya gan,lihat gambar 5



Selanjutnya,pilih dan eksekusi check list 'zone records' dan isilah sebagai berikut:

Host : isilah nama yang sudah ditetapkan (misal : www.putraseplawan.co.cc )
TTL : 1D
Type : CNAME
Value : ghs.google.com

Untuk lebih jelas,sobat lihat screenshot gambar 6 dibawah ini:



Nah,sampai disini,sobat dah berhasil dalam melakukan setting domain co.cc,kini giliran kita pergi ke www.blogger.com untuk merubah salah satu blog kita disana agar menjadi domain co.cc sesuai nama yang telah kita tentukan tadi ya.

Mengubah / Mengganti Domain Blogspot Blogger Menjadi Domain Co.CC

Langsung aja ya,sobat kunjungi dashboard sobat dan klik 'pengaturan',lihat gambar 7

Nah,selanjutnya sobat klik 'penerbitan' lihat gambar 8



Kemudian sobat klik 'Domain Ubahsesuaian' lihat gambar 9



Kemudian sobat klik 'Beralih ke pengaturan lanjut',lihat gambar 10



Nah,sekarang isi nama yang sudah sobat tetapkan tadi (misal: www.putraseplawan.co.cc ) dan klik simpan,selesai.



Kini sobat sudah memiliki sebuah blog yang berdomain co.cc :D

Cara Membuat Recent / Related Post jQuery ( Berkedip Bergantian dan Slider)

UPdate! Trik Cara Membuat Artikel Yang Berhubungan / Related Post / Artikel Terkait,Sudah Direvisi! Dijamin Berhasil 100%

Setelah beberapa hari kemarin kami saling sharing seputar belajar seo blogspot,kini saatnya kembali utak atik blog seputar tutorial jquery kembali.

Ketinggalan terlalu banyak materi jquery dalam blog ini?,jangan kuatir sob,tutorial blog ini baru memposting beberapa posts kok :D

Sebelum posting tentang bagaimana membuat recent post jQuery ini,biar kami share kembali beberapa tutorial jQuery dalam blog ini beberapa waktu lalu,diantaranya:

1. Belajar Membuat Trigger Hover jQuery / Vertical Sliding Panel mengggunakan jQuery
2. Membuat Widget Gambar Slide Show / Slideshow Javascript dan Css di Blogger
3. Membuat Slick Tab View / Jquery Tab View Scroll Show Hide Widget
4. Membuat Menu Navigasi dengan jQuery (Kwicks jQuery Sliding Navigation Menu for Blogger)

Nah,belum terlalu banyak khan sob,sedot buruan ya :D

Langkah Cara Membuat Related Post / Recent Post jQuery untuk Blogger

Bagi yang masih bingung seperti apa sih related post yang dimaksudkan,sobat bisa lihat contoh gambarnya dibawah ini:

Contoh yang sudah diterapkan sobat bisa lihat di sini.
Gimana sob,pingin ga punya widget kaya gitu?yuk intip gimana sih cara bikin recent post jquery blogger ini..

Pertama langkahnya seperti biasanya ya hanya pilih Dashboard,lalu Tata Letak / Rancangan kemudian klik tulisan Add New Widget atau Tambah Gadget dan pilih HTML/Javascript,lihat Gambar:

Kemudian letakkan kode berikut sob:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><center><strong>Artikel Acak</strong></center>
<center>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:1px;
padding:0px 0px;
height:300px;
}
#spylist ul{
width:100%;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:100%;
padding: 0px 0px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url() repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
width:100%;
font-size:10px;
height:12px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:8px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:12px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:8px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";

imgr[1] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";

imgr[2] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";

imgr[3] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";

imgr[4] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";
showRandomImg = true;
boxwidth = 200;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 9;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 100;
home_page = "http://pelajaran-blog.blogspot.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='https://sites.google.com/site/pujiantoroinc/Home/recent_post_berkedip.js' type='text/javascript'></script>
</div></center>

Lalu Simpan dan sobat dah bisa lihat hasilnya :D

Teknik Seo Blogger Template ( Bag.2 ) - Cara Agar Breadcrumb Dapat Terindex

Rahasia Teknik Seo dalam Cara Ampuh Agar Breadcrumbs Dapat Terindex Google

Disaat google sedang pelit dalam mengindex blogspot akhir-akhir ini,sobat pasti mencari teknik seo agar blogger yang sobat miliki masih bertahan untuk dapat terindex di paman Google ini.
Pasalnya,tahun 2011 ini paman kita gugel sangat berhati-hati dengan flatform blogspot.

Seakan iri melihat blog-blog master seo yang memiliki breadcrumb/breadcrumbs yang dapat terindex di Google.

Lihat screenshot gambar dari blog sahabat saya yang breadcrumb-nya dapat terindex google berikut ini:

Di blog teknik seo blogger ini sendiri memang sulit meiliki breadcrumb yang dapat terindex seperti itu,tapi setelah posting ini mudah-mudahan breadcrumb pada blog tutorial ini dapat cepat terindex.

Nah,dalam kiat seo blogger template kali ini,kita akan ngbahas masalah ini sob,yup! bagaimana trik dan teknik agar blogger templates yang kita miliki seo friendly dengan optimasi dari breadcrumb.

Cara Membuat Breadcrumb Seo Friendly

Bagi sobat yang belum membuat breadcrums sebaiknya sobat bikin dulu ya,dan beruntung jika sobat belum membuatnya,karena breadcrumb seo friendly ini,akan kita ciptakan sore hari ini.

Pertama,pastikan anda sudah membuat label pada blog.
Selanjutnnya,pergi ke Dashboard,lalu pilih Tata Letak dan kemudian pilih Edit HTML,jangan lupa contreng tulisan Expand Widget Templates.
Selanjutnya cari kode berikut (gunakan Ctrl+F pada keyboard anda untuk membantu pencarian):

]]></b:skin>

Setelah ketemu,letakkan kode berikut tepat diatasnya:

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

Nah,setelah itu,sobat cari lagi kode seperti ini (ketik aja di Ctrl+F)

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

Nah jika sobat sudah temukan,hapus kode tersebut dan gantilah dengan kode berikut:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Setelah itu simpan templates sobat.

Tips Agar Breadcrumbs Terindeks di Google

Berikut tips dan trik agar breadcrumbs dapat diindex mesin pencari google:

1. Buatlah label blog yang tidak terlalu banyak (buatlah 1 atau 2 nama label saja)
2. Cantumkan label entry pada sidebar atau bagian footer blog (karena ini akan memungkinkan traffik dari link ini)
3. Nama label usahakan tidak jauh dari tema posting (misal posting tentang 'belajar seo' maka nama label usahakan seperti nama 'tutorial belajar seo',dll)
4. Intinya,buatlah posting yang sangat bermanfaat dan tidak bersifat menipu pengunjung
5. Buatlah pengunjung sangat tertarik dengan isi dari nama label yang ingin sobat shoot
6. Berdo'a :D

Semoga saja,dalam Teknik Seo Blogger Template ( Bag.2 ) - Cara Agar Breadcrumb Dapat Terindex posting kali ini,sedikit dapat membantu dan memberi harapan sobat blogger yang mulai terkikis rasa percaya dirinya dari langkah yang diambil Google terhadap blogspot.
Keep Post!

Teknik Seo Blogger Template ( Bag.1 )

Menyisipkan Keyword di Sebelum Judul Posting

Bicara masalah teknik seo blogger template,pada dasarnya sudah diberikan oleh para master seo kita meskipun tidak diberikan secara terang-terangan.

Kita lihat apa yang sudah blog tutorial blog dan seo ini mengutak-atik template untuk menyisipkan / meletakkan keyword secara otomatis pada setiap posting baru.

Jika sobat perhatikan,blog belajar seo blogspot ini didalam judul posting tidaklah berarti apa-apa,lihat gambar:

Namun saat browser tidak mengaktifkan gambar,maka akan tampil seperti ini (dan ini juga apa yang ditampilkan oleh search engine Google):



Betul sob,kita dapat menciptakan atau menyisipkan keywod secara otomatis pada saat setiap posting baru.
Nah,caranya ternyata sangat mudah,pada Teknik Seo Blogger Template ( Bag.1 ) ini akan sharing seputar masalah menyisipkan kata kunci ini sob :D

Langkah Teknik Modifikasi Blogger Template agar Seo Friendly

Pertama,coba sobat pilih Dashboard (gb.1),lalu Tata Letak (gb.2) kemudian contreng tulisan Expands Widget Templates (gb.3).

(1)


(2)


(3)

Setelah itu coba sobat cari kode :

<a expr:href='data:post.url'><data:post.title/></a>
(gunakan Ctrl+F di keyboard sob),setelah ketemu rubahlah menjadi seperti berikut:

<a expr:href='data:post.url'>
<img alt='Belajar Seo Blogspot' height='50' src='http://1.bp.blogspot.com/_n7xseT2-HDU/Saz6WSR1ptI/AAAAAAAAANY/QA1vxRormlY/s200/Loggo-pelajaran-Blog.gif' width='50'/>
<data:post.title/></a>

Untuk:
-kode warna hijau http://1.bp.blogspot.com/_n7xseT2-HDU/Saz6WSR1ptI/AAAAAAAAANY/QA1vxRormlY/s200/Loggo-pelajaran-Blog.gif,rubahlah url image/gambar milik sobat.
-kode warna hijau 'belajar seo blogspot' rubahlah kata kunci atau keyword sobat yang ingin disipkan yang nantinya akan secara otomatis tampil sebelum judul posting.

Semoga berhasil ya gan!!!

Setting Domain Co.Cc / Cara Mengubah Blogspot Menjadi Co Cc

Cara Setting Domain Co.CC

Pertama sobat kunjungi www.co.ccdan tentukan nama yang sobat inginkan sampai mendapatkanya (saya ambil contoh:www.putraseplawan.co.cc dari mas arya) dan klik 'check avaibility' ya lihat gambar 1

Selanjutnya,sobat klik 'Continue to Registration' lihat gambar 2







Kemudian sobat isi form login,jika sobat belum mendaftar klik aja 'create an account now',lihat gambar 3







Nanti jika berhasil akan sobat lihat pemberitahuan/konfirmasi bahwa requet telah berhasil dan klik 'setup',lihat gambar 4







Setelah itu,klik setup kembali ya gan,lihat gambar 5







Selanjutnya,pilih dan eksekusi check list 'zone records' dan isilah sebagai berikut:



Host : isilah nama yang sudah ditetapkan (misal : www.putraseplawan.co.cc )

TTL : 1D

Type : CNAME

Value : ghs.google.com



Untuk lebih jelas,sobat lihat screenshot gambar 6 dibawah ini:







Nah,sampai disini,sobat dah berhasil dalam melakukan setting domain co.cc,kini giliran kita pergi ke www.blogger.com untuk merubah salah satu blog kita disana agar menjadi domain co.cc sesuai nama yang telah kita tentukan tadi ya.

Mengubah / Mengganti Domain Blogspot Blogger Menjadi Domain Co.CC

Langsung aja ya,sobat kunjungi dashboard sobat dan klik 'pengaturan',lihat gambar 7

Nah,selanjutnya sobat klik 'penerbitan' lihat gambar 8







Kemudian sobat klik 'Domain Ubahsesuaian' lihat gambar 9







Kemudian sobat klik 'Beralih ke pengaturan lanjut',lihat gambar 10







Nah,sekarang isi nama yang sudah sobat tetapkan tadi (misal: www.putraseplawan.co.cc ) dan klik simpan,selesai.







Kini sobat sudah memiliki sebuah blog yang berdomain co.cc :D

Inilah Cara Usaha Saya Mendapatkan 'Belajar Seo Blogspot' Popular Keyword!

Belajar Seo Blogspot,Kata Kunci Sensasional?

Beberapa hari ini,jenuhnya aktivitas blogging yang saya alami,mengakibatkan traffik blog berkurang dan ini sangat mempengaruhi posisi serp dalam mempertahankan sebuah kata kunci.
Dahulu keyword 'blogger seo pemula' pernah didapat blog sederhana ini,namun karena minimnya ilmu seo blogspot yang saya miliki,kini kata kunci itu hilang dan entah kemana.
Di tahun 2011 ini,serp google.co.id dihiasi dengan keyword 'belajar seo blogspot' yang diantaranya dipegang oleh [ini saya copy paste dari search engine google ndonesia]:

Demi menjaga etika dalam blogging,kami terpaksa tidak dapat menampilkan dari hasil 'belajar seo blogspot' di serp Google.co.id

Inilah Cara Saya dalam Mengejar Kata Kunci Belajar Seo Blogspot

Meskipun para master seo tidak membuka rahasia mereka,tapi menurut saya pribadi,beliau-beliau ini telah menunjukkan kepada kita dalam belajar optimasi blog di blogspot.
Antara lain bagaimana beliau-beliau menjelaskannya melalui kombinasi kata atau kalimat yang bertujuan agar dapat mampu bersaing di serp paman Google.

Dalam dunia belajar seo yang saya ketahui,bahwa seorang blogger pemula mampu bersaing di serp dar beberapa faktor,yang antara lain adalah:

1.Memilki blog atau situs yang sudah berpagerank tinggi
2.Memiliki dummy blog (blog pembantu) yang juga sudah berpagerank tinggi juga
3.Memiliki komunitas yang dapat mendonasikan kunjungan perharinya
4.Memiliki pengetahuan luas,sehingga dapat membaca apa yang menjadi trend saat ini.
5.Memang kesehariannya hanya didepan komputer dan 'seo' adalah makanan kesehariannya :D

Untuk itu,dengan cara anallisa inilah usaha saya dalam mengejar,mendapatkan dan memperoleh keyword atau kata kunci 'belajar seo blogspot'.Dan semoga setelah posting kali ini,blog ini mampu memperoleh keyword tersebut meskipun bukan di halaman pertama.

Site Link : Rahasia & Tips Mendapatkan Sitelink Google dalam Beberapa Minggu!

Mungkinkah Mendapat Sitelink Google dalam Beberapa Minggu Saja?

Sitelink itu sendiri apa sih?
Sitelink Google adalah tautan link ke website yang muncul dalam daftar Google tertentu dalam rangka untuk membantu pengguna menavigasi situs.
Belum lama ini blog ini juga mendapat google sitelink,semoga saja dapat bertahan karena semakin banyak kompetitor dan jarangnya dikunjungi jelas akan mempengaruhi dari Google sitelink ini.

Inilah prev gambar dari sitelink Pelajaran Blog:

Tips Mendapatkan Google Sitelink dalam Beberapa Minggu

Berhubung menurut google sendiri,sitelink akan kita dapatkan jika sebuah blog mendapatkan kurang lebihnya 1000 pengunjung perhari atau 1000 page view perhari dari IP Address yang berbeda.
Untuk itu,langkah dan cara mendapatkan google sitelink sobat dapat ikuti langkah berikut:

1.Blogwalking

dengan cara ini sobat usahakan berkomentar dengan menggunakan nama blog sobat tanpa nypam ya,usahakan mendapatkan 80-100 blog yang telah sobat komentari.Dan ingat sob,saat berkomentar gunakanlah URL/Name ya (biar cepet kenal ama google,hihi)

2.Aktiv dalam Forum

bisa sobat bayangkan berapa pengunjung yang akan sobat dapat saat sobat berkontraksi dengan mereka,dari tempat dan komputer yang berbeda-beda diseluruh Indonesia ( MERDEKA!!!).

3.Berdo'a

jangan remehkan masalah ini sob,selain mutu posting yang berkualitas,dengan dukungan do'a inilah hal-hal yang tak disangka akan terjadi.(kok jadi kay ngandelin mukjizat bang,kwkwkwkwkw..pent-)

Itulah sekelumit tips dan trik rahasia mendapatkan google sitelink dalam beberapa minggu saja.
Semoga dapat menambah sedikit wawasan kita tentang dunia search engine optimization ya.Amin.