Cara Membuat Custom URL Permalink Blogger SEO Friendly

Cara membuat/meng-edit custom url permalinks Blogger/Blogspot agar lebih SEO friendly, Baru-baru ini Blogger telah memperkenalkan opsi untuk membuat custom URL permalink pada post editor-nya, meskipun masih beta atau tahap testing ini adalah berita yang sangat ditunggu-tunggu oleh pengguna Blogger platform karena kita bisa membuat URL permalink (permanent link) sesuai dengan title/judul blog post tanpa terpotong yang tentunya akan berpengaruh baik pada SEO

Sebelumnya pengguna Blogger platform merasa kecewa karena banyak kekurangan yang ada pada tubuh Blogger khususnya pada SEO, berbeda dengan Wordpress yang banyak option dan plugin untuk menunjang SEO. Tetapi sekarang kekecewaan pengguna Blogspot sudah sedikit terobati setelah Blogger melakukan banyak perubahan dan update pengguna Blogspot sekarang sudah bisa menggunakan option yang diberikan untuk menunjang SEO dan yang lainnya, seperti meng-edit robot.txt, meta description, threaded comments, fitur blogger custom permalink, dll. Apalagi sekarang ini saya sudah banyak melihat teman-teman yang berhasil membuat breadcrumbs terindex Google yang membuat blog terlihat lebih profesional. Nah sekarang kita akan bahas cara membuat custom url permalink blogger, silahkan ikuti tips & trik blogger dibawah ini.

Cara Membuat Custom URL Permalink Blogspot

• Silahkan masuk di draft.blogger.com bukan di blogger.com
• Buatlah post baru dan lihat disamping kanan post editor ada pilihan Permalink
• Kemudian buatlah permalink yang diinginkan atau sesuai dengan judul/title post
• Pisahkanlah antar kata permalink dengan karakter minus ( – ) agar lebih SEO friendly, menggunakan karakter ( - ) sangat direkomendasikan
• Klik selesai/done

Contoh URL permalink

Judul post " High PR Dofollow Blog Auto Approve Indonesia"

Jika menggunakan Automatic Permalink maka URL permalink dari judul post diatas akan terpotong karena standard blogger tidak lebih dari 38 karakter termasuk spasi,dan ini kurang baik untuk SEO sehingga akan menjadi

http://bloggerpeer.blogspot.com/ 2012/06/high-pr-dofollow-blog-auto-approve. html

Jika menggunakan Custom Permalink maka URL Permalink akan terbentuk tanpa ada potongan kata dan tentunya ini akan sangat baik bagi SEO, sehingga akan menjadi

http://bloggerpeer.blogspot.com/ 2012/06/high-pr-dofollow-blog-auto-approve-indonesia. html

Nah sekarang terserah anda karena pilihan terakhir ada di tangan anda untuk membuat URL Permalink karena Blogger telah memberikan kita opsi yang sangat baik khususnya untuk membuat URL Permalink, untuk sementara kita hanya dapat membuat custom Permalink dari draft.blogger.com karena ini masih tahap percobaan (Beta) tetapi saya kira tidak lama lagi akan di-update sehingga bisa di akses dari blogger.com

Pada postingan ini saya belum menggunakan fasilitas Custom URL Permalink Blogger karena saya masih menggunakan Windows Live Writer untuk menulis artikel post.

Artikel Terkait Berdasarkan Label

Memasang fitur artikel terkait atau related article di blog akan memudahkan pengunjung blog kita dalam mencari informasi yang memiliki keterkaitan dengan postingan yang sedang mereka baca. Fitur artikel terkait yang sedang saya share kali ini, memiliki sedikit perbedaan dengan artikel terkait yang sebelumnya saya berikan. Berikut ini perbedaan di antara Artikel Terkait Berdasarkan Label dengan Artikel Terkait Dengan Scrolling Bar :

Artikel Terkait Berdasarkan Label	Artikel Terkait Dengan Scrolling Bar
1.       Menggunakan Bullet list 2.       Menampilkan satu Label saja 3.       Tidak menggunakan Scrolling Bar 4.       Menggunakan satu kode JavaScript	1.       Tidak menggunakan Bullet List 2.       Menampilkan label lebih dari Satu 3.       Menggunakan Scrolling Bar 4.       Menggunakan kode JavaScript + CSS

Cara buat artikel terkait berdasarkan label :

• Login di blogger.com
• Dari menu drop down, klik Template (Backup terlebih dahulu template sobat)
• Klik Edit Template
• Klik Proceed dan kasih tanda centang pada Expand Widget Template
• Mamfaatkan CNTRL + F untuk mencari kode <data:post.body/>
• Kalau sudah ketemu kode <data:post.body/> letakkan kode berikut tepat di bawahnya :

<!-- lenterablogger.blogspot.com Related Post javascripts start from here-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts :</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>
<!-- lenterablogger.blogspot.com Related Post javascripts End here-->

