Showing posts with label Tutorial Blog. Show all posts
Showing posts with label Tutorial Blog. Show all posts

15 August 2010

Filtering Komentar di Blogger dan Inbox Komentar

Sepertinya Blogger / blogspot makin mengembangkan Fasilitas fasilitas untuk lebih maju, Ga mau kalah dengan wordpress, blogger juga mengeluarkan fasilitas Filter Komentar di dashbord.
Fasilitas Filter Komentar ini sangat membantu sekali karena dengan adanya fasilitas ini blogger dapat menyaring mana komentar yang layak kita publish ato tidak.
Sedikit curhat, banyak banget blogger yang ngejunk di postingan hanya untuk sekedar mendapatkan backlink dari blog kita. termasuk saya juga demikian.
Sebelum mengarah ke materi kali ini (gaya pak guru) saya sedikit sampaikan seperti apa komentar yang dianggap spam.
Pertama
Komentar yang cuma bilang
Nice info gan,
membantu banget bro
saya suka postingan anda
dan kawan kawan nya
Kedua
Komentar yang di dalam nya naruk link, dan biasanya link affiliasi
Menarik sekali gan, untuk info tentang wordpress bisa masuk ke sini dankerizer.net
Info anda sangat membantu bro, jangan lupa kunjungi blog saya 

Ketiga
Komentar yang ga relevan dengan isi konten nya


Nah kembali ke Konten utama nya,
Inbox Komentar
Blogspot memperkenalkan Inbox komentar "Comment Inbox" dimana anda bisa melihat semua komentar yang masuk di Blog anda dengan fasilitas Published , Awaiting Moderation and Spam 

Comment Spam Filtering

Dengan fasilitas ini kita bisa memoderasi spam yang masuk di postingan postingan kita. Jika wordpress mempunyai Askimet untuk plugin standar Spam Filtering, namun disini (blogspot) kita baru bisa memoderasi spam secara manual.
sayang nya, belum ada fasilitas Edit Comment layaknya di Wordpress yang memudahkan kita mensensor komentar spam yang masih ingin kita tampilkan.

So, fasilitas terbaru apalagi yang akan dimunculkan blogger setelah Filtering Komentar di Blogger dan Inbox Komentar


Give me Comment and if you like my post, Please Click Here and For update my post about Blog and SEO Please Signup with Your E-mail here.

02 August 2010

Tool Buat Redesign Tampilan Blog

Nih ane sedikit share ilmu yang ane dapat dari temen tentang Recoding Template/Theme/Tampilan Blog ato website kita.
Bagi anda pecinta Blogspot atau Wordpress dan yang suka Usil ama tampilan blog/web anda. Tool ini sangat penting buat membantu REcoding CSS dan HTML di Blog kamu dengan meniru atau memang anda ingin mengoprek tampilan nya sendiri. Langsung aja ya gunain tool dari ad-ons nya Mozilla Firefox


Pertama
Add-Ons : Firebug
Bisa di Download disini :
httpps://addons.mozilla.org/en-US/firefox/addon/1843/

Fungsinya
Untuk Melihat Code code baik dari HTML maupun CSS nya, dan kita juga bisa langsung melihat PReviewnya.

Kedua:
Add-ons: Measureit
Bisa di download disini

https://addons.mozilla.org/en-US/firefox/addon/539/

Fungsinya :
Untuk Melihat ukuran satu Frame ato ukuran banner ato ukuran Pada setiap bagian di sebuah Theme

Ketiga
Add Ons :Collorzilla
Bisa di download disini
https://addons.mozilla.org/en-US/firefox/addon/271/

Fungsinya
Buat melihat Code warna disetiap bagian theme dengan melihat area seleksi


Cara gunain nya instal aja trus pas mau gunain klik aja icon yang dibawah side bar, ane kasih gambar aja begini





Give me Comment and if you like my post, Please Click Here and For update my post about Blog and SEO Please Signup with Your E-mail here.

21 June 2010

Domain, Hosting, dan Blog Gratisan

kayanya pada demen nih yang gratis gratisan, tapi ga tau apakah kamu juga suka yang gratis kaya gini.
Yups, sebagian orang dan saya yakin sekarang sebagian besar orang sudah kenal dengan yang namanya blog, hosting, dan domain. namun rata rata banyak yang berbayar. untuk itu saya mau bagi bagi info gratisan nih. Tapi bukan hanya info sebenarnya, saya juga bercita cita membagi Blog dan hosting khusus untuk dankerizer.net jadi nanti anda bisa bikin blog degnan namakamu.dankerizer.net plus hosting unlimited selama ane mampu bayar (wakwakaaa) tapi insya Allah kedepan ane realisasikan tunggu saja kabar barunya dari saya.

