Tampilkan postingan dengan label Tutorial Blogspot. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blogspot. Tampilkan semua postingan

Jika Blog Dianggap Spam Oleh Google

Diposting oleh Unknown

Kemarin rumah dapat giliran mati lampu seharian. Begitu nyala, buru- buru ambil laptop mau ngeblog. Sehari tanpa ngeblog ada yang kurang rasanya terutama kalau pas di rumah. Selesai ngetik di Word rencana mau segera publish di Blogger. Eh tiba- tiba blogkoe tidak bisa diakses. Dan saat coba restore…bagai petir di kaos oblong eh di siang bolong ternyata ada pesan sayang dari Google…blog tercintaku dianggap SPAM…Wah bagaimana ini? Kenapa ya? Padahal blog yang saya jadikan tempat mengais dollar dari adsense ini murni karya pribadi. Memang sering dapat berita dari situs lain tapi itu kan sangat wajar dan ngga pernah copy paste, ngga berisi keyword doang, bukan juga situs porno atau situs teroris. Tapi kenapa ya bisa terjadi? Masih sedikit panik, saya segera cari referensi. Ternyata banyak teman blogger yang mengalami nasib serupa. Blog tiba- tiba dianggap SPAM padahal rasanya sih tidak melanggar TOS. Kalu saya masih mending karena ternyata dikirim info dari Blogger via email, yang lain banyak juga yang ngga diinfo. Jadi tahu- tahu blog lenyap entah kemana. Dikunci terus didelete sama Google. Sedihnya…
Banyaknya kejadian seperti ini ternyata adalah usaha Google untuk memerangi blog SPAM. Tapi dasar robot sering banget terjadi salah sasaran alias ‘False Positive”.
Sekarang saya lagi dalam proses harap-harap cemas. Kemarin sudah coba verifikasi tapi belum ada hasil. Kalau besok belum balik juga mungkin segera melayangkan surat cinta ke Paman Google memohon dikembalikan blogku. Ada juga teman yang bilang sebaiknya bikin review tentang blog yang dianggap SPAM tersebut diblog yang lain trus kirim ke contact support Blogger biar bisa dikaji. Nanti akan saya coba juga. Trus kalau pada akhirnya tidak balik juga..Ya sudahlah mungkin memang belum jodoh..Cukup 13 bulan aku mengurusnya dan terpaksa bilang “Selamat tinggal blogkoe sayang”…



More aboutJika Blog Dianggap Spam Oleh Google

Ada Ngga Cara Pakem Meningkatkan Page Rank?

Diposting oleh Unknown

Page Rank baru di update si mesin pencari raksasa Simbah Google beberapa waktu lalu. Ada yang tertawa gembira, ada juga yang termehek-mehek meratapi nasibnya karena Page Rank dihajar habis sama Simbah. Sedangkan golongan terakhir adalah golongan yang tersenyum kecut karena Page Rank jalan di tempat seperti saya. Hiks…
Dari beberapa blog kecil yang saya kelola cuma satu yang PR-nya naik. Dan justru tanpa dinyana tanpa disangka adalah blog yang ngga pernah diurus sejak beberapa bulan lalu. Kini dalam sebuah perenungan, hati jadi bertanya sebenernya ada ngga sih cara yang pakem untuk meningkatkan Page Rank?
Hingga saat ini Page Rank memang masih menjadi acuan nilai sebuah blog, seperti rapornya anak sekolah lah…Apalagi bagi yang memang mau mengunduh recehan dari blog PR memang sangat penting. Semakin tinggi PR semakin banyak iklan kejaring dan semakin banyak iklan artinya semakin tebal pula kantong kita.
Tiba-tiba jadi ingat pepatah populer “Kegagalan adalah Suskes yang Tertunda”. Ngga naiknya Page Rank sekarang siapa tahu update berikutnya langsung 6 ha…Jadi saya ngga boleh menyerah…Selama hayat masih di kandung badan PR harus terus diperjuangkan.
Mungkin kemarin memang masih kurang maksimal optimasinya atau mungkin juga content-nya kurang menarik jadi nggak banyak yang mampir. Tapi kalau dipikir-pikir walaupun saya belum menemukan cara yang paling yahud untuk menaikkan PR, traffic alias pengunjung adalah kunci sukses tidaknya suatu blog. Jika pengunjung sudah banyak ditambah lagi back link sudah banyak. Tinggal tunggu waktu saja Insya Allah rizki akan mengikuti. Semangatttttt…



More aboutAda Ngga Cara Pakem Meningkatkan Page Rank?

Cara Membuat Banner Online

Diposting oleh Unknown

Jika kemarin saya telah mengulas tentang cara membuat chicklet, kini giliran cara membuat banner online. Perbedaan antara banner dengan chicklet hanya tampak dari desain dan ukuran. chikclet biasanya berukuran lebih kecil dari banner dan hanya berupa teks standar dengan background kotak dan berwarna. Sedang banner bisanya lebih rame dari chicklet, dengan desain font dan text tiga dimensi dengan animasi ataupun diselipkan gambar atau logo. Buat kamu yang lagi hoby bertukar banner, atau sekedar ingin membuat banner untuk indentitas blog kamu kita akan coba membuat banner online menggunakan layanan dari http://cooltext.com/ dan jangan khawatir layanan ini gratis.

Cara membuat banner online:
1. Langsung saja ke situs http://cooltext.com/
2. Saya recomendasikan untuk meregister terlebih dahulu. Pilih menu login, create an account
3. Klik menu LOGO (bagian atas).
4. Di menu CHOOSE A LOGO DESIGN pilih dan klik gambar yg Anda suka.
5. Di menu LOGO TEXT tulis title blog kamu contoh: “indo-trans
6. Kamu bisa menyesuaikan model Font, warna background seperti yang kamu inginkan pada form tersedia.
7. Klik menu RENDER LOGO.
8. Kamu bisa langsung mendapatkan Html code dengan mengklik 'get html code' lalu langsung pasang di blog kamu. Jadi tidak perlu diupload lagi ke layananan pihak ke tiga. Untuk memasangnya uda tau semua kan? Tinggal add gadget > html/javascript paste kodenya dan save.

Selamat mencoba...!!! Happy Blogging...

Insiprate: www.fatihsyuhud.com
More aboutCara Membuat Banner Online

Cara Membuat Chicklet

Diposting oleh Unknown

Bertukar link atau banner bagi sebagian blogger dapat dimanfaat sebagai ajang untuk meningkatkan pagerank blognya, namun momen ini sebenarnya juga bisa dijadikan alat untuk saling bersilaturahmi dan mempererat tali persaudaraan antar sesama blogger. Berbicara tentang banner jadi ingat dengan saudaranya yaitu chicklet. Ini mirip dengan banner hanya saja bisanya agak lebih kecil. Fungsi chicklet ini sendiri juga dapat digunakan sebagai logo atau identitas blog kamu. Bagi kamu yang sedang giat melakukan link exchange karena google pagerank akan diupdate akhir bulan ini, namun kamu tidak jago dalam urusan grafis, gak perlu pusing untuk mendisainnya. Sebuah situs online akan mencetak chicklet kamu secara otomatis. Untuk membuat chicklet blog, kamu hanya perlu mengunjungi situs: www.blogflux.com, bagaimana cara membuatnya? Lets find out…!!!