• Terakhir, save template

Tambahan :
Kalau sobat blogger sudah memasang fitur Auto Readmore, kode tersebut harus diletakkan setelah kode Readmore.

CPM.BIZ Internet Advertising Network

Pada posting kali ini, saya ingin memberikan sedikit review tentang CPM.BIZ. Sebuah jaringan periklanan yang mulai saya gunakan beberapa hari ini. CPM.BIZ adalah sebuah sebuah jaringan periklanan yang siap membantu anda untuk memberikan pelayanan dengan kualitas yang terbaik di bidang periklanan online. Dengan team yang konsisten menjaga profesionalitas selama lebih dari 4 tahun di bidang Internet Advertising, membuat mereka yakin akan memberikan pelayanan terbaik mereka. Misi utama dari CPM.BIZ adalah selalu memberikan pelayanan yang terbaik di bidang Internet Advertising kepada semua customer mereka, dimana harapannya adalah dapat meningkatkan pendapatan ataupun penjualan si Advertiser.
 

Jenis Iklan

CPM.BIZ mempunyai 2 jenis iklan, Dynamic CPM dan Fixed CPM dimana masing-masing mempunyai CPM rate yang berbeda. Masing-masing jenis iklan mempunyai ketentuan sendiri-sendiri dalam menerapkan pendapatan yang akan diberikan kepada Publisher. Pendapatan akan ditentukan melalui sumber traffic, jumlah klik, jumlah sales dan jumlah action.

Pembayaran

CPM.BIZ mempunyai 3 jenis metode pembayaran, yaitu melalui Paypal, AlertPay dan LibertyReserve. Untuk Paypal, dikenakan minimum pembayaran sebesar $5, sedangkan untuk AlertPay anda dikenakan minimum pembayaran sebesar $1 saja, dan untuk LibertyReserve, anda dikenakan minimum pembayaran sebesar $20 dengan potongan pajak sebesar $5 per pembayaran.

Pada posting selanjutnya, saya akan menampilkan bukti pembayaran pertama saya dari CPM.BIZ yang mana saya dapatkan dengan cara yang cukup mudah. Bahkan, earning anda sebagai Publisher akan tetap mengalir meskipun blog yang anda pasang slot iklan dari CPM.BIZ ini mempunyai 1 visitor per harinya. Semuanya akan tersaji untuk anda. Namun, bagi anda yang tidak sabar menantikan posting selanjutnya, anda bisa mendapatkan triknya dengan mendaftarkan diri anda sebagai referral saya melalui banner di bawah ini, dan bagi anda yang sudah mendaftar lewat banner affiliate di bawah, silahkan konfirmasikan pendaftaran anda DISINI.

Daftar Sekarang !

11 Pertanyaan Penting Sebelum Menerbitkan Artikel Blog

Berapa kalikah sobat mengedit sebuah posting/artikel blog setelah menerbitkannya? Saya pernah menghadapi permasalahan serupa dan ada banyak penyebabnya: kesalahan ejaan kata lah, kesalahan link yang ditulis lah, materi yang keliru lah, keyword yang salah lah, judul yang kurang tepatlah dan lain sebagainya.




Sebagaimana yang dialami, sobat harus bolak-balik membuka post editor dan melakukan

Cara Memasang Video YouTobe di Blog

Untuk mendukung beberapa tutorial yang saya berikan, tidak jarang saya menggunakan media video. Video yang saya gunakan itu bukan video milik saya yang saya upload ke blogger.com, tapi video milik YouTobe. Kenapa saya mengambil video di situs Web YouTobe? Karena situs web YouTobe memiliki jutaan video yang bisa di pilih sesuai dengan tema atau kategori yang diinginkan. Emang boleh kita memasang Video youTobe di blog? Saya tidak begitu tahu tentang hal ini, tapi menurut saya, kalau memang YouTobe melarang kita untuk memasang video-nya, tidak mungkin dia menyiapkan kita Embed HTML yang bisa kita copy untuk menampilkan video dari YouTobe tersebut di blog.

Untuk memasang Video YouTobe di blog, sobat blogger harus mengunjungi situs YouTobe terlebih dahulu. Kalau sobat blogger sudah menemukan video yang sobat blogger inginkan, ikuti Tips Trik berikut :

Cara Memasang Video YouTobe di Blog :

• Klik kanan pada video yang akan di pasang.
• Terdapat 10 pilihan saat kita klik kanan yaitu, Copy Video URL, Copy Video URL at current time, Copy Embed HTML, Report playback issue, Copy debug info, Stop download, Pop out, Take speed test, Show video info, About HTML5. Kalau kita menggunakan media browser selain Firefox, mungkin pilihannya sedikit berbeda.

• Klik Copy Embed HTML

• Copy kode tersebut lalu paste di sidebar blog sobat atau di area postingan sobat.

Untuk mengatur tinggi atau lebar dari video YouTobe rubah angka berikut :