Nah, sekarang Back To Focuss tentang domain, hosting dan Blog Gratis. Ini saya punya list setelah mencari cari kesana kemari dan mengumpulkan dari berbagai nara sumber dan sebagian juga ada blog saya disitu. Saya cuma mau bago bagi domain domain gratis, Hosting Gratis dan Blog gratisan. Langsung saja ke TKP Bro
Hosting Gratis dulu:
1.    Freehostia (www.freehostia.com) paket chocolate
2.    X10Hosting (http://x10hosting.com/freehosting.php)
3.    http://www.110mb.com/
4.    Hostgator (http://hostgator.com) gratis satu bulan pake coupon “CACTUS”
5.    http://www.50webs.com/
6.    http://www.agilityhoster.com/
7.    http://www.freebeehosting.com/hosting.html
8.    Selebihnya chek disini http://www.co.cc/web_hosting/web_hosting_list.php?&cp=2

Sekarang domain domain Gratis
1.    Co.CC
2.    Co.TV
3.    Smartdots.com (info nya klik disini)
4.    www.uni.cc (infonya klik disini)
5.    Domain murah dot com silahkan klik disini
6.    Klo mau dot info murah ya klik disini http://www.godaddy.com







Nah, sekarang baru aku bagi blog blog gratis yang kamu bisa bikin blog langsung ditempat mereka.

Blog Gratisan Punya orang Indonesia semuanya Indonesia
1.    dagdigdug.com
2.    blogdetik.com
3.    blog.plasa.com
4.    oggix.org (tapi avg detek virus)
5.    mediaindonesia.com 
6.    ebanten.com
7.    bloggaul.com (punya nya indosiar)
8.    blogwae.com
9.    nanggroe.com
10.    mediaqu.com
11.    lautanindonesia.com
12.    dgers.com
13.    astaloggers.com
14.    blogkus.com
15.    masandi.co
16.    myflexiland.com
17.    blog.speedyland.com
18.    kompasiana.com
19.    blogwae.com
20.    weblogs.web.id
21.    blog.web.id
22.    bedeng.com
23.    aslimalang.com
24.    blogboleh.com
25.    orangbiasa.com
26.    indoblogger.com

Blog gratis yang punya orang asing semua
1.    wordpress.com
2.    blogspot.com
3.    multiply.com
4.    http://pulse.yahoo.com/y/blog
5.    http://www.com-x2.com/
6.    360.yahoo.com
7.    blogdrive.com
8.    journalhome.com
9.    journalspace.com
10.    livejournal.com
11.    linkedin.com


Klo ada yang mau nambahin silahkan tinggalkan komentar ya....
Beberapa ada yang ga aku posting, khususnya yang blog ber akhiran .edu coz masih jadi tempat nyari duit ku  hehehee

bagi anda yang punya peternakan blog, kayanya juga perlu mendaftarkan ke blog blog itu. coz bisa nambah backlink and nyepam :))

Happy Blogging


Give me Comment and if you like my post, Please Click Here and For update my post about Blog and SEO Please Signup with Your E-mail here.

04 May 2010

Membuat Table Of Content Terbaru untuk Blogspot

Sebelumnya saya pernah membuat Table Of Content atau bisa juga disebut Site Map atau peta Situs. Pada pembuatan seblumnya saya menggunakanScript dari Mas Hilal yang cukup bagus dan keren juga, anda bisa membukanya disini: Site Map dan inilah Scriptnya:
<!--more--><script src="http://hilal.web.id/blogtoc-min.js">
</script> <script src="http://www.dankerizer.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>   
Anda bisa mengganti www.dankerizer.com dengan domain/blog anda dan 9999 dengan jumlah minimal tampilan blog anda.
Nah, klo sekarang saya ingin membagikan cara membuat Table of Content dari http://beautifulbeta.blogspot.com yang beginilah scripnya yang saya Copy dari Sahabat saya Abu Farhan:
<link rel="stylesheet" href="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css" type="text/css" media="screen" />
<script style="text/javascript" src="http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js"></script>
<script src="http://www.dankerizer.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Silahkan ganti www.dankerizer.com dengan nama domain atau blog anda.
Lihat DEMONYA
Enjoy with this Hack.
Oh, Ya jangan Lupa kunjungi blog saya yang baru di Wordpress....
http://dankerizer.net




Give me Comment and if you like my post, Please Click Here and For update my post about Blog and SEO Please Signup with Your E-mail here.

25 April 2010

Membuat Style Comment Author/Admin tampil Berbeda

Ketika anda blogwalking dan memberi komentar, seringkali atau pernah melihat sesuatu yang berbeda pada komentar author/admin blog tersebut. Menurut saya ini menarik dan perlu untuk dibuat. Awalnya saya menggunakan trik dari blogger indonesia yang cukup terkenal (off the record aja namanya) namun sudah tidak bisa digunakan lagi. Kali ini saya juga dapat dari Blogger asing yang hebat.

Ah, langsung aja ke Blog Tips nya ya..

Sekarang masuk ke Layout >> Edit HTML. Sebelum mengedit saran saya untuk membackup style css template blog anda
And than Click on the “Expand Widget Templates” option.

Tekan Ctrl + F dan cari kode ini "comments-block" dan tambahkan kode yang berwarna Merah
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
Kemudian Cari kode berikut ini "comment-body"
Kebetulan kode saya seperti ini
.comment-body{
    color:#4d4d4d;
    padding: 5px;
    background:#f2f2f2;
    border-bottom: 1px solid #dcdbd7;
    list-style:none;
    }
Jika punya anda berbeda tidak apa apa, silahkan cari kode "comment-body" dan tambahkan kode berikut ini:
.blog-author-comment {
    margin:0 0 1.25em;
    padding:0 0 0 20px;
    }
.blog-author-comment p {
    margin:0 0 .5em;
    padding:0 0 0 20px;
    color:#FFFFFF;
    background:#000000;
    border-bottom: 1px solid #dcdbd7;
    font-style: bold;
    }
Sehinggu menjadi seperti ini:
.comment-body{
    color:#4d4d4d;
    padding: 5px;
    background:#f2f2f2;
    border-bottom: 1px solid #dcdbd7;
    list-style:none;
    }
.blog-author-comment {
    margin:0 0 1.25em;
    padding:0 0 0 20px;
    }