Cara membuat Chicklet:

1. Kunjungi http://tools.blogflux.com/buttonmaker/ gak usah register ya bro!!! maka kamu akan disuguhkan form berikut seperti pada gambar dibawah ini:



2. Di LEFT-BLOCK (bagian kiri atas) ada menu “Text”, ganti tulisan “w3c” sesuai dg yg Anda inginkan. Contoh, tulis “indo”

3. Di RIGHT-BLOCK (bagian kanan atas) ada menu “Text”, ganti tulisan “xhtml” dg yg sesuai dg keinginan Anda, contoh, “trans”

4. Bentuk font dan background warna dapat dirubah sesuai selera. Tinggal klik menu “color” dan “background” di situs di atas.

5. Di GENERATE-BUTTON (bagian kanan bawah) klik tulisan Generate Button. Maka akan muncul chicklet seperti ini:



6. Nah, sekarang tinggal kamu klik Save image as atau, arahkan mouse ke gambar, klik kanan –> save picture as –> kasih nama file contoh: indo-trans –> save di komputer Anda.

7. Setelah di saving di komputer, masukkan / upload gambar chicklet tsb di situs online seperti www.photobucket.com. Namun untuk dapat mengupload gambar kamu diharuskan register terlebih dahulu, fasilitas ini gratis koq bro jangan khawatir ya!!! Setelah kamu mengupload gambar maka kamu akan mendapatkan alamat atau direct link dimana gambar itu tersimpan. Utuk dapat memasangnya diblog kamu biasanya di sidebar kamu harus membuat sebuah widget, tinggal add gadget-> Html/Javascript dan pasang kodenya. Tutorial tentang cara membuat banner link code kamu bisa lihat disini.

8. Setelah tersimpan secara online, Anda bisa gunakan sesuai kebutuhan Anda seperti untuk link button tukar link dengan teman-teman blogger lain, atau sekedar buat pajangan di sidebar.

Selamat mencoba ya bro…!!! Happy blogging…!!!

Insiprate: www.fatihsyuhud.com
More aboutCara Membuat Chicklet

Cara Membuat Banner Link Code

Diposting oleh Unknown

Beberapa waktu lalu ada pengunjung blog indo-trans ini yang menanyakan tentang kode untuk banner link. Bagi yang sudah malang-melintang mungkin sudah banyak yang paham untuk membuat banner link code, karena mungkin ini merupakan kode html dasar. Well karena ada yang belum paham maka saya akan berusaha untuk menerangkan dalam kapasitas saya sebagai newbi. Sebenarnya untuk dapat membuat Banner Link sangat simple dan mudah, perintahnya pun hampir sama dengan membuat teks link. Untuk dapat membuat banner yang bisa nge-link ke suatu halaman kodenya adalah sebagai berikut:


<a href="http://NAMA BLOG KAMU"><img src="http://ALAMAT KAMU MENYIMPAN BANNER" alt="JUDUL BANNER KAMU" width="120" height="60" border="0"></a>

Setelah kamu mendisain banner yang kamu inginkan, maka kamu perlu untuk menguploadnya dengan menggunakan layanan pihak ke3, jangan takut kamu bisa melakukannya tanpa harus bayar: kamu bisa menuju ke www.photobucket.com. Untuk width dan height bisa kamu sesuaikan dengan ukuran banner yang kamu buat.

Happy Blogging…!!!
More aboutCara Membuat Banner Link Code

Mendapatkan Uang dari Ngeblog

Diposting oleh Unknown

Judul diatas seakan menjadi perntayaan saya ketika belum mengenal blog, bener gak sih bisa mendapatkan uang dari ngeblog? Atau betulkah dari internet kita bisa mendapatkan uang? Yang mungkin notabenenya bisa hanya dengan bermodal ‘dengkul’. Mungkin jawabannya adalah relatif, he..he.. Atau mungkin kamu pernah membaca sebuah iklan cara mudah meraup uang dari internet, rahasia meraih 70 juta/bulan dari internet, dll. Secara tidak sadar pertanyaan tersebut telah membaya saya pada dunia blogging dan lebih banyak lagi mencari tau tentang internet. Mungkin sebelumnya saya hanya menggunakan internet hanya untuk kesenangan saja seperti mendowload video bokep, foto telanjang artis, mp3 lagu Indonesia, email, chatting, bermain friendster, facebook, multiply dll.

Kembali ke pertanyaan apakah mungkin mendapatkan uang dari ngeblog? Bahkan tanpa modal sepeser pun! Bahkan saya sempat pula berfikiran untuk mengikuti sebuah kursus marketing online berlabel ‘otak asia’ itu. Jadi gimana mas, beneran gak neh ngeblog bisa dapet duit? Ok saya jawab bisa, namun dengan usaha tentunya. Karena usaha anda ini akan menentukan penghasilan yang akan anda dapatkan dari intenet. Apakah hanya sebuah receh yang akan anda cari atau memang dollar yang berlimpah.

Bagi yang sudah malang melintang di dunia blogger, mungkin sudah pernah merasakan nikmatnya dollar dari internet. Baik itu yang hanya ingin mendapatkan penghasilan tambahan dari internet atau yang full time bloggger yang menggantungkan hidup pada dunia maya ini. Jika anda bertanya Bagaimana cara mendapatkannya? Saya yakin jawabannya hanya satu, ‘tidak mudah bro!!!’ mereka mungkin akan bersuara sama yakni bahwa mencari duit di internet tidak semudah membuat blog. Jadi tidak dengan hanya semerta merta mendirikan sebuah blog duit kita bakal mengalir bro! Semua butuh proses dan ketekunan.

Banyak sekali program make money online yang jika kita tekun kamu bisa mencicipi juga dollar dari internet. Seperti Google Adsense yang merupakan primadona bagi para pencari uang dari internet yang juga merupakan dilema bagi saya karena terkait penguasaan bahasa. Atau program paid to review, afiliasi yang sedang marak, paid to click yang akan membuat anda harus bersabar jika ingin kaya, he..he.. dll.

Bagaimana dengan saya sendiri? Apakah sudah pernah mendapatkan hasil dari internet? Wah kalo untuk urusan ini saya malu buat mengatakannya, he..he.. Selain saya ini bukan apa-apa dan bukan siapa-siapa dalam dunia blogging, saya juga belum ada apa-apanya dalam urusan mencari duit dari internet. Namun saya akui pernah mencicipi hasil dari ngeblog atau dari blog gratisan ini walau hanya receh. Mungkin yang mau baca testimony saya disini atau disini dan disitu. Dan 20 Januari 2009 lalu saya berhasil mencairkan paypal saya $20 atau sekitar Rp 200.000,- wahhh bukannya mau pamer ya? Sangat gembira sekali saya mendapatkan bayaran dollar pertama saya dari jerih payah yang saya jalani selama ini. Dan masih ada beberapa dollar lagi yang belum saya cairkan menunggu $150 supaya tidak kena charge Rp. 16.000,- he..he.. gak mau rugi banget ya…!