1. height="390" adalah ukuran tinggi
2. width="450" adalah ukuran lebar

Contoh Video

Cara Membuat Breadcrumbs Terindex / Di indeks Google

Cara membuat / memasang navigasi breadcrumbs terindex Google di blog agar terlihat di dalam mesin pencari Google (Google search), beberapa waktu lalu saya pernah menjelaskan tentang cara membuat breadcrumb seo friendly yang tujuannya untuk memudahkan visitor menjelajahi halaman demi halaman pada blog anda sesuai dengan kategori yang ada

Sekarang saya akan membahas sedikit tentang perbedaan menu navigasi breadcrumbs seo friendly yang pernah saya tulis sebelumnya dengan yang akan kita terapkan sekarang. Mungkin sebelumnya anda sudah memasang breadcrumbs yang saya jelaskan dulu tetapi hasilnya tidak terlihat didalam pencarian Google seolah-olah tidak di index oleh Google, memang membutuhkan waktu yang sangat lama baginya untuk meng-indeks breadcrumbs yang seperti itu bahkan saya sempet dengar blog anda harus ber-pagerank 3 atau lebih. Tetapi sekarang hal itu tidak perlu dipersoalkan lagi meskipun blog anda belum mempunyai pagerank karena navigasi breadcrumbs yang satu ini akan terlihat di mesin pencari Google dengan waktu yang singkat dan semua label blog akan ter-index olehnya, nah untuk membuatnya anda ikuti tips dan trik blogger dibawah ini

Cara membuat Breadcrumbs di Blogspot / Blogger

• Login di Blogger
• Pilih Template
• Pilih Edit HTML (lebih baik back up template dulu untuk menghindari kesalahan)
• Centang Expand Widget Templates
• Kalau sebelumnya anda sudah memasang breadcrumbs silahkan dihapus dulu kode breadcrumb yang lama
• Kemudian cari kode ]]></b:skin>
• Copy kode di bawah ini dan paste tepat di atas kode ]]></b:skin>

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

• Kemudian cari kode <b:includable id='main' var='top'> gunakanlah CTRL+F untuk mempermudah pencarian
• Ganti kode <b:includable id='main' var='top'> dengan kode yang dibawah ini

<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'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</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'/>

Terakhir simpan template anda dan navigasi breadcrumbs akan siap di index Google

Baca artikel menarik lainnya tentang Link Bergoyang / link Nudging

Cara Daftar Blog di Ask.com

Ask adalah sebuah search engine atau mesin pencari yang didirikan pada tahun 1996 oleh Garrett Gruener dan David Warthen di Berkeley, kota Kalifornia. Ask.com awalnya dikenal sebagai Ask Jeeves. Perangkat lunak atau software dari Ask dijalankan oleh Gary Chevsky dengan desain yang di buat oleh dirinya sendiri. Warthen, Chevsky, Justin Grant, dan lain-lain membangun situs AskJeeves.com dekat-dekat core engine.

Ask.com sering di kenal dengan sebutan Q & A Search Engine, artinya Question and Answer Search Engine (Mesin Pencari Pertanyaan dan Jawaban). Ide asli dari didirikannya Ask Jeeves adalah untuk memudahkan pengguna internet untuk menemukan jawaban atas pertanyaan yang telah mereka ajukan.

Tidak sedikit pengguna internet menggunakan mesin pencari Ask.com. Oleh karena itu, mari kita mamfaatkan mesin pencari tersebut untuk memperkenalkan situs kita atau blog kita ke publik. Untuk terindex Ask.com, apakah kita harus daftar melalui Webmaster Tools mereka seperti di Bing atau Google? Tidak, untuk terindex Ask.com, kita hanya melakukan Submit Sitemap.

Cara Submit Sitemap di Ask.com :

• Pilih salah satu di antara kedua link di bawah ini :

http://submissions.ask.com/ping?sitemap=http://lenterablogger.blogspot.com/rss.xml

http://submissions.ask.com/ping?sitemap=http://lenterablogger.blogspot.com/atom.xml

Ingat : Ganti http://lenterablogger.blogspot.com/ dengan URL blog sobat blogger

• Letakkan link tersebut di search box media browser sobat. Kemudian tekan Enter

Kalau sobat blogger berhasil Submit Sitemap melalui ping service ke Ask.com, Sobat blogger akan mendapatkan pesan berikut :

Your Sitemap submission was successful
Your Sitemap has been successfully received and added to our Sitemap queue.
Thank you for your submission!
About Sitemaps:
Ask.com is a proud participant in the Sitemaps via robots.txt protocol . We look forward to our collaboration with Google, Yahoo!, Microsoft and others in furthering important initiatives that make search easier for webmasters and more powerful for users.
For more information on this service, please refer to our information for webmasters or go to www.sitemaps.org

Affiliaweb Affiliate Network Perancis