.blog-author-comment p {
    margin:0 0 .5em;
    padding:0 0 0 20px;
    color:#FFFFFF;
    background:#000000;
    border-bottom: 1px solid #dcdbd7;
    font-style: bold;
    }
Silahkan ganti warna nya pada bagian Background dan Color dengan warna pilihan anda:
Anda bisa melihat kode warna disini http://www.dankerizer.com/2008/12/kode-dasar-warna.html

Kemudian save dan lihat hasilnya.
Semoga Tutorial blog ini bermanfaat.


Jika Anda menyukai Artikel di blog ini, Silahkan klik disini dan untuk berlangganan gratis via email silahkan isi kotak dibawah dengan email anda, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di dankerizer.com

Memasang Widget Popular post di Blogspot [Terbaru]

kali ini Blog and SEO Tips ingin membagi cara membuat Popular post atau posting yang paling banyak kunjungannya berdasarkan jumlah komentar yang memang tidak disediakan oleh blogspot. Namun setelah searching di beberapa blog saya baru menemukanya. Sebelumnya saya menggunakan script yang saya baca dari o-om.com hasil buatan blogger cantik amanda dengan menggunakan platform pipes.yahoo.com namun sayangnya sudah tidak bisa dipakai lagi. akhirnya saya menemukan dari Free Blogger Help.. Baik begini langkahnya:

Go to Dashboard > Layout > Add a Gadget > HTML/JAVA Script. Give the title "Popular posts" or "Most Commented Posts" atau apapun seperti yang anda suka. Sekarang Copy paste kode berikut ini:
<script language='javascript'>
aBold = true;
numposts=200;
maxshowresult=7;
home_page = "http://www.dankerizer.com/";
</script>
<script type='text/javascript'>
//<![CDATA[
var postTitlear=new Array();var postUrlar=new Array();var postCommentar=new Array();var totalpost;document.write("<ul>");function showrecentposts(j){var a=j.feed.entry.length;totalpost=a;for(var f=0;f<a;f++){var h=j.feed.entry[f];var c=h.title.$t;var b;var g;if(f==j.feed.entry.length){break}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];break}}c=(aBold)?"<b>"+c+"</b>":c;postTitlear.push(c);postUrlar.push(g);postCommentar.push(b)}sortPosts();for(var f=0;f<maxshowresult;f++){var e='<li><a href="'+postUrlar[f]+'" class="recent-link">'+postTitlear[f]+" ("+postCommentar[f]+" comments)</a>";document.write(e)}}function sortPosts(){function c(d,f){var e=postTitlear[d];postTitlear[d]=postTitlear[f];postTitlear[f]=e;var e=postUrlar[d];postUrlar[d]=postUrlar[f];postUrlar[f]=e;var e=postCommentar[d];postCommentar[d]=postCommentar[f];postCommentar[f]=e}for(var b=0;b<postTitlear.length-1;b++){for(var a=b+1;a<postTitlear.length;a++){if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');
//]]>
</script>
Ganti Kode yang berwarna Biru sesuai dengan keinginan anda:
aBold = true; yang berwarana merah Bisa anda ganti dengan False jika anda ingin menampilkan tidak tebal
numposts=200; anka 200 dapat anda ganti jika komentar anda lebih dari 200 bisa anda ganti dengan angka maksimal

maxshowresult=7; angka 7 adalah jumlah maksilam posting popular yang ditampilkan
home_page = "http://www.dankerizer.com/"; nah, kalo yang ini pasti anda tahu, Ganti dengan URL blog anda

Save dan lihat hasilnya.

Oh ya, widget ini juga bisa digunakan untuk meningkatkan Page View blog kita sebagai tehnik SEO
Semoga Bermanfaat.




Jika Anda menyukai Artikel di blog ini, Silahkan klik disini dan untuk berlangganan gratis via email silahkan isi kotak dibawah dengan email anda, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di dankerizer.com

15 April 2010

Memasang Banner Blog di Facebook

Langsung Saja yah aku share tentang cacra Memasang Banner Blog di Facebook karena keybord ku lagi eror nih yang huruf cmzxv nya.

Pertama, klik halaman http://apps.facebook.com/profilebox
Kedua, kemudian klik (pilih) “Izinkan” atau "Allow", seperti screenshot di bawah ini



Ketiga, kita akan memasuki halaman pengeditan. Silakan hapus semua teks yang ada di halaman pengeditan tersebut.


<a href="URL_BLOG"><img src="URL_BANNER" />


contoh seperti ini:

<a href="http://www.dankerizer.com/2010/01/u-comment-i-follow.html"><img src="http://farm5.static.flickr.com/4069/4488497589_6d4a17409a_o.jpg" class="aligncenter" height="200" width="200"></a>

dan hasilnya seperti ini:
Blog and SEO Tips

Kelima, klik "Submit" dan tunggu hingga profil terupdate dengan sukses.

Keenam, untuk menampilkan dalam profil kita, klik "Cantumkan ke dalam profil", Kemudian klik “Tambahkan”,



tehnik ini juga salah satu langkah untuk Promosi blog kepada teman kita di Facebook. Selamat mencoba Tutorial Blog dan SEO ini




Jika Anda menyukai Artikel di blog ini, Silahkan klik disini dan untuk berlangganan gratis via email silahkan isi kotak dibawah dengan email anda, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di dankerizer.com

14 April 2010

Membuat Toko Online Sendiri dengan Blogspot

Beberapa hari ga posting dan berbagi dengan temen jadi kangen rasanya. Dikarenakan Laptop saya agak eror gara gara kena Hujan, jadi ribet kalo mau posting.
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Bagi anda penikmat Blogspot saat ini sudah bisa memiliki toko online sendiri dengan menggunakan simplecartjs yang membantu anda membuat toko online dengan menggunakan Java Script dan langsung mengintregasikan dengan paypal. cara pembuatanya sangat mudah dan anda pasti bisa.
Pertanyaanya kenapa Harus Paypal?
Karena saat in alat pembayaran yang paling nyaman dan aman di internet adalah Paypal. Jika Anda Belum punya silahkan klik disini.
Daftar di PayPal, lalu mulai terima pembayaran menggunakan kartu kredit secara instan.
Langsung saja
Untuk mem buat toko online dengan blogspot ikuti langkah langkah berikut ini:
perhatikan gambar ini,

Live DEMO

cara membuatnya cukup mudah let's Go:
Pertama
Sebelum memulainya saran saya anda menoba dengan blog yang baru anda buat.
Login ke blogspot >> Layout>> edit HTML

Kedua 

Download Disini
Ato
Download Disini

Ketiga
Ganti Template  anda dengan kode tersebut (Keterangan Kedua)

Keempat
save dan Jadi Deh

Bagaimana Mengedit Data CSS Tersebut???
Cari kode berikut ini:
<script type='text/javascript'>
        simpleCart.email = &quot;hadie87@gmail.com&quot;;
        simpleCart.checkoutTo = PayPal;
        simpleCart.cartHeaders = [ &quot;name&quot;, &quot;thumb_image&quot; , &quot;Quantity_input&quot; ,  &quot;increment&quot;,  &quot;decrement&quot;, &quot;Total&quot; ];
</script>
Ganti teks yang berwarna merah dengan Email anda. Email tersebut  adalah alamat Paypal anda.


Untuk mengubah barang yang di jual,anda bisa menggantinya dengan mengubah kode dibawah  ini dengan produk anda sendiri:
<div class="simpleCart_shelfItem">
<!--Notice the class names of each tag begin with item_ -->
<img src="http://i604.photobucket.com/albums/tt130/metalner/simplexshop/attack-release.png" alt="product 1" title="product 1" class="item_image"/>
<h5 class="item_name">Sample DVD</h5>
<p class="item_Description">
To create a shelf item, you create a div with a class of simpleCart_shelfItem
</p>
<span class="item_price">$14.99</span>
<a id="s1" href="javascript:;" class="item_add">Add to Cart</a>
<span class="item_thumb">http://i604.photobucket.com/albums/tt130/metalner/simplexshop/attack-release.png</span>
</div>
Untuk membuat atau menambah produk sendiri anda bisa menggunakan kode seperti ini:
<div class="simpleCart_shelfItem">
.....................
</div>

Dengan struktur sebagai berikut :
Gabar:
<img src="URL_Gambar_anda" alt="Alternatif Gambar" title="Nama Produk" class="item_image"/>
ganti teks berwarna merah

Nama Produk
<h5 class="item_name">your_item_name</h5>

Deskripsi Produk
<p class="item_Description">
your description
</p>

Harga
<span class="item_price">$00.00</span>

Menambah "add to cart"

<a href="javascript:;" class="item_add">Add to Cart</a>

Ya, begitulah aranya membuat toko online dengan menggunakan Blogspot,






Jika Anda menyukai Artikel di blog ini, Silahkan klik disini dan untuk berlangganan gratis via email silahkan isi kotak dibawah dengan email anda, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di dankerizer.com



09 April 2010

Blog ku yang dihapus oleh Blogspot

Seperti yang saya posting sebelumnya tentang Hati Hati Diusir Blogspot.com Kini sayajuga mengalami seperti yang saya tulis sebelumnya. Pagi ini saya dapat surat cinta dari Team Blogger yang menyatakan bahwa satu blog saya dinyatakan di delete. Untungnya blog yang dihapus bukan yang Utama yakni dankerizer.com meskipun demikian rasanya cukup kehilangan juga. Karena selama ini cukup lumayan traffic dari blog saya yang dihapus tersebut dengan katalain backlink dari blog tersebut cukup lumayan. dan Parahnya lagi saya sama sekali tidak punya backup atau kenang kenangan dari Blog saya yang dihapus tersebut. Berikut Surat cinta yang diberikan oleh team blogger kepada Saya.

Blogger  to me

     Your blog at http://taktik-ku.blogspot.com/ has been reviewed and confirmed as in violation of our Terms of Service for: SPAM. In accordance to these terms, we've removed the blog and the URL is no longer accessible.

     For more information, please review the following resources:


     Blogger Terms of Service: http://blogger.com/terms.g
     Blogger Content Policy: http://blogger.com/content.g

     -The Blogger Team


Update:
Setelah beberapa menit saya posting Blogku yang dihapus ini ternyata bersamaan dengan di disablenya Account Gmail saya beserta semua account blog saya yang di blogger.. Bahkan blog and SEO Tips ini juga di disable. Kemudian Google Minta Verifikasi Email dengan nomor telpon dan saya langsung verifikasi ulang. Alhamdulillah Semuanya lancar. Bisa puyeng saya.

Saya sendiri kurang tahu apa yang saya lakukan sehingga blog saya dihapus. Berikut hal hal yang saya lakukan seblum kejadian:
  1. Posting Test TOEFL dan IELTS Syarat Masuk UI
  2. Submit artikel ke Lintasberita.com, infogue.com, raddit.com, dig.com, dan social bookmarking lainya.
  3. Saya lihat Jumlah pengunjung di blog saya pada saat itu ada 15 orang yang Online.
  4. Saya memposting postingan ini
  5. saya terima email dai Team Blogger
Mohon saran saranya dari Master master...



Jika Anda menyukai Artikel di blog ini, Silahkan klik disini dan untuk berlangganan gratis via email silahkan isi kotak dibawah dengan email anda, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di dankerizer.com

07 April 2010

Membuat Pop-up Contact Form untuk Blogger

Membuat Pop-up Contact Form merupakan alternatif terbaik untuk memudahkan pengunjung blog menghubungi admin, khususnya bagi para blogger yang mengunakan layanan dengan fasilitas contact. Pada posting sebelumnya saya pernah membahas cara Membuat Contact Form dengan Google Spreadsheets dimana setiap orang yang menghubungi kita lewat Contact form akan langsung menotifikasi di email kita.
Untuk kali ini Blog and SEO Tips akan memberikan atau membagi cara membuat contact form dengan fasilitas Pop Up. Langsung saja ya...
 Pertama
Masuk ke Dashbord Blogspot anda dan Buka halaman Setting layout >> Edit HTML
Kedua
Cari kode ]]></b:skin> dan tempatkan kode ini tepat dibawahnya:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="http://dinhquanghuy.110mb.com/contactform/jquery.fancybox-1.3.0.pack.js"></script>
<link rel="stylesheet" type="text/css" href="http://dinhquanghuy.110mb.com/contactform/jquery.fancybox-1.3.0.css" media="screen" />
Ketiga
Buka halaman/Website ini http://centricle.com/tools/html-entities/ kemudian Copy paste kan Kode dibawah ini kemudian di Encode
<script type="text/javascript">
$(document).ready(function() {

$("#contact_form").fancybox({
'width' : '75%',
'height' : '75%',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe'
});


});
</script>
 Selanjutnya tempatkan tepat dibawah kode pada penjelasan Kedua sehingga menjadi seperti ini:
]]></b:skin>
<script src='http://code.jquery.com/jquery-1.4.1.min.js' type='text/javascript'/>
    <script src='http://dinhquanghuy.110mb.com/contactform/jquery.fancybox-1.3.0.pack.js' type='text/javascript'/>
    <link href='http://dinhquanghuy.110mb.com/contactform/jquery.fancybox-1.3.0.css' media='screen' rel='stylesheet' type='text/css'/>