Klik pada gambar buat memperjelas...!!!

Keep semangat blogging ya bro...!!!
More aboutMendapatkan Uang dari Ngeblog

Cara Mengetahui Blog Do Follow atau No Follow

Diposting oleh Unknown

Sebelum baca artikel ini mungkin ada baiknya kamu membaca dulu artikel saya sebelumnya tentang apa itu Do Follow blog, keuntungan dan kerugian Do Follow blog. Jika kemarin kita sudah mencoba mengubah atribut no follow menjadi do follow pada blogger. Sekarang bagaiman ya cara mengetahui suatu blog menganut paham nofollow atau dofollow. Seperti kita ketahui akhir-akhir ini blog dengan do follow banyak diburu oleh para blogger guna mendapatkan backlink yang akan berdampak baik bagi pagerank mereka. Ada dua cara yang dapat kamu lakukan untuk mengetahu suatu blog no follow atau do follow. Ok kita akan bahas satu demi satu.

Setelah kamu berada pada blog yang akan kamu periksa, langsung saja buka salah satu halaman artikelnya. Silahkan menuju pada bagian komentar, pastikan blog tersebut juga menampilkan kolom komentar. Kemudian lihatlah Page Source halaman tersebut. Jika menggunakan Modzilla Firefox maka caranya adalah masuk ke menu View-Page Source dan jika menggunakan Internet Explorer masuk ke menu View - Source.
Lalu sebuah halaman baru akan muncul, halaman tersebut berisikan bahasa HTML dari halaman blog tersebut. Periksalah halaman tersebut, masuk ke bagian yang menunjukkan komentar. Untuk memudahkan dalam mencari maka ingat-ingat nama pemberi komentar dan isi komentarnya pada halaman blog yang di buka tadi, biasanya bahasa HTML nya terdapat di bagian tengah halaman Source yang baru dibuka.

Nah berikut gambar contoh page source halaman blog wordpress yang menganut paham NoFollow :



Dan yang di bawah ini adalah gambar contoh page source halaman blog blogspot yang menganut paham NoFollow:



Dari kedua gambar di atas dapat di simpulkan bahwa blog yang TIDAK menganut DoFollow baik itu di wordpress maupun di blogspot adalah blog yang memuat bahasa HTML sebagai berikut:

<a href=”alamat blog pemberi komentar” rel=”external nofollow”> NamaPemberiKomentar </a>


Maka untuk mengetahui apakah blog menganut paham DoFollow, maka tinggal cari blog dengan halaman source postingnya tidak mengandung kalimat HTML : rel=”external nofollow”, seperti halnya blog ini dimana kalimat HTML pada bagian komentar tertulis sebagai berikut:

<a href=”alamat blog pemberi komentar” > NamaPemberiKomentar </a>


Sebenernya ada cara yang lebih gampang, hayaahh kenapa ada cara yang lebih gampang malah jelasin cara yang ribet? he..he.. gini cara yang kedua:

Pada bagian komentar di halaman blog, klik kanan pada nama yang memberi komentar lalu masuk ke menu Properties. Jika Blog itu menganut DoFollow maka nilai pada Relation adalah External, sedangkan jika blog tersebut menganut Nofollow maka nilai pada Relation adalah NoFollow (pada blogspot) dan External NoFollow (pada wordpress).

Selamat memburu backlink...

Sumber: zalukhu.com
More aboutCara Mengetahui Blog Do Follow atau No Follow

Mengubah No Follow Menjadi Do Follow Pada Blogger

Diposting oleh Unknown

Setelah kemarin saya memposting tentang Do Follow Blog, dan sudah saya jelaskan panjang lebar mengenai apa itu Do Follow Blog, keuntungan dan kerugian Do Follow Blog rasanya kurang sip jika tidak menshare juga tentang cara menjadikan blog kamu Do Follow. Mungkin dengan penjelasan saya kemaren kamu memutuskan untuk mencoba menganut paham 'U Comment I Follow U'. Karena saya tidak pandai dalam urusan tutorial atau hacking dll, maka saya hanya menulis ulang atau mencomot tutorial dari pawang tutorial blogspot yaitu o-om.com. Blog ini memang besar dari sana dan hampir semua trik dan ilmu blogging saya ambil dari beliau. Back to topic sebenarnya untuk menjadikan blog kamu Do Follow adalah dengan cara Mengganti No Follow Blog menjadi Do follow Blog pada blogspot (menghilangkan no follow di blog). Biar gak bingung kita langsung praktek saja bro…!!!

Cara menghilangkan NoFollow komentar Blogger:
1. Pilih tab Layouts
2. Pilih Edit Html (jangan lupa backup template)
3. Beri tanda centang pada "Expand Widgets Template"
4. Pada comments code, cari kode ini :
'data:comment.authorUrl' rel='nofollow'
5. Hapus rel=’nofollow’
6. Simpan template

Selamat Mencoba…!!! Happy Blogging…
More aboutMengubah No Follow Menjadi Do Follow Pada Blogger

Cara Mudah Membuat Related Post (Artikel Yang Berhubungan)

Diposting oleh Unknown

Membuat Widget Related Post atau Posting yang berhubungan atau post yang berkaitan memang terkadang susah-susah gampang, karena template yang kita gunakan terkadang berbeda-beda, jadi terkadang pula tutorial yang kita ikuti tidak berhasil. Contohnya saya pernah membuat widget related post dengan tutorial dari o-om dan berhasil, begitu template di ganti dan saya mencoba membuat lagi widget tersebut tenyata It doesn’t work man!!! Perlu diketahui widget ini terbilang lumayan penting dan saya sangat suka dengan widget ini karena selain pengunjung lebih mudah lagi dalam bernavigasi pada blog kita, juga bisa meningkatkan vitalitas pria page per views blog kita. Sebelum saya menggunakan widget ini page per views blog dan rata-rata orang mengunjungi blog ini sangat rendah, namun setelah menggunakan blog ini yahh lumayan lah. Sayang juga kan jika pengunjung blog kita ini hanya membaca satu artikel saja langsung kabur…!!! Dengan disuguhkan judul artikel posting kita yang berubungan harapannya pengunjung kita tergoda wanita seksi untuk membaca artikel kita yang lain yang berkaitan. Tutorial yang saya temukan ini sangat mudah dan sangat simple untuk diterapkan dan sepertinya hampir semua template cocok menggunakan cara ini. Mau tau? Mau… Mau… Mau…!!!

Membuat Widget Related Post (posting yang behubungan):
1. Loging ke accunt blogger kamu:
2. Edit layout HTML, lalu centang Expand Widget Template
3. Biasakan untuk mendownload template kamu dulu bro!!!
4. Cari code dibawah ini (Untuk memudahkan pencarian, silahkan pakai F3 di keyboard)

<p><data:post.body/></p>

5. Jika sudah ketemu copy paste kode berikut dibawah kode diatas.

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<!-- *****************http://blogger.com*****Jan,2007****************** -->
<!-- *****************Related Articles by Labels - Take Two****************** -->

<!--