Affiliaweb adalah jaringan iklan profesional yang berbasis di Perancis dengan dukungan teknis yang profesional, sehingga tak heran bila cukup banyak orang yang menjadi advertiser dan publiher di jaringan iklan ini. Jaringan Iklan dianggap sebagai Jaringan Iklan yang paling baik dan efektif dalam industri Jaringan Iklan Perancis. 

Affiliaweb didirikan beberapa tahun lalu, dan masih membayar para publisher-nya sampai sekarang. Untuk bergabung sebagai publisher di Affiliaweb anda tidak dikenakan biaya sepeser pun alias gratis, tetapi Anda harus memiliki sebuah situs yang berasal dari Eropa dan Amerika, karena banyak pengiklan dari Amerika Serikat dan Eropa di jaringan iklan ini. Affiliaweb Affiliate Network menyediakan jenis iklan CPA ( cost per action ), CPC ( cost per click ) dan CPL ( cost per leads ) dengan nilai yang cukup tinggi. Melihat dari slot iklan Affiliaweb ini, type iklannya adalah non kontekstual ( akan tetap tampil meskipun tidak relevan dengan content blog / web anda ). Affiliaweb tidak support dengan situs-situs yang mengandung / berisi content-content dewasa ( porno ) karena bagi mereka, situs-situs seperti itu tidak memberikan keuntungan bagi mereka, dan justru malah membawa pengaruh buruk dalam pencitraan jaringan iklan tersebut. 

Untuk pembayaran sebagai Publisher, Affiliaweb menerapkan minimum payout sebesar €30 ( earning dihitung dalam mata uang Euro ) dengan NET30. Pembayaran bisa dilakukan melalui Paypal, Check ataupun Wire Transfer. Anda yang berminat untuk menjadi Advertiser atau Publisher di jaringan iklan ini, bisa menghubungi bagian CS di Telephone: +33(0)3 67 10 15 60 dan Email: contact@affiliaweb.eu atau anda bisa langsung KLIK DISINI.

Update Sistem Pembayaran InfoLinks

Berita bagus bagi rekan blogger semua yang menggunakan Infolinks sebagai penghasilan tambahan dari blog / web. Mulai saat ini Infolinks menambahkan 2 metode pembayaran publishernya, yaitu melalui eCheck dan Western Union. Seperti yang kita ketahui bersama, Google Adsense pun juga menggunakan Western Union sebagai alat pembayaran bagi publishernya. Dimana Western Union mampu menjangkau seluruh negara di dunia. 

Dengan bertambahnya 2 metode pembayaran tersebut, maka Infolinks saat ini mempunyai 6 metode pembayaran. Western Union, eCheck, Paypal, Wire Transfer, ACH dan Payoneer. Untuk minimum payout pembayarannya, masih belum berbeda jauh dengan sebelumnya, yaitu $50 untuk semua metode pembayaran kecuali Western Union dan Wire Transfer yang sebesar $100.

Sebagian besar Publisher Infolinks melupakan salah satu hal penting sebelum mengajukan permintaan pembayaran, yaitu mengenai PAJAK. Dimana sebelumnya Publisher harus mengirimkan form pajaknya. Sekarang, Publisher bisa mengirimkannya secara online. 

DynamicOxygen Revenue Network - Adsense Alternative

DynamicOxygen bisa dikatakan adalah salah satu pendatang baru di dunia advertising, dimana dimulai pada akhir tahun 2010. DynamicOxygen adalah perusahaan teknologi online yang didorong obsesi untuk selalu meningkatkan pelayanan produk bagi para customernya lewat feedback dan permintaan para customernya. Sejak didirikan, DynamicOxygen selalu memegang teguh pandangan bahwa tujuan mereka adalah "Untuk Memimpin dengan Inovasi". DynamicOxygen memungkinkan publisher menayangkan iklan dalam berbagai type dan ukuran iklan yang antara lain Interstitial Ads, Layer Ads, Peeler Ads dan Anchor Ads. Dengan inovasi iklan yang tertarget dan eCPM yang menerima traffic dari seluruh negara, membuat Publisher bisa menikmati earnings yang sesuai dengan yang dihasilkan, serta menerima pembayaran sebagai Publisher tepat waktu. 

Keuntungan sebagai Publisher DynamicOxygen antara lain :

1. Tingginya rate eCPM.

2. Advertiser dengan brand yang sangat berkualitas.

3. Type dan Ukuran iklan yang sangat variatif.

4. Live earning statistics.

5. Support penuh lewat e-mail adn telepon.

6. Iklan yang kompatibel dengan Google Adsense.

7. Menerima traffic dari seluruh dunia.

DynamicOxygen memberlakukan minimum payout sebesar $50 dengan payment method via Paypal, Cheque dan Wire Transfer secara tepat waktu. Bagi yang berminat untuk menggunakan jaringan iklan ini sebagai sumber penghasilan tambahan, bisa klik DISINI.

Belajar Menulis Artikel di blogger.com