&lt;script type=&quot;text/javascript&quot;&gt;
        $(document).ready(function() {
                      
            $(&quot;#contact_form&quot;).fancybox({
                &#39;width&#39;                : &#39;75%&#39;,
                &#39;height&#39;            : &#39;75%&#39;,
                &#39;autoScale&#39;         : false,
                &#39;transitionIn&#39;        : &#39;none&#39;,
                &#39;transitionOut&#39;        : &#39;none&#39;,
                &#39;type&#39;                : &#39;iframe&#39;
            });
          
          
        });
    &lt;/script&gt;    
Save Perubahan anda

Keempat
Seperti pada posting saya sebelumnya tentang cara Membuat Contact Form dengan Google Spreadsheets Silahkan anda baca terlebih dahulu. dan kemudian anda akan mendapatkan linksperti ini
http://spreadsheets.google.com/embeddedform?formkey=dGJ1QkxXNHRfLXM4UkVvSzJtUDNELVE6MA
Kelima
Sekarang anda tinggal membutuhkan sebuah Scipt untuk membuat Pop-up untuk ditempatkan diposisi yang anda inginkan. dan berikut adalah scriptnya:
<span style="font-size: large;"><b><a href="http://spreadsheets.google.com/embeddedform?formkey=dGJ1QkxXNHRfLXM4UkVvSzJtUDNELVE6MA" id="contact_form">Contact Us</a></b></span></div>
Anda bisa memasang dimanapun anda sukai.
Selamat mencoba dan sukses selalu


Jika Anda menyukai Artikel di blog ini, Silahkan klik disini dan untuk berlangganan gratis via email silahkan isi kotak dibawah dengan email anda, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di dankerizer.com

30 March 2010

Blogger Kaya, Saya, Dan Anda


Blogger, adalah sebuah pekerjaan yang saat ini tidak bisa dipandang sebelah mata. Karena fakta telah banyak menunjukan kesuksesan seorang internet marketer yang sukses bermula dari blog atau di dukung oleh blog. Meskipun saya belum tahu kebenaran seberapa besar penghasilan seorang internet marketer atau blogger di Indonesia, namun saya yakin minimal mereka bisa membayar uang internet,  beli rokok and kopi buat begadang, beli laptop buat nge-blog, beli modem buat jaringan internetnya dan investasi investasi lainya.
Mungkin kalo bisa saya contohkan internet marketer yang saya kenal lewat blog blog nya yang sudah terbukti traffic nya tinggi, PR nya juga lumayan adalah:

Pak Joko Susilo, dengan blognya jokosusilo.com dengan platform wordpress dia mengubah blognya menjadi tempat ajang komentar. Pak joko susilo sendiri saya yakin teman teman sudah tahu bahwa dia owner dari Formulabisnis.com.  Dengan System Mesin Uang Otomatisnya dia membuat program reseller dengan harga yang saya katakana cukup mahal yakni sekarang sekitar Rp. 300.000 namun cukup menarik banyak orang. Terbukti kalo anda blog walking pasti menemukan banner yang berwarna maroon dengan slogan Mesin uang otomatis. Anda bisa perkirakan penghasilan dia lewat internet marketing dan didukung oleh blognya. Dan kalo tidak salah saat ini pak joko juga membuat produk baru.