1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
2. The current article will also be listed, now it's no more.
-->

<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

6. Simpan template dan lihat hasinya.

Selesai dah.. mudah dan simple kan??? Jangan lupa jika blog kamu tergolong masih baru untuk membuat label / category pada setiap artikel yang kamu posting. Tutorial cara membuat widget category labels dapat kamu lihat disini. Selamat mencoba…!!!

Tutorial ini saya temuan dari http://scrapur.com/ dengan sedikit modifikasi tentunya, he..he...
More aboutCara Mudah Membuat Related Post (Artikel Yang Berhubungan)

Cara Membuat Tag Cloud Comulus Animasi Flash

Diposting oleh Unknown

Membuat widget kategori menggunakan labels dari blogger sudah pernah saya bahas beberapa waktu lalu. Bagi yang belum pernah membaca tentang cara membuat widget kategori labels mungkin bisa membacanya lagi disini. Jika kita membuat kategori yang cukup banyak dengan cara ini akan membuat Widget Labels kita memakan tempat pada side bar kita karena memanjang kebawah. Ada cara yang laen untuk memunculkan label atau category yang kita buat tanpa harus menghabiskan tempat. Yatu dengan tag cloud cumulus. Dengan model Flash animasi ini memang sangat asyik dipandang, walau memang dengan JavaScript akan membuat blog agak agak berat loadingnya. Jika kamu ingin tau cara buat kita akan bahas setelah yang satu ini, lho ada iklannya ya?? He..he..

Pertama Untuk membuatnya mari kita ikuti langkah-langkah berikut:
1. Login ke account blogger kamu
2. Pilih layout > add gadget pada sidebar kamu untuk membuat elemen halaman baru
3. Pilih Label,
4. Pada Title kamu isikan judul widget kamu, misal: kategori, daftar ini, labels, dsb. Pada pilihan sorting kamu bisa memilih Alphabetically untuk mengatur labels kamu secara abjad dan By Frequency untuk mengatur labels kamu dari jumlah artikel terbanyak. Tampilan Previewnya akan terlihat.
5. Jangan lupa Save dan lihat hasilnya.

Catatan: Lima step diatas hanya buat kamu yang belum pernah membuat widget kategori labels, jika sudah kamu bisa langsung ke step berikut.
6.Login kedalam blogger dengan user id anda.
7.Masuk ke Dashboard Layout > Edit HTML dan klik Expand Template Widget
8.Jangan lupa untuk selalu mem-backup template anda sebelum memodifikasinya.
9. Cari kode dibawah ini :

<b:section class='sidebar' id='sidebar' preferred='yes'>