Menulis sebuah artikel atau posting di blogger.com tidak jauh beda dengan kita menulis artikel menggunakan Microsoft Word. Cuman bedanya, Tool-tool atau fitur yang disediakan blogger.com tidak sebanyak yang ada di Microsoft Word. Jadi, kita memiliki keterbatasan di dalam membuat sebuah artikel yang indah dari segi penampilan. Posting yang sobat blogger baca kali ini akan membahas tentang fungsi setiap tool atau tombol di setiap kita menulis artikel. Tutorial Blog ini merupakan pelajaran dasar yang harus diketahui oleh blogger pemula atau orang-orang yang baru menekuni dunia blogging.

Berikut ini fungsi setiap tombol di bagian Menu Bar saat kita menulis artikel di blogger.com :

Panah kiri adalah tombol Undo : Fungsinya untuk menghapus perubahan terakhir yang dilakukan terhadap postingan

Panah kanan adalah tombol Redo : Fungsinya untuk membatalkan perubahan terakhir yang dilakukan terhadap postingan

Tombol f adalah tombol untuk mengganti default font yang akan digunakan di dalam postingan. Ada tujuh font yang sudah disiapkan seperti : Arial, Courier, Georgia, Helvetica, Times, Trebuchet dan Verdana.

Tombol TT adalah tombol yang digunakan untuk menyesuaikan ukuran font. Ukuran dari font tersebut adalah Smallest (Paling kecil), Small (Kecil), Normal, Large (Besar) dan Largest (Paling Besar).

Tombol B adalah tombol Bold, digunakan untuk mengatur ketebalan huruf, angka atau karakter.

Tombol I adalah tombol Italic, digunakan untuk membuat tulisan miring

Tombol U adalah tombol Underline, digunakan untuk memberikan efek garis bawah pada kata atau kalimat

Tombol ABC adalah tombol Strikethrough di gunakan untuk memberikan efek coretan pada kata atau kalimat.

Tombol A adalah tombol text color digunakan untuk mengganti warna font dari teks.

Tombol Text background color di gunakan untuk mengganti warna dari latar belakang postingan

Tombol Link digunakan untuk menambah atau menghapus link

Tombol Insert image digunakan untuk mengambil gambar dari PC atau URL untuk dimasukkan ke dalam postingan

Tombol Insert a video digunakan untuk memasukkan Video dari PC atau URL untuk dimasukkan ke dalam postingan

Tombol Insert jump break digunakan untuk memenggal atau memutus Postingan

Tombol ini digunalkan untuk membuat text rata kiri, rata kanan, center atau rata kiri kanan.

Tombol Numbered List digunakan untuk memasukkan atau memberikan angka pada text

Tombol Bullet List digunakan untuk untuk memberikan efek Bullet (Bulatan kecil) pada text

Tombol Quote digunakan untuk membuat pembatas pada sebuah postingan. Sebagian besar blog menggunakan Efek Quote untuk member batas antara paragraph dengan kode. Misalnya kode JavaScript, CSS atau kode yang lain.

Tombol Tx adalah tombol Formating yang digunakan untuk menghapus format

Tombol ABC adalah tombol Check Spelling digunakan untuk memerika penulisan yang tepat di dalam teks.

Semoga penjelasan di atas membuat sobat blogger tambah faham dengan kegunaan dari masing-masing tombol di Menu Bar blogger.com

Cara Membuat Link Bergerak Bergoyang / Nudging di Blog

Cara membuat link bergerak/bergoyang di blog, Link Nudging adalah suatu efek yang bergerak atau bergoyang dari sebuah/beberapa links yang ditimbulkan dari penerapan jQuery pada template di sebuah website ataupun blog. Mungkin dari kita biasa menyebutnya dengan Link Bergoyang/Bergerak atau menari, selain itu efek jQuery ini juga bisa diterapkan pada sebuah gambar (image)

Untuk sobat blogger yang gemar utak atik blog mungkin bisa mencoba trik link bergerak yang satu ini dan saya rasa bisa membuat blog sobat unik dan menarik. Sebagai contoh sobat bisa melihat link bergoyang/nudging pada label yang ada di sidebar blog saya ini, efek ini menggunakan script jQuery yang menurut saya sangat ringan ketika di-load dan penerapannya juga lumayan gampang, sama halnya seperti tombol back to top yang beberapa waktu lalu saya jelaskan yang sama-sama menggunakan jQuery.

Cara Pasang Efek jQuery Link Nudging/Bergoyang pada Label Blog

• Login di Blogger
• Masuk ke bagian Edit HTML pada template
• Centang pada bagian Expand Widget Template
• Cari kode </head>
• Copy paste script dibawah ini dan letakkan tepat diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;a.nudge, .#Label1 ul li a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script><!-- end LinkNudging -->