Mas Lutvi Avandi yang empunya cafebisnis, beliau menyulap Wordpress menjadi ladang uang, dengan system member untuk mendapatkan ebook yang berisi tuntunan nge-blog alias modal kosong hasil Luar bisa. Saya yakin dan percaya kalo beliau punya member yang cukup banyak, bedanya dengan yang punya joko susilo disini ada free membernya. Hal ini terbukti juga banyak sekali banner banner bertebaran disetiap blog dengan slogan menyulap blog menjadi mesin uang. Dan saya sendiri pernah kecipratan $5 dari Mas lutvi hasil ikut voting di design banner yang waktu itu dimenangkan oleh mas beni.

Kang Rohman, blog inilah yang pertama kali menuntun saya membuat blog. Dan hingga saat ini saya masih hafal tanpa harus bookmark blognya dia kolom-tutorial.blogspot.com. tapi ada satu hal yang saya heran, kenapa kang rohman sampai saat ini tidak merubah nama blognya menjadi dot com atau yang lainya, tetep .blogspot.com. entahlah saya sendiri ngga tahu. Beberapa waktu yang lalu ketika saya sedang mengalami Cinta Monyet terhadap blog saya tidak mengikuti perkembangan kang rohman, tapi yang saya tahu saat saat ini kang rohman sudah menyelesaikan projeknya untuk punya dan menjadi penjual Hosting sendiri, dan kang rohman juga membuat FORUM Kang Rohman. Tentu tidak sedikit modalnya bukan?

O-Om si raja templatenya Indonesia ini saya ga tau seperti apa dia, di beberapa postingan O-om mengeluhkan tentang kesibukanya di dunia Offline, artinya hidupnya masih saya piker normal lah, tapi kalo melihat websitenya yang banyak dan rata rata punya Traffic yang tinggi, dan rata rata punya Google Adsense da nada yang dipasang punya Toko local, saya bisa memperkirakan kalo penghasilan O-om ngeblog dan online bisa lebih banyak dari yang di offline.
Mas Cosa Aranda si gendut (kalo saya lihat dari fotonya) yang jago SEO ini juga saya piker tidak jauh beda dengan beberapa orang diatas. Dengan web panduandasarnya dia membangun bisnis online yang dibilang top juga.

Mas isnaini, blognya sering menjadi rujukan dan template templatenya juga keren keren dengan ciri khas seorang isnaini. Dibeberapa pembicaraan saya sering denger nama beliau tenar juga dunia offline untuk mengisi seminar seminar tentang dunia blog dan bisnis online.

Mas jauhari, pakar Wordpress Template yang templatenya saya pakai juga di kamusblogger.co.cc ini cukup layak dibilang master Wordpress template. Dengan kemampuan bahasa inggris diatas rata rata Saya terutama (hehehe) dia membangun sebuah kerjaan online dengan memanfaatkan kebutuhan orang yakni menghias Blog WP nya.


Masih banyak pakar blog yang telah sukses di dunia maya ini , seperti Mas Keke (seokita.com), BelajarSEO.com, Mas haryo (haryoonline.com), Mas ono W Purbo Mas Anang, dan lain sebagainya.



Lalu siapa lagi ya??

Saya???
Kira kira ada yang langsung kabur gay a kalo saya bercerita tentang kesuksesan saya di dunia blogger??
Ah apalah artinya saya ini, mungkin saya hanya blogger yang cinta monyet karena hanya iseng iseng aja dan sekedar hoby. Karena jujur saya sudah lelah dengan bisnis online yang sudah saya coba. Pertama karena pekerjaan Offline saya yang cukup menyita waktu dan melelahkan apalagi akhir bulan seperti ini, saya harus mikir gaji karyawan, Deviden investor membuat laporan laporan dan lain sebagainya. Sehingga saya seperti tidak punya waktu banyak untuk mendapatkan Dollar atau minimal rupiah dari Blog ini. Jadi saya pikir cukup ini ajalah, kalo ada yang kasih komentar dan berterimakasih kepada saya itu sudah lebih dari cukup disbanding chek Google Adsense.

Anda???
Saya yakin anda nge blog juga punya tujuan, tujuan utama andalah yang akan membawa diri anda seperti orang orang yang saya sebutkan diatas.
Bukan saya tidak bermaksud mendeskedirkan anda sebagai ahli di bidang blog dan sudah mempunyai Earning yang banyak dari hasil blog. Namun saya mungkin belum kenal dengan anda (Kenalan yuk... )
Jika anda masih sama sama newbie seperti saya,

Pertanyaanya : Kenapa saya menyebutkan hanya nama nama itu dan mungkin ada yang lebih hebat dari mereka (disitu saya tidak mengurutkan lho, saya Cuma menulis yang saya ingat aja) da nada yang lebih berhasil dari mereka?

Jawabanya Simple, Itulah yang saya tahu.  Dan harap maklum kalo pengetahuan saya masih kurang, maklum Saya Newbie alias pemula alias Beginner.

Sejatinya Kekayaan Seorang Blogger adalah Dimana Dia merasa bahagia dan dengan apa yang dilakukanya sekarang, dan banyak orang yang membutuhkanya. Karena tidak pernah ada batasa KAYA.
Yuk sharing dan tinggalkan komentar disini.

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini dan untuk berlangganan gratis via email silahkan isi kotak dibawah dengan email anda, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di dankerizer.com