10.Kemudian copy dan paste kode di bawah ini tepat di bawah kode no. 9

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so=new SWFObject ("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

11.Simpan template anda. Selesai!!!

Ketika anda melihat blog anda kembali, secara otomatis tag cloud cumulus ini akan tertampil di sidebar blog anda. Secara default widget ini akan tertampil dengan keterangan sebagai berikut:
• Width = 240px
• Height = 300px
• Background = white
• Warna text = grey
• Ukuran Huruf = 12

Bila anda ingin merubahnya, ikuti langkah-langkah dibawah ini :
1.Mengubah ukuran widget (width & height) dan warna background

var so = new SWFObject ("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

Merah untuk lebar, biru tinggi dan hijau warna background, Kamu bisa mengganti angka tersebut dengan ukuran yang sesuai dengan blog kamu.

2. Mengubah warna huruf

so.addVariable("tcolor", "0x333333";);

sama seperti merubah huruf pada umumnya, hanya tanda '#' nya dihilangkan. Kamu bisa mengganti warna huruf yang sesuai dengan blog kamu. Untuk kode warna pada HTML bisa dilihat disini.

3. Mengubah ukuran huruf

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

Kamu bisa mengganti angka tersebut dengan ukuran yang sesuai dengan blog kamu.


Selamat Mencoba...!!!
More aboutCara Membuat Tag Cloud Comulus Animasi Flash

Cara Mengatasi Lupa Password di Blogger

Diposting oleh Unknown

Setelah sekian lama tidak update blog indo-trans, gatel juga malam ini. Kali ini menjawab permasalahan salah satu pegunjung setia blog ini, "Mas saya lupa password blogger saya gimana cara mengatasinya?" Mungkin kamu juga sedang mempunyai masalah dalam mengingat password dan username di blogspot khususnya. Saya sendiri pernah mengalami masalah forgot password ini, yang akan saya share disni bukan dengan cara hack atau crack password karena memang saya tidak paham dengan hacking, cracking, atau bahkan carding. Setelah berkeliling dengan paman google akhirnya saya menemukan cara mengatasi lupa password di blogger. Sebenernya yang harus kamu lakukan adalah merequest kembali pasword dan username kamu di blogger, It's easy... here we go!!!

Cara mendapatkan kembali password dan user name di blogger:
1. Langsung aja kamu tuju alamat berikut: http://www.blogger.com/forgot.g
2. Ada dua cara yang bisa kamu lakukan untuk mendapatkan kembali password dan user name di blogger, namun cara yang akan saya gunakan cara yang pertama yaitu yaitu menggunakan alamat url blogger/blogspot
3. Ok, langsung saja masukkan alamat blog kamu pada kotak isian alamat urlnya, dan tinggal ikuti saja instruksi selanjutnya (gunakan bahasa indonesia saja biar lebih mudah)



Note:
Catatan: Informasi alamat url blog akan dikirim kealamat email (gmail), jika dalam beberapa waktu informasi tidak muncul dalam inbox, coba cek di folder spam. Nah pada email yang diterima kita akan melihat beberapa informasi penting, diantaranya jika kita lupa nama sandinya tinggal klik link dibawah kalimat "Apabila lupa sandi Anda, Anda dapat me-reset dengan meng-klik link ini:" kemudian akan muncul halaman bantuan password, masukan kode verifikasi sesuai dalam gambar, kemudian klik "dapatkan kembali password". hal yang harus diperhatikan bahwa informasi password akan dikirim ke alamat email sekunder ketika pertama kali mendaftar.

Gimana? uda pada paham semua?? Akhirnya bisa juga saya posting tulisan pagi ini disela-sela kesibukan saya mengurusi persiapan sang istri yang akan melahirkan putra kami yang pertama. Ya,, semoga bisa lancar prosesnya nanti dan saya bisa blogywalking, Latihan SEO untuk pemula, dan ikutan kontes Busby SEO Test dan sebagainya. Pokoknya tetap semangat ngeblog...

Happy blogging...!!!
More aboutCara Mengatasi Lupa Password di Blogger

Mengubah Labels Dropdown Pada Blogger

Diposting oleh Unknown

Bagi kamu yang mempunyai masalah dengan style labels pada blogger, berikut saya mencoba share solusinya. Ketika kita membuat label/kategori pada postingan kita hanya 5-10 mungkin tidak menjadi masalah, bagaimana jika ada 20-30 labels yang kita buat? Tentunya ini akan membuat menu kategori kita tersusun panjang ke bawah dan memakan tempat di sidebar. Kita bisa mengakalinya dengan membuat dropdown labels, tidak seperti menu arsip kita bisa langung mensetnya, karena feature ini tidak ada pada labels style. Ini juga sekaligus menjawab pertanyaan teman-teman yang dituliskan baik itu di kotak komentar dan chat box. "Mas labels saya panjang ke bawah bisa gak dibuat dropdown menu?", "Gimana cara buat menu dropdown label seperti dropdown archive pada new blogger?" atau "Bagaimana cara membuat dropdown menu pada labels?". Ok kita akan membahasa hack singkatnya.

Lihat gambar berikut biar lebih paham ya..!!!



Berikut langkah-langkah membuatnya:
1. Login ke account blogger kamu

2. Masuk ke Layout > Edit Html dan centang expand widget (jangan lupa untuk mendowload full template kamu dulu)

3. Cari kode berikut
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

Note: Jika agak susah untuk mencarinya tinggal pencet saja F3 lalu pada kotak Find copypaste kode berikut: (<data:label.count/>) lalu klik next.

4. Jika sudah ketemu ganti seluruh kode diatas dengan kode dibawah ini:
<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Select a label</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>

Pada tulisan berwarna merah <option>Select a label</option> bisa kamu ganti dengan kata kamu sendiri misal: kategori, daftar isi, dll.

5. Terakhir Save, dan lihat hasilnya.

Wuiihh selesai juga postingan ini disela-sela kesibukan saya Latihan SEO untuk pemula dan Busby SEO Test. Selamat mencoba ya??
More aboutMengubah Labels Dropdown Pada Blogger

Menghilangkan Navbar atau Autohide?

Diposting oleh Unknown


Sebuah judul yang plin-plan, menghilangkan navbar atau autohide? ada yang belum tau Navigator Bar (navbar)? Itu tuh menu pada bagian paling atas blog kamu (yang menggunakan blogger tentunya). Bagi sebagian orang menu ini dianggap kurang enak dipandang dan banyak sekali yang menghilangkannya. Namun taukah kamu menghilangkan menu navbar ini melanggar aturan TOS! Karena dianggap menghilangkan identitas blogger. Jika blog kamu masih gratisan mungkin akan berfikir 2x kalau akan menghapus menu ini, hanya demi sebuah penampilan blog kamu bersiko untuk di banned. Lain halnya jika kamu telah punya custom domain sendiri saya rasa tidak akan bermasalah jika men-disable feature ini.

Sebenarnya ada cara untuk mengakali supaya tidak melanggar TOS tersebut, menu navbar kamu di auto hide. Jadi ketika pointer mouse tidak diarahkan ke bagian paling atas blog kamu, menu navbar tidak akan muncul, dan sebaliknya jika diarahkan akan muncul tentunya.

Bagi saya navbar ini mempunyai peranan penting bagi aktivitas blogging saya, berhubung blog indo-trans ini masih gratisan juga, saya bisa dengan mudah untuk bolak-balik masuk ke halaman dashboard atau setting pada blogger ini. Jadi saya terbiasa menggunakan menu ini.

Eniwei itu semua terserah kepada kamu apakah ingin tetap menggunakan navigator bar ini seperti saya (he..he..!!), atau menghilangkan menu ini. Atau tertarik buat meg-Autohide menu ini? Ok, saya akan membagi ilmunya...

Cara menghilangkan navigator bar pada blogger:
1. Login ke account blogger kamu
2. Masuk ke menu Layout dan Edit HTML (jangan lupa download full template lengkap kamu sebagai back up
3. Cari kode: <b:skin><![CDATA[/* Jika agak sulit ditemukan tekan F3 lalu copy paste kodenya di kotak find search bagian bawah lalu klik next
4. Jika sudah ketemu letakkan kode berikut di bawah kode diatas

/* CSS to hid navigation bar */
#navbar {
height:10px;
visibility:hidden;
display:none;
}

Note:
Biasanya template yang kamu download dari suatu situs (bukan template standar blogger) sudah menyertakan kode ini, jadi menu navbarnya sudah di hilangkan. Karena saya lebih suka menggunakan menu navbar, maka saya selalu menghapus kode ini agar menu navbarya tetap muncul.
5. Jangan lupa Save dan lihat hasilnya.

Auto Hide pada Navbar Blogger:
1. Login ke account blogger kamu
2. Masuk ke menu Layout dan Edit HTML (jangan lupa download full template lengkap kamu sebagai back up
3. Cari kode: body { Jika agak sulit ditemukan tekan F3 lalu copy paste kodenya di kotak find search bagian bawah lalu klik next
4. Jika sudah ketemu letakkan kode berikut di atas kode body {

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,
FinishedOpacity=100)}

5. Jangan lupa Save dan lihat hasilnya.

Jadi gimana navbarnya tetap digunakan, dihapus atau di autohide? terserah kamu. Selamat mencoba...!!!
More aboutMenghilangkan Navbar atau Autohide?

Cara Membuat Widget Kategori Label

Diposting oleh Unknown

Widget kategori label memang berperan cukup penting untuk sebuah blog, selain membuat situs kamu menjadi lebih menarik, dan terlihat professional. Category Labels ini juga memudahkan pengunjung untuk mengklasifikasi artikel kita. Menurut hemat saya ada tiga model untuk membuat widget ini yaitu: tag clouds, comulus clouds, labels (standar blogger). Saya sendiri lebih suka menggunakan label category standar blogger, karena Tag cloud dan comulus cloud menggunakan javascript dan flash yang agak membuat loading page blog kamu jadi berat, selain itu juga cara ini sangat mudah dan tidak ribet (gak perlu menghack dengan kode-kode yang memusingkan, karena layananan ini sudah terintegrate di blogger sendiri). Secara fungsi tetap sama menampilkan informasi kategori artikel kamu, hanya beda tampilan saja. Ok, kali ini saya akan menjelaskan bagaimana cara membuat widget kategori label menggunakan feature dari blogger, lanjut?

Untuk membuatnya mari kita ikuti langkah-langkah berikut:
1. Login ke account blogger kamu
2. Pilih layout > add gadget pada sidebar kamu untuk membuat elemen halaman baru
3. Pilih Label, perhatikan gambar di bawah ini:



4. Pada Title kamu isikan judul widget kamu, misal: kategori, daftar ini, labels, dsb. Pada pilihan sorting kamu bisa memilih Alphabetically untuk mengatur labels kamu secara abjad dan By Frequency untuk mengatur labels kamu dari jumlah artikel terbanyak. Tampilan Previewnya akan terlihat.

5. Jangan lupa Save dan lihat hasilnya.

Wah?? isi Category Labes Widgetnya masih kosong mas?? Gimana ya? Ya iyalah... secara duren aja di belah bukan di bedong wakakakak...!!! Kamu perlu mengedit kembali semua arikel yang sudah kamu posting dan isikan label kamu sesuai dengan artikel kamu, caranya kamu tinggal masuk ke menu posting > edit posts lalu edit satu persatu artikel yang kamu buat dan masukkan isi kategori (misal: belajar blog, SEO, bisnis internet dsb) kamu pada Labels for this post: kotak di bawah kanan dan publish. Kamu bisa mengisi lebih dari satu kategori dengan memisahkan menggunakan tanda koma ",". Untuk lebih jelasnya lihat gambar berikut:



Jangan lupa setiap kamu artikel yang akan kamu posting di buat label kategorinya juga, untuk contoh kategori labels ada di blog ini pada sidebar (kategori), selamat mencoba...!!!
More aboutCara Membuat Widget Kategori Label

Mengganti Header Pada Blogspot

Diposting oleh Unknown

Pada postingan sebelumnya saya telah membeberkan situs Free Image Header yang Ok sebagai alternative pilihan kamu, namun rupanya banyak juga para newbi yang belum tahu cara Mengganti Header Pada Blogspot. Bagi yang sudah mahir boleh melewati postingan ini, namun bagi yang masih ingin tahu triknya silahkan lanjut bos...!!! Header pada sebuah situs atau blog merupakan identitas yang unik, mungkin template boleh sama tapi tidak dengan header. Usahakan header dibuat beda dan menarik dari yang lain, karena orang yang berkunjung ke blog anda pertamakali pasti akan melototin bagian atas ini. Ada sedikit tips untuk mengganti identitas blog kamu ini, mau tau?

Kenapa mengganti header ini dibilang perlu? Karena kita menggunakan free template yang gratisan kemungkinan ada orang lain juga yang sama menggunakan template tersebut, lalu kalo semua sama gimana cara orang dengan mudah mengingat blog kita? Cossa Aranda saja pernah memposting "Katakan Dengan Header". Gak perlu terlalu bagus, yang penting simple, unik, dan berkelas. Bagi kamu yang tidak mahir dalam urusan desain, gak perlu khawatir kita bisa mendowload image header dari situs-situs gratisan. Kita hanya perlu mengedit dengan menambahkan tulisan title blog kamu dan deskripsi blog kamu.

Oke sebelum kamu menggantinya download dulu header kamu disitu atau disini, jangan khawatir ini gratis. Setelah selesai kamu pilih, sekarang kamu harus menyesuaikan dengan ukuran pada header di blog kamu. Cara mengetauinya cukup mudah, kamu tinggal masuk ke menu pengaturan pada blogger Layout > Edit HTML. Lalu cari kode #header-wrapper, biar gampang pencet saja F3 dan isi kode tersebut pada kotak find. Contoh ukuran header pada blog indotrans ini:

#header-wrapper{ width:973px; height:150px; margin:0px; padding:0px; text-align:left; background:#ffffff; border-bottom:1px solid #c0c0c0; border-top:1px solid #c0c0c0;}

Pada width:973px artinya ini adalah ukuran lebar header blog kamu yaitu 973 pixel, dan height:150px artinya tinggi header kamu yaitu 150 pixel. Maka kamu harus mengubah unkuran header yang kamu download tadi menjadi ukuran tersebut, caranya tinggal resize image dengan bantuan software seperti corel, photoshop, fireworks dsb.

Jika sudah meresize sekarang tinggal menambahkan judul blog kamu, jika kamu ingin menggunakan huruf-huruf yang lebih extrem, tinggal download saja disni. Jika sudah selesai jangan lupa simpan file header kamu, sebaiknya menggunakan format .jpg karena hasil dari file ini kualitas cukup lumayan dan tidak terlalu besar ukuran filenya, ini untuk menghidari loading page kamu yang berat.

Untuk mengupload gambar kamu tadi masuk ke halaman layout, untuk lebih jelasnya lihat gambar di bawah ini:



Klik edit pada bagian elemen header kamu, yang ada judul blog kamu. Pilih menu image button browse from your komputer dan langsung saja browse file header kamu. Untuk pilihan from the web digunakan apabila kamu menyimpannya pada file hosting seperti photobucket, google picassa, dsb. kamu tinggal memasukkan alamat url tempat menyimpan image kamu. Perhatikan gambar berikut:



Pada placement ada pilih button Instead of title and description, jadi image kamu nanti akan menutupi Title dan Description Blog Kamu, sedangkan Behind title and description Title dan Description Blog Kamu akan tetap nampak, dan jangan lupa centang cek box Shrink to fit, ini akan menyusutkan gambar kamu sesuai dengan ukuran header.



Terakhir, klik Save dan lihat hasil pekerjaan kamu.

Happy blogging...!!!
More aboutMengganti Header Pada Blogspot

Followers Support di Blog Berbahasa Indonesia

Diposting oleh Unknown

Setelah di launching sekitar bulan Agustus lalu, ternyata banyak juga yang belum mengetahui layanan ini. Sayangnya tidak semua blog support akan layanan ini, terutama blog berbahasa Indonesia. Nah, saya akan sedikit berbagi tentang bagaimana cara agar Followers Support di Blog Berbahasa Indonesia. Followers bekerja layaknya aplikasi Feed Reader pada umumnya, tentunya anda bisa menentukan sendiri Feed Blog mana saja nantinya yang ingin ditampilkan sebagai blog favorite bacaan anda, kita juga bisa memasang Widget Followers ini, menampilannya pada pembaca agar mereka juga tahu siapa saja yang telah mem-follow link blog kita. Sekilas cara kerjanya mirip seperti blog reactions pada Technorati dan widget Mybloglog ya :)

Sebenarnya supaya Follower ini support dengan blog kita, yang perlu dilakukan adalah mengganti setting bahasa pada dasboard kamu ke bahasa English dan kemudian set juga pilihan English pada halaman Settings - Formatting - Language (bahasa), selese! Jadi pake trik apa-apa, Mudah ya? Ok, jika layanannya sudah muncul langsung saja buat widget follower ini, caranya tinggal masuk ke halaman layout > add gadget > follower, beres...!!! Jangan lupa untuk memfollow saya disni.

Masih belum puas dengan tampilan widgetnya? Ok, saya akan share lagi ney tentang bagaimana cara memodifikasinya agar kelihatan lebih nyaman. Trik saya saya dapetin dari o-om sebenernya, maklum saya tidak "jago" dalam urusan beginian, jadi cuma comot sana-sini dan edit-edit dikit, he..he..!

Kita lihat contoh modifikasi berikut ya:



Kita akan mencoba memodifikasinya supaya tampilannya menjadi seperti dibawah ini:



Menarik bukan? Mari kita praktekan ilmu dari master ini ya???

Langsung saja kita menuju halaman Edit HTML, dan jangan lupa utuk mendownload full template kamu dulu untuk menjaga-jaga jika terjadi error. Untuk menambahkan border (garis tepi) pada gambar, pertama masuk halaman Edit HTML, kemudian copi-paste semua kode CSS dibawah, Sebaiknya letakan kode tersebut dibawah kode <b:skin><![CDATA[.

/* Follower Modified
----------------------------------
*/
.follower-grid {width:150px;}
.follower {width:32px; height:32px; float:left; margin:2px;}
.follower-img {float: left; border:1px solid #222; margin-top: 2px;
margin-right: 2px; margin-bottom: 2px; margin-left: 2px;}
.follow-this {margin:0.5em 0.5em 0.5em 0; font-weight:bold;}
.followers-canvas {margin:0.5em 0.5em 0.5em 0; font-weight:bold;}


Jika sudah langsung di Save saja, dan pada halaman Edit HTML, kita beri tanda centang pada Expand Widget Templates, Kemudian cari kode tercetak tebal sesuai warna hijau di bawah ini:

<b:widget id='Followers1' locked='false' title='ini sesuai dengan title masing-masing'
type='Followers'>

<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
</b:if>



<div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
<b:if cond='data:followingLinkPresent'>
<div class='follow-this profile-link item-control following-follow-this'>
<a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; +
data:followUri + &quot;\&quot;);&quot;'>
<data:followThisMessage/>
</a>
</div>
<div class='follow-this profile-link item-control
following-stop-following-this'>
<a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; +
data:followUri + &quot;\&quot;);&quot;'>
<data:stopFollowingMessage/>
</a>
</div>
</b:if>

<div class='followers-grid'>
<b:if cond='data:totalFollowerCount == 0'>
<div class='profile-link item-control following-follow-this'>
<data:emptyFollowersMessage/>
</div>
</b:if>
<!--
Relies on the js written out in navbar.gxp
-->
<b:loop values='data:followers' var='follower'>
<div class='follower'>
<a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName'
rel='nofollow'>
<img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight'
expr:onerror='&quot;this.onerror=null;this.src=\&quot;&quot; +
data:anonFollowerImageUrl + &quot;\&quot;;&quot;' expr:onload='&quot;setAttributeOnload(this,
\&quot;src\&quot;, \&quot;&quot; + data:follower.imageUrl + &quot;\&quot;)&quot;'
expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
</a>
</div>
</b:loop>
<div class='clear'/>
</div>

<div class='followers-canvas profile-link'>
<data:followersFooterMessage/>
<span class='item-control following-not-admin'>
<a expr:href='data:followersUri'>
<data:viewAllMessage/>
</a>
</span>
<span class='item-control blog-admin'>
<a expr:href='data:manageFollowersUri'>
<data:manageFollowersMessage/>
</a>
</span>
</div>


Kemudian ganti semua kode warna merah diatas, dengan melakukan (copy-paste) kode warna merah yang sudah modifikasi dibawah ini:
Kemudian ganti semua kode warna merah diatas,
dengan melakukan (copy-paste) kode warna merah yang
sudah modifikasi dibawah ini:

<div class='followers-grid'>
<b:if cond='data:totalFollowerCount == 0'>
<div class='profile-link item-control following-follow-this'>
<data:emptyFollowersMessage/>
</div>
</b:if>
<!--
Relies on the js written out in navbar.gxp
-->
<b:loop values='data:followers' var='follower'>
<div class='follower'>
<a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName'
rel='nofollow'>
<img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight'
expr:onerror='&quot;this.onerror=null;this.src=\&quot;&quot; +
data:anonFollowerImageUrl + &quot;\&quot;;&quot;' expr:onload='&quot;setAttributeOnload(this,
\&quot;src\&quot;, \&quot;&quot; + data:follower.imageUrl + &quot;\&quot;)&quot;'
expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
</a>
</div>
</b:loop>
<div class='clear'/>
</div>

<div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
<b:if cond='data:followingLinkPresent'>
<div class='follow-this profile-link item-control following-follow-this'>
<a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; +
data:followUri + &quot;\&quot;);&quot;'>
<data:followThisMessage/>
</a> -
<span class='item-control following-not-admin'>
<a expr:href='data:followersUri'>
<data:viewAllMessage/>
</a>
</span>

<span class='item-control blog-admin'>
<a expr:href='data:manageFollowersUri'>
<data:manageFollowersMessage/>
</a>
</span> - <data:followersFooterMessage/>
</div>

<div class='follow-this profile-link item-control
following-stop-following-this'>
<a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; +
data:followUri + &quot;\&quot;);&quot;'>
<data:stopFollowingMessage/>
</a>
</div>

</b:if>


Jika sudah langsung Save, dan lihat hasilnya!!!

Happy blogging...
More aboutFollowers Support di Blog Berbahasa Indonesia

Tips Menaikkan Alexa Rank

Diposting oleh Unknown

Alexa rank juga merupakan sebuah parameter yang banyak digunakan untuk mengukur seberapa pentingkah blog/situs kamu, intinya sama seperti Page Rank dari om google. Pada saat awal indo-trans ini dibuat rangking tante Alexa sekitar 20 jutaan hingga sekarang mencapai +/- 422,387. Beberapa minggu terakhir saya memang sedang ber "nafsu" untuk meningkatkan libido rangking ini. Karena keinginan untuk menyalurkan hasrat begitu kuat, maka saya akan berbagi sedikit trick dan juga tips menaikkan Alexa Rank ini berdasarkan pengalaman saya, Mau tau caranya?

Sebenarnya simple saja, intinya cuma kita harus mencari cara supaya statistik pengunjung blog kita meningkat dalam +/- 3 hari, walaupun tidak harus secara signifikan yang penting usahakan terus naik. Berikut hal-hal yang kamu lakukan juga:

1. Pasang Alexa toolbar, tutornya bisa kamu pelajari disni.

2. Jangan lupa memasang Alexa Traffic Button , untuk mendapatkannya kamu bisa klik disini. Lalu isikan alamat blog kamu pada form build widget, dan copy paste html code ke elemen halaman blog kamu. Untuk detail cara pasang Alexa widget kamu bisa menyambangi blognya kang Rohman.

3. Usahakan update blog kamu tiap hari (+/- 3 hari) dengan memposting artikel, jika kamu tidak sempat ke warnet tiap hari kamu bisa kumpulkan dulu artikel kamu lalu gunakan saja schedule post blooger.

4. Sebisa mungkin dalam 3 hari tersebut statistik pengunjung blog kamu naik, cara kamu posting conten menarik yang sedang ramai dibicarakan orang atau yang lagi HOT, tembak keyword yang jitu, bahkan kamu perlu juga menggunakan trik SEO. Untuk memonitor statistik pengunjung blog kamu gunakan tool dari histats, site meter, atau google analytic.

5. Tetep blogy walking, dan isi komen di blog yang Page Rank dan Alexa lebih tinggi juga bisa membantu.

6. Berdoa kepada Tuhan yang Kuasa, wakakak...!!! :))