Kalau kode yang berwarna merah tersebut sudah ada di template sobat, kode itu tidak usah di pasang lagi jadi sobat hanya perlu memasang kode dibawahnya saja, Kemudian huruf yang berwarna biru diatas adalah widget id pada label, sobat bisa sesuaikan pada label id di blog sobat. Dibawah ini adalah contoh widget id label dari template blog saya.

<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>

Kemudian untuk membuat Link Nudging manual pada setiap link apakah itu didalam postingan ataupun widget sobat bisa menambahkan class="nudge" seperti dibawah ini

<a href="http://bloggerpeer.blogspot.com" class="nudge">Blogger Peer</a>

Hasilnya akan seperti ini Blogger Peer

Dan untuk membuat gambar bergoyang / Image nudging sobat bisa membuatnya seperti dibawah ini

<a href=http://bloggerpeer.blogspot.com" class="nudge"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtY8-7kwuEdnEnMAqM_AyH7aUDwxRuVJFiUYhq23DMeDKiybR3E2bH0Fh-Fzyg7OKOgVwQRM74jCTNm-_hltwtkkkfQ1SDH36Idd1Elz7ENWJIpG-8OchRWUUIJPenlLCbhCxuhy9T5ZM/s1600/Tips-Trik-Blogger-Tutorial-SEO-Info-BloggerPeer-Blogspot.jpg"/></a>

Hasil gambar nya akan seperti ini

Membuat Link Efek Pelangi di Blog

Jika crusor diarahkan pada suatu link, maka link tersebut akan menampilkan efek warna warni yang berubah-ubah. Apakah sobat blogger pernah melihat link yang seperi itu? Efek link yang berubah warna di sebut dengan nama Link Rainbow Effect. Kalau di negara kita, sering di sebut dengan nama Link Efek pelangi.

Kalau sobat blogger mencari tutorial tentang cara buat link berwarna warni atau berkedap kedip di situs atau blog lain, maka tutorial tersebut pasti meminta sobat blogger untuk Edit Template. Berbeda dengan di Lentera Blogger, sobat blogger tidak perlu Edit Template. Penasaran, bagaimana caranya? Let's make it...!!!

Cara Buat Link Efek Pelangi di blog :

• Kunjungi blogger.com
• Di Menu Drop Down klik Layout ---> Add a gadget ---> HTML/JavaScript
• Lalu Copy Paste kode berikut pada kolom yang tersedia :

<script src="http://tutorialblogspot.googlecode.com/files/LinkPelangi.js" type="text/javascript"></script>

• Klik Simpan.

Tambahan :
Saat sobat blogger memasukkan kode tersebut, jangan kasih Title atau Judul pada kolom pertama, biarkan kosong.

Meraup Dollar dari Iklan CPM XinoAds

XinoAds Advertising Network adalah jaringan iklan CPM ( cost per impressions ) yang menawarkan kepada anda sebagai publisher, earning hingga $ 0.30 per 1000 visit. CPM pada XinoAds didasarkan pada sistem eCPM dimana earning yang dihasilkan per 1000 visit tergantung pada efektivitas tampilan iklan, serta negara sumber traffic itu sendiri. XinoAds sendiri merekomendasikan hanya pada website yang mampu memberikan 100 tampilan iklan per hari dengan tampilan iklan yang terlihat ( Tidak dimodifikasi atau bahkan dibuat invisible ). 

Sistem pembayaran dari XinoAds adalah NET 15 dengan payment method via Paypal. Untuk minimum payout, XinoAds hanya mengenakan minimum $1. Beberapa larangan dalam XinoAds yang dapat membuat account anda dihapus antara lain :

1. Dilarang menggunakan layanan proxy dan lain-lain.

2. Dilarang menampilkan iklan pada konten porno dan situs dewasa lainnya.

3. Dilarang menampilkan iklan pada situs yang minim content.

4. Dilarang mengubah script banner dari XinoAds.

5. Dilarang menampilkan iklan pada situs yang mengandung virus, malware dan saudaranya.

Bagi rekan Blogger yang ingin mendapatkan penghasilan tambahan dari jaringan iklan XinoAds ini, bisa mendaftarkan situsnya DISINI.

AdFlyMedia Advertising Network

AdFLyMedia adalah jaringan periklanan global dengan jangkauan Advertiser dan Publisher di seluruh dunia. AdFlyMedia telah bekerjasama dengan perusahaan dan merek-merek ternama di dunia. Dengan menyediakan laporan statistik yang comprehensive, manager yang berpengalaman serta berdedikasi tinggi diharapkan AdFlyMedia mampu memberikan layanan yang terbaik bagi Advertiser maupun Publisher.Selain itu AdFlyMedia juga sangat memperhatikan apa yang anda butuhkan dan berapa budget yang anda anggarkan untuk periklanan.