29 March 2010

Membuat Menu Navigasi pada Blogspot

Sahabat saya awan, menanyakan kepada saya cara membuat tab menu untuk menghias blognya. Mungkin saya langsung bisa tulis ulang saja tutorial blognya special buat Awan karmawan yang punya blog awan-smith.blogspot.com
Sebelumnya saya mohon izin kepada master Blog o-om dan kang rohman buat menulis ulang artikelnya tentang membuat CSS Menu generator online dan offline.

Membuat Menu Css dengan Cara Online
Seperti yang sudah dibahas oleh o-om tentang MyCSS menu ini dapat dilakukan oleh siapa saja baik yang jago CSS maupun yang sama sekali tidak menguasi CSS.Anda bisa langsung membuka MyCSSMenu. Saya sendiri pernah menggunakan MyCSS Menu ini untuk membuat dan menghiasi blog pada saat belajar dulu (meskipun sekarang juga masih belajar).
Intinya setelah anda menggunakan cara ini saya yakin akan sangat mudah dalam mempraktekannya tanpa tool dan akan lebih faham tentang membuat menu dengan CSS, karena semua komponen yang di suguhkan oleh tool ini berupa CSS.
Selain itu banyak sekali template yang bisa anda pilih, bukan hanya menu horizontal maupun menu vertikal semuanya ada disini so, langsung saja ke TKP dan menjalankan misi Tutorial Blog ini.


Membuat Menu Css dengan Cara Online
Untuk cara ini pernah dibahas oleh master template dan master blog juga kang Rohman, Anda cukup mendownload Softwarenya secara gratis dan menggunakanya dengan navigasi yang sudah disediakan untuk para blogger agar lebih mudah.
Untuk penjelasan secara rincinya saya rasa tidak harus detil, karena saya yakin untuk tehnik seperti ini teman teman Blog and SO Tips pasti sudah ahlinya, selain itu kalo saya rentetkan urutan cara cara nya pasti yang belum bisa CSS makin akan ga faham, Contohnya saya dulu seringkali ngikutin atau nyari tutorial blog yang terperinci, akhirnya sampai saat ini saya ga bisa bisa and termasuk murid yang bengal kalo kata guru, udah 2 tahun nge blog ga pinter pinter .... {maaf jadi malah curhat}
Ya udah download aja deh Software CSS Menu Generatornya disini
http://wonderwebware.com/css-menu/download.html

Oh ya, kemarin saya baru memposting tentang cara menentukan Keyword Statis dan dinamis, jika tidak keberatan dan anda bisa membaca hasil pemahaman saya tentang Keyword dinamis dan Statis disini.
Dan mari meningkatkan persahabatan antar blogger dengan saling silaturahmi dan memberi komentar, U Comment I Follow.



Jika Anda menyukai Artikel di blog ini, Silahkan klik disini dan untuk berlangganan gratis via email silahkan isi kotak dibawah dengan email anda, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di dankerizer.com

26 March 2010

Membuat Contact Form dengan Google Spreadsheets

Untuk menghubungkan diri anda dengan pembaca atau customer anda harus memiliki sebuah penghubung, dalam hal ini saya contohkan adalah Contact Form.
Kali ini saya berikan tips membuat contact form dengan menggunakan Jasa Om Google dengan spreadsheets.google.com Baik berikut adalah tutorialnya:

  1. Anda harus punya account Gmail, jika belum klik disini kemudian login
  2.  masuk ke halaman Document dari alamat docs.google.com
  3. Pilih Create new >> dan Pilih Form
  4. Dan anda akan masuk pada halaman Form Editor, disitu anda bisa mengeksplorasi kotak form seperti yang anda inginkan dan sesuai dengan kebutuhan anda. Perhatikan Gambar Berikut

 Keterangan Gambar:

  1.  Add Item : adalah jenis formulir yang akan anda buat terdiri dari
    • Teks : Untuk Membuat Form Berisikan Teks dalam jumlah standar biasanya untuk membuat isian nama, email, website dan lain sebagainya
      Paragraph : Untuk Membuat Form berisikan Teks dengan Isi yang lebih luas Biasanya untuk membuat deskripsi atau detil
      Multiple Choice: Untuk Membuat Pilihan dengan berbagai pilihan yang telah kita sediakan
      Chek Box : Untuk Membuat Chek Box (pilihan atau option yang bisa dipilih lebih dari satu)
      Chose From a List : untuk membuat pilihan dala mbentuk list
      Scale : Untuk Membuat Skala Perbandingan
      Grid : Untuk membuat pilihan dalam bentuk tingkatan
      Selection Header : Untuk Membuat Header atau keterangan paling atas sebelum kotak kotak isian
      Page Break: Berfungsi untuk memberikan keterangan dalam sebuah Form
  2. Anda dapat mengisi judul Formulir pada gambar nomor 2 misalnya Contact Form
  3. Pada gambar nomor 3 anda dapat mengisi deskripsi atau penjelasan tentang form tersebut
  4. Pada gambar nomor empat, lima, enam, tujuh dan delapan anda sudah dibagian pengeditan isi dari form sedangkan nomor empat ii adalah kotak penjelasan Form misal "Nama Lengkap anda"
  5. pada kotak nomor Lima anda bisa mengisi dengan bantuan, misal " Tulis nama anda sesuai pada KTP/SIM"
  6. Pa kotak Nomor Enam adalah pilihan Form, jika anda tidak memilih sebelumnya seperti penjelasan saya nomor satu
  7. Make This Required Question : anda dapat mencheklist jika form tersebut harus diisi biasanya untuk nama, dan email
  8. Done : Berarti anda sudah selsai membuat satu buah Form Pertanyaan
  9.  Gambar sembilan adalah Tombol Editor berguna untuk mengedit jika ada kesalahan atau anda ingin menghapusnya.
  10. Nomor Sepuluh adalah Tombol Save jika anda sudah benar benar selsai mengerjakan satu buah Form