Happy Blogging,

More aboutTips Menaikkan Alexa Rank

Bookmark di Setiap Posting

Diposting oleh Unknown

Bookmark digunakan untuk menyimpan alamat atau menandakan halaman sebuah situs favorit kita, nah!!! bagaimana ya cara memasang bookmark pada setiap posting di blog kita? agar para pengunjung blog kita bisa dengan mudah membookmark halaman blog kita. Setuju dengan pendapat O-om banyak para blogger yang sering salah dalam pemasangan bookmark ini, pasalnya yaitu bukan melakukan Bookmark pada setiap posting malah memasukan kode Bookmark untuk mengambil/menyimpan Rss Feed secara keseluruhan. Sedangkan yang dinginkan adalah Bookmark tersebut hanya melakukan pengambilan per-Feed pada setiap judul posting. Maka dari itu supaya tidak salah ikuti langkah-langkah dibawah ini:




Langkah-langkah memasukan code Bookmark adalah:
1. Masuk ke alamat http://www.addthis.com/ lakukan registrasi terlebih dahulu jika belum terdaftar.
2. Pilih "Get the code for your widget!"
3. Setting pilihan :
Which kind of widget? : --> Bookmarking Widget
Which widget? : --> (Pilih button sesuai selera)
Where? Where do you want to put the widget? : --> On a Blog
Blogging Platform : --> Blogger
4. Pilih "Get Your Free Button"
5. Pilih code "Blog Button (New or Older Blogger)"