Unit iklan AdFlyMedia sendiri terdiri dari iklan CPM ( cost per mile ), CPC ( cost per click ), CPA ( cost per action ) dan CPV ( cost per view ) dimana masing-masing iklan punya rate earning tersendiri. Untuk minimum payout sendiri, AdFlyMedia memberlakukan minimum payout sebesar $10 dengan frekwensi pembayaran secara mingguan dengan payment method menggunakan Paypal. Bagi yang berminat menggunakan Advertising Network ini, silahkan klik DISINI.

Cara Membuat Kotak Permalink di Bawah Posting Blog

Halo sobat! Setelah agak lama tidak share tips-trik blogger di blog ini karena persentase fokus lebih besar untuk mengembangkan tautweb.com, di posting ini saya membagi lagi satu widget/elemen fungsional untuk posting blog.



Sudah pernah melihat kotak permalink, bukan? Salah satu elemen blog yang berfungsi untuk memberikan kemudahan bagi blog/web lain membuat tautan/linkback ke salah satu

Meraup Dollar dari PPC Xoot.me Advertising Network

Xoot.me adalah Jaringan iklan virtual terkemuka yang akan membantu anda mendapatkan penghasilan lebih dengan memberikan traffic ke banner kami. Xoot.me sebagai Jaringan media terkemuka, selalu melakukan penilaian kepada Advertiser dan Publisher. Xoot.me melakukan pekerjaan dengan sebaik-baiknya agar para Advertiser dan Publisher selalu mendapatkan pelayanan yang cepat dan memuaskan.

Xoot.me ini mempunyai dua tipe iklan, CPC ( cost per click ) dan CPM ( cost per mile ) dengan targeting traffic dari United States. Untuk minimum payment PPC ini yaitu $25 menggunakan metode NET30 ( pembayaran akan dilakukan setiap 30 hari ). Untuk payment method PPC ini kita bisa menggunakan Paypal dan Moneybookers.

Sebagai pertimbangan untuk menggunakan PPC Xoot.me ini, saya ingin sedikit memberikan informasi tentang PPC ini, ketika pertama mendaftar, PPC ini hanya menyediakan slot iklan dengan ukuran 800x600. Sehingga ( menurut saya ) tipe iklannya tak jauh beda dengan tipe iklan interstitial ad, yang mungkin cukup mengganggu bagi visitor laman anda. Bagi yang berminat untuk mendaftar PPC ini, silahkan klik DISINI.

Bukti Pembayaran Kedua SITTI Indonesia

Alhamdulillah... Akhirnya, setelah menunggu sekian lama, datanglah pemberitahuan bahwa pembayaran SITTI Indonesia untuk bulan Maret 2012 datang juga. Ini adalah Pembayaran Kedua SITTI Indonesia untuk Pandhawa-Tiga, setelah Pembayaran Pertama dilakukan pada bulan Maret 2012 [ Baca : Pembayaran Pertama SITTI Indonesia ]. Berikut screenshot bukti pembayarannya : 

Maaf, posting ini bukan bermaksud pamer, hanya saja untuk memotivasi rekan-rekan Blogger sekalian, agar lebih bersemangat dalam mengembangkan kemampuan untuk selalu menyediakan artikel-artikel yang informatif bagi pengguna internet di Indonesia. Bagi yang berminat untuk mendapatkan penghasilan dari SITTI Indonesia, silahkan baca posting Pandhawa-Tiga tentang SITTI [ Baca : SITTI Indonesia ].

Puluhan Icon Menarik untuk Favicon

Buat sobat blogger yang akan mengganti Favicon blog, Lentera Blogger sudah menyiapkan puluhan Icon yang bisa digunakan sebagai pengganti Favicon Blog sobat. Icon-icon ini saya dapatkan dari situs penyedia icon http://www.iconarchive.com. Sebelum sobat blogger memilih salah satu dari puluhan icon favicon yang saya siapkan ini, sebaiknya sobat blogger membaca dulu panduan tentang Cara mengganti favicon Blogger.

Pilih salah satu Icon yang sobat sukai di bawah ini! Icon-icon tersebut akan berjalan satu persatu secara random. Tapi, kalau sobat blogger mau melihat langsung keseluruhan Icon yang sudah saya siapkan, sobat blogger bisa klik tombol View All atau klik link berikut : http://photobucket.com/LenteraBlogger

Sobat blogger mengalami kesulitan download icon di atas? Gampang, langsung saja kunjungi link http://photobucket.com/LenteraBlogger, kemudian, sobat klik kanan pada gambar, lalu pilih Save image as dan klik Save. Maka sobat blogger secara langsung telah menyimpan icon tersebut di Hard Drive komputer sobat. Perhatikan gambar di bawah ini!

Happy Blogging

Membuat Efek Spinning Pada Icons Social Bookmark Dengan CSS3

Tutorial kali ini kita akan belajar membuat efek spinning pada icons social bookmark dengan bantuan CSS3 transform. Efek spining adalah efek berputar pada icons apabila disorot crusor pointer. Efek ini dapat pula anda terapkan pada image avatar blogger comments, thumbnail pada widget recent posts perlabel atau popular posts seperti pada blog ini. Untuk lebih jelasnya silahkan lihat demo disidebar blog ini:

View Demo

 

Baiklah sekarang cara membuat efek spinning pada icons social bookmark

Langkah Pertama

• Login ke akun anda
• Pada dasbor>> klik template>> edit HTML
• Cari kode ]]></b:skin> lalu Salin dan tempel CSS berikut tepat diatasnya ]]></b:skin>

div#socialicons1 img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */

-moz-transition: all 0.8s ease-in-out;

-webkit-transition: all 0.8s ease-in-out;

-o-transition: all 0.8s ease-in-out;

-ms-transition: all 0.8s ease-in-out;

transition: all 0.8s ease-in-out;

}

div#socialicons1 img:hover{

-moz-transform: rotate(360deg);

-webkit-transform: rotate(360deg);

-o-transform: rotate(360deg);

-ms-transform: rotate(360deg);

transform: rotate(360deg);

}

div#socialicons2 img{ /* 2nd set of icons. Rotate them 60deg onmouseover and out */

-moz-transition: all 0.2s ease-in-out;

-webkit-transition: all 0.2s ease-in-out;

-o-transition: all 0.2s ease-in-out;

-ms-transition: all 0.2s ease-in-out;

transition: all 0.2s ease-in-out;

}

div#socialicons2 img:hover{

-moz-transform: rotate(70deg);

-webkit-transform: rotate(70deg);

-o-transform: rotate(70deg);

-ms-transform: rotate(70deg);

transform: rotate(70deg);

}

div#socialicons3 img{ /* 3rd set of icons. Rotate them -360deg onmouseover ONLY. Note where the "transition prop is added */

}

div#socialicons3 img:hover{

-moz-transition: all 0.5s ease-in-out;

-webkit-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out;

transition: all 0.5s ease-in-out;

-moz-transform: rotate(-360deg);

-webkit-transform: rotate(-360deg);

-o-transform: rotate(-360deg);

-ms-transform: rotate(-360deg);

transform: rotate(-360deg); }

• Simpan template

Langkah Kedua

• Pada dasbor masuk ke menu tataletak>> klik tambah gadget>> pilih HTML/JavaScript
• Sekarang salin dan tempel kode berikut pada form yang tersedia dan beri judul yang anda inginkan

<div id="socialicons1"> <!-- angka 1 bisa dirubah dengan angka 2 atau 3 untuk model yg berbeda -->

<a href="http://urlanda.com/RSS"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqA9dReBdNFiTyTjmzO3vJHusD6B8REitZ4OIV9GMpJl6JDtpOxNcGhMfd6wblqCzCqQhwClpXgSQLtq9M6kfZCiH6zQvEnOHN4d2bYRluYQfXP3PUKi42TZ4_1eQEe37bBn_jidHBLT9E/s1600/rss.png" /></a> <a href="http://www.delicious.com/delicious-ID"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSiO9n7Y8b_Z_yESUtX6NqCTjG9c-vB2SEMhS5uJVZiEwhXM1EfooJleHC6cUZREJtWzx9wvudjIMM3tZu5rpuIU1ZYK0-rPoEgRYNR3UI-7olySDtEsGTXjtR22WKHzqtlJB__QEkpsaU/s1600/delicious.png" /></a> <a href="http://www.facebook.com/FB-ID"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaqfTAGM3_vZ-jAgL_0ca3IcsH9Nyp_TU-Kjmn8KbOlaPJNngCOLh9-4nOhEX4_TWddyK93cJlvc-yxtKLs4mif20TTpo3_H30JUeNxKBM4Zj1jJ7Ng0644lxBWG-p1wEAV0ZWSR501TqE/s1600/facebook.png" /></a> <a href="http://www.twitter.com/twitter-ID"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqiiSDrJsg4JmrTw1ONtvdFoOjJCelTPWaIPgjP0AKIjWIarhOtLsy8xYo22HVCxs4sIa_EIApAfZYk-OyS9s2eKnUjmz130qVrlyfGePg2qxISbFqejA7JPZddQua4IreU8Xwb5ZoiSlX/s1600/twitter.png" /></a> <a href="http://www.yahoo.com/ID"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHKJ8kZegEb784GE1jhMGjZ3cT0pcWUuNx2MiMcz_ueeysWG9aHQKKP7q_VM3yIvMtKtIKwLdpvoOpWbjtqfVS4MhNG6MEMRa4t2WAKITdS1ILQVONnveKHHBrrazmrFa1RcSrmIq5mESz/s1600/yahoo.png" /></a></div>

<div class="clear">

</div>

• Simpan dan lihat hasilnya diblog anda

Model dan Penyesuaian :

• Mengganti model diatas ada 3 pilihan model ganti saja <div id="socialicons1"> dengan angka misalnyasocialicons2 atau socialicons3

Original Resourece: Dynamicdrive.Com