Selanjutnya anda tinggal menempelkan atau Embed Script Form tersebut dengna cara meng klik More action >> Embeded disitu anda akan dihadapkan dengan pop up yang berisi script untuk menempelkan Form yang telah anda buat.
Berikut ini adalah Contohnya
Kode:
<iframe src="http://spreadsheets.google.com/embeddedform?formkey=dGJ1QkxXNHRfLXM4UkVvSzJtUDNELVE6MA" width="400" height="300" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>

Selamat Mencoba




Jika Anda menyukai Tutorial blog dan SEO Tips di blog ini, Silahkan klik disini dan untuk berlangganan gratis via email silahkan isi kotak dibawah dengan email anda, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di dankerizer.com

25 March 2010

Membuat Title Blog Berjalan di Browser

Waktu itu yang bertanya dan request Tutorial Blog untuk bisa membuat Title Blog berjalan pada browser, Saya akan coba kasih Tutorial nya meskipun saya sendiri tidak memakainya, Namun saya sudah pernah coba di blog saya yang lain. dan alasan saya tidak memakainya adalah menghindari tidak terbacanya judul di bar browser.
Langsung saja berikut ini tutorial blognya:


Login ke Draft.blogger.com
Kemudian Klik atau pilih Layout > Edit HTML
Cari dengan menggunakan Ctrl+F kode berikut ini  ]]></b:skin>

Kemudian Copy kode berikut ini di bawah kode ]]></b:skin>
<SCRIPT language='JavaScript'>
var txt="Membuat Title Blog Berjalan di Browser Internet | Blog | SEO Tips For Beginner dankerizer.com';
var speed=150;var refresh=null;function move() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresh=setTimeout("move()",speed);}move();
</SCRIPT>
<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>
Save Hasil Pekerjaan kamu (dan lihat hasilnya)

Note : waran biru adalah Title Blog kamu, dan Warna Merah adalah kecepatan Teks berjalan
Selamat Mencoba

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini dan untuk berlangganan gratis via email silahkan isi kotak dibawah dengan email anda, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di dankerizer.com

22 March 2010

Jadikan Title Posting SEO Fiendly

BlackHat Traffic dan Meningkatkan Peringkat di Alexa | Internet ...
Situs ini membahas lengkap Tutorial internet,Tips SEO, Bisnis Online,Internet ... Buat temen temen yang gila SEO, ini ada cara unik yang udah aku coba dan ...
www.dankerizer.com/.../blackhat-traffic-dan-meningkatkan.html - Tembolok

Coba anda perhatikan tampilan diatas, itu adalah sampel Title post yang saya ambil sourcenya dari pencarian di google.com dengan keyword SEO site:dankerizer.com saya sebelum melakukan tehnik merubah Title posting agar lebi SEO Friendly. saya sebelumnya merubah title blog standard saya dan anda dapat membacanya di  Change The Title Blog For More Search Engine Tafic.
Namun beberapa hari yang lalu ada slah seorang teman saya bertanya "Kok Judul posting kamu bertumpuk tumpuk and panjang buanget" kemudian saya juga membaca tentang "Duplicat Title".
Artinya, saya disarankan untuk merubah Judul atau title postingan saya agar lebih mudah dibaca oleh google dan menghindari Duplicat Title.
Mari kita langusung saja Take Action untuk mempraktekan cara merubah Title posting.
Pertama :Login ke draft.blogger.com >> Klik layout >> Edit HTML >>Expand Widget Templates
Kedua : cari kode <head> dan cari kode

<title><data:blog.pageTitle/></title>
Ketiga: Ganti Kode tersebut menjadi seperti ini

<b:if cond=’data:blog.pageType == &quot;index&quot;’>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

Jika anda sebelumnya pernah menggantinya dengan yang seperti postingan saya sebelumnya yang menggunakan kode seperti ini

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.pageTitle/></title>
</b:if>
Anda cukup menghapus kode yang berwarna merah tersebut.

Apa hasil dan logika dari penggunaan Kode diatas?
  1.  Jika anda berada pada posisi Home misal http://www.dankerizer.com maka judul posting hanya akan muncul Judul Title Web/Blog kita misal : Internet | Blog | SEO Tips | dankerizer.com
  2. Jika anda masuk pada posting terpilih misal www.dankerizer.com/.../membuat-navigasi-breadcrumbs-di.html berarti yang muncul pada Judul postingan di atas browser anda hanya Membuat navigasi breadcrumbs di blog dan tidak ada embel embel Judul Blog kita.
Mungkin saya kurang bisa membahasakan bagaimana yang tepat ostilah ini, yang jelas saya hanya merekomendasikan dengan Tutorial Blog ini agar Blog anda lebih SEO Friendly dan mudah ditemukan oleh pembaca anda.

Dukung dan ramaikan Kontes SEO negeriads.com solusi berpromosi dan dapatkan Rp. 14 Juta dari ngeriads.com


    Jika Anda menyukai Artikel di blog ini, Silahkan klik disini dan untuk berlangganan gratis via email silahkan isi kotak dibawah dengan email anda, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di dankerizer.com