Catatan: Blog Post Button (New Blogger) ini hanya digunakan sebagai button, biasanya hanya dipasang pada widget komponen blogger sedangkan untuk Blog Button (New or Older Blogger) kode inilah yang mengambil setiap code posting, jadi jangan lupa gunakan kode kedua!!!

Lanjut bos??? cara memasang kodenya sebagai berikut:
Masuk ke Template -> Edit Html -> Expand Template Widget

Cari kode dibawah ini : ( Sebelum mengedit code sebaiknya lakukan Backup Template terlebih dahulu)

<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if></span></p>

atau bisa juga dibawah code ini

<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span></p>

Kemudian Copy-Paste code Bookmark di bawah code diatas. Lalu pencet Save, coba hasilnya jika proses berhasil maka bookmark hanya akan mengambil Feed sesuai dengan nama judul posting yang dipilih, jika alamat yang di ambil kesuluruhan (alamat home), wah berarti gak jadi bos???

Wah, gak ketemu mas kodenya??? ok masih ada alternative cara lain lagi,

Jika anda ingin menaruhnya tepat dibawah posting, maka letakkan kodenya diantara kode berikut:

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!– clear for photos floats –>
</div>

Letakan Kodenya Disini

<div class='post-footer'>
<p class='post-footer-line post-footer-line-1′>

Jika ingin menaruh kode social bookmark di atas label, maka letakkan kodenya diatas kode di berikut, dan jika ingin menaruh kode social bookmark di bawah label, maka letakkan kodenya dibawah kode berikut:

<p class='post-footer-line post-footer-line-2′>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span>
</p>

Catatan: Beberapa template agak sedikit berbeda, jadi tidak harus diletakan pada kode yang saya sebutkan diatas. Kamu dapat mencoba mempaste code disekitar lokasi yang saya sebutkan, silahkan mencoba di beberapa lokasi yang berbeda, carilah lokasi yang sekiranya sesuai.

Selamat Mencoba...!!!
More aboutBookmark di Setiap Posting

Recent Comments dan Recent Post

Diposting oleh Unknown

Info ringan berikut bagi kamu yang ingin membuat Recent Comments dan Recent Post widget atau komentar terbaru dan posting terbaru . Sebenarnya banyak cara untuk membuat widget ini dari mulai menggunakan widget creator, alamat feed, maupun java script. Saya sendiri lebih suka menggunakan alamat feed, utuk menghindari loading page yang terlalu berat jika menggunakan javascript. Untuk optional alamat feed pada blogger bisa di lihat pada postingan saya disni. Cara membuatnya sangatlah mudah, ikuti langkah berikut:

Membuat widget Recent Comments atau komentar terbaru:

1. Login ke blogger account dan pilih blog mana yang akan kamu buat recent comments

2. Pilih Layout (tata letak) > Add Page Gadget (tambah elemen halaman) pada sidebar atau dimana saja sesuai keinginan kamu.

3. Pilih Feed dan masukkan alamat url feed berikut dan pilih continue/lanjutkan, jangan lupa mengganti tulisan yang dicetak tebal dengan blog kamu,
http://NAMABLOG.blogspot.com/feeds/comments/full

4. Muncul pop up, Isikan title/judul: label widget kamu (komentar terbaru, recent comments dll,) Show: jumlah komentar yang akan ditunjukkan (max 5 item), Kamu bisa menampilkan atau tidak tanggal dan pembuat komen dengan mencentang kotak item source/author dan item date.



5. Pilih Save atau Simpan dan lihat hasilnya.

Membuat widget Recent Post atau posting terbaru:

1. Login ke blogger account dan pilih blog mana yang akan kamu buat recent post

2. Pilih Layout (tata letak) > Add Page Gadget (tambah elemen halaman) pada sidebar atau dimana saja sesuai keinginan kamu.

3. Pilih Feed dan masukkan alamat url feed berikut dan pilih continue/lanjutkan, jangan lupa mengganti tulisan yang dicetak tebal dengan blog kamu,
http://NAMABLOG.blogspot.com/feeds/posts/full

4. Muncul pop up, Isikan title/judul: label widget kamu (posting terbaru, recent post dll,) Show: jumlah posting yang akan ditunjukkan (max 5 item), Kamu bisa menampilkan atau tidak tanggal posting dan pembuat post dengan mencentang kotak item source/author dan item date.



5. Pilih Save atau Simpan dan lihat hasilnya.

Selamat Mencoba!!!

More aboutRecent Comments dan Recent Post

Masalah The bX-994eaq & bX-ru6d8m Error

Diposting oleh Unknown

Mengganti template memang mengasyikkan, namun terkadang muncul masalah pada saat megupload template baru yaitu tiba-tiba ada pesan "The bX-994eaq & bX-ru6d8m Errors" wahh pasti sangat bete! Beberapa kali saya pernah mengalami masalah ini, biasanya seh saya mengatasinya dengan logout dari account blogger, lalu login kembali dan beres. Namun pernah satu kali cara tersebut tidak mempan, alhasil saya membiarkan blog saya dengan template seadanya yang cupu! Akhirnya saya coba googling dan menemukan solusinya pada blog jothiek.co.cc. Bagi yang mau langsung menuju kesana silahkan, tapi blognya berbahasa Inggris, kalo mau yang pake Gadis Bahasa Indonesia saya akan terangkan disini.

Jika ada pesan The bX-994eaq & bX-ru6d8m Errors pada saat kamu mengupload template baru kamu, yang harus di lakukan adalah:

1. Klik Layout > Edit HTML dan download full template kamu, untuk menjaga-jaga jika terjadi error.

2. Klik Layout > Page Elements dan copy semua kode HTML widgets kamu satu persatu secara manual menggunakan notepad.

3. Delete semua widgets/page elements satu persatu secara manual juga. Jika kamu tidak bisa menghapus semua widgets, hapus saja widgets sebisanya.

4. Klik Layout > Edit HTML dan upload template baru kamu dengan mengklik upload button. Jika ada confirm untuk menghapus widgets teruskan saja (delete saja).

Jika cara ditas belum juga berhasil, kamu bisa mencoba mengganti template kamu dengan template original dari blogger (misal: Minima, wash dennim, tic tac dll), lalu ulangi cara diatas step 1-5.

Biasanya cara tersebut berhasil, saya sudah mencobanya beberapa kali. Kalo belum berhasil juga matiin aja kompinya dan lanjutin besok deh?? daripada stressss..!! hii..hiii..

Selamat Mencoba!!!
More aboutMasalah The bX-994eaq & bX-ru6d8m Error