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

Friday, May 1, 2015

Cara maksimalkan pendapatan blog di bidvertiser

Alam kawan blogger semua kalau ini saya akan berikan beberapa trik bagai mana Anda bisa maksimalkan pendapatan blog Anda. Disini ppc yang saya pakai ialah bidvertiser saya pakai untuk 2 blog. Bidvertiser merupakan ppc yang terbukti membayar dan bisa di kirim lewat paypal No verifikasi. Sudah lama saya pakai ppc ini namun hanya beberapa bulan ke belakang saja saya bisa dapat perbulan ga banyak sekitar kurleb 20-30$ perbulan lumayan buat percobaan bikin web hehehe.
Melanjutkan topik saya mulai sadar bahwa sekarang ini banyak yang online lewat smartphone dan ppc yang paling mudah dapat revinue yaitu di smartphone di banding dengan desktop.
Untuk mendapatkan pendapatan lebih Anda harus:
1. buat blog Anda compaitable dengan smartphone sekarang banyak web atau blog yang menggunakan tema bootstrap atau banyak aplikasi aplikasi Mobile online untuk web
2. Pasang iklan Mobile di blog Anda dan iklan Mobile hanya bisa tampil di perangkat mobile.
Dan kebanyakan pendapatan bidvertiser saya di perangkat Mobile dan maksimalkan perangkat Mobile Anda dengan tampilan simpel dan bersih mudah untuk di baca
Cobaan dulu tips simpel nanti berlanjut ke maksimalkan web Mobile untuk memaksimalkan trafic dan earn Anda 

Sunday, February 2, 2014

blogging dengan smart phone


 


aktifitas blogging kayanya makin semangat dengan gadget baru heeee
ceritanya tu istri saya ngidam pingin s4 uh mahal bener beli motor da  kebetulan saya belum mengenal yang namanya replika padahal untuk gaya dan fitur ga kalah menarik sama replika dan akhirnya saya beli tuh hp mahal menurut gua karena ga nyampe tu gajih sebulan buat beli tu hp mending saking canggihnya hape itu malah bikin ribet sih dan istri ane ga terlalu terpakai fiturnya tu barang .... nah pas temen ane tawarin replika malah cemberut tuh barangnya yang mahal disangka replika ma teman temannya, makin sebel ni bini pingin jual samsung dan senyumpun tiba pada saya yang ingin secepatnya jual tu hape agar ga terus merosot harganya.... wkkk setelah jual eh malah bini  pingin note 3 dan saran temen ane pun ane ambil gua beliin aja tu note 3 replika . . . . .  setelah lihat lihat sik bener ni hape, walaupun replika tapi ga kalah sama yang aslinya yang pastinya kalau di bilang replika lagi ga peduli da beneran wkwkwkwk. . . .asik asik makin asik saya download app menarik di googleplay dan akhirnya setelah pakum blogging ane nemu ni blogger buat di android dan asiknya lagi makin simple buat blogging di mana aja heeeee,,,, jadi curhat ni,,,, bagi pengalaman aja karena sekarang ane jadi patner jualan note3 replika super yang temen ane blang grade aa+ . . . . .  oh ya ni juga contoh ane buat blog di note 3 :) salam sejahtera untuk teman go blogging lagi :)

Tuesday, June 25, 2013

cara pasang goole comment untuk blogger


baru baru ini saya buka lagi blog kesayangan ane heee sebenarnya ni posting basi tapi buat mulai lagi ngeblog saya posting aja deh cara membuat komentar google plus di blog cek out tutorial disini

Wednesday, January 16, 2013

minat dengan template senantiasa belajar????

untuk membiayai situs booksmarks saya suitfeed.com saya mau jual template ni sob kira aja ada yang minat heee demonya bisa di lihat dari situs ini
untuk harga saya jual dengan 50.000 aja bisa transfer dan bisa pakai paypal
yang minat hubungi 08994004491 atau di facebook saya www.facebook.com/henryfaurel

untuk penggunaan sangat mudah anda bisa menghilangkan beberapa fiture dengan mudah ( hanya di atur di tata letak saja ) tanpa urusin kode html feed bisa di atur dengan mudah bisa feed label sendiri atau feed dari situs lain ( jika feed situs  lain biasanya loading tergantung sama server situs tersebut )

Friday, October 12, 2012

add Twitter Follow Box generator

sebenarnya bingung posting nih lagi males apalagi berhubungna dengan tutorial jadi saya posting ini aja walau postingan ini udah nimbrung" kali ni senantiasa belajar berbagi tutorial mengenai cara buat Tweet Box di blogger heee basi banget yua :-P ga apalah yang penting udah ada di database buat blogger pemula disini saya bikin generator widget khusus buat Tweet Box caranya gampang tinggal masukan username twiter kamu dan generate add to blogger selesai deh.


 

Saturday, October 6, 2012

cara pasang embed tweet di postingan blog

jaringan sosial merupakan sarana yang paling banyak di gunakan untuk trafic suatu website"bagi anda yang mungkin mempunyai kata kata unik atau iklan di twiter anda dan ingin memperbanyak RT."
Mengapa Anda ingin menanamkan tweet dalam posting blog Anda? Jika Anda menulis banyak ucapan lucu atau frase quotable / kalimat dalam posting blog Anda, Anda dapat menyorot mengatakan (atau mengutip) dan kemudian menanamkan tweet dengan link ke posting itu, untuk mendorong orang lain untuk tweet dan berbagi postingan anda sehingga anda mempromosikan postingan anda.
ini juga sama dengan tombol jempolnya FB nah jika anda tertarik untuk menambahkannya anda bisa ikuti langkah langkah berikut.
langkah pertama anda harus login ke twiter anda lalu ke menu tweets dan anda pilih tweets yang akan anda tampilkan di blog anda. lihat gambar di bawah
anda EXpand tweet yang akan anda pasang di blog anda dan selanjutnya akan muncul seperti gambar di bawah ini hingga ada tulisan details seperti gambar di bawah
lalu anda klik yang di lingkari warna biru ( details )

anda akan di bawa ke gambar seperti di atas dan ada tulisan embed this tweet selanjutnya anda klik sehingga anda mendapatkan kodenya seperti gambar di bawah

setelah kodenya anda dapat anda kopi ke postingan blog anda tweet di bawah ini selesai
jangan lupa tweet selesai
semoga bermanfaat

Sunday, September 9, 2012

Cara Buat Website Mobile Friendly Untuk Blogger

beberapa versi mobile yang di sediakan di blogger memang cukup menarik dengan hadirnya juga versi dinamik untuk mobile version, tetapi alangkah bagusnya jika anda menyesuaikan sendiri template versi mobile anda dengan desain yang kita inginkan dan menjadikan web versi mobile anda menjadi sangat mengesankan daripada biasanya. beberapa tampilan yang saya sajikan untuk versi mobile dapat anda lihat pada gambar di bawah ini.










kebanyakan dunia sudah memenuhi dengan kehadiran smart phone dengan begitu anda mulailah dengan membuat website blog anda menjadi mobile friendly dengan cara yang simple tanpa anda mengetahui bahasa pemograman web karena disini saya akan beri tutorial dengan mudah menggunakan pihak lain untuk membuat web blog versi mobile anda.
mulailah pergi menuju http://www.howtogomo.com/ dan lihat video tutorial di bawah ini

Monday, August 27, 2012

belajar membuat tampilan Breadcrumbs yang bagus


Breadcrumbs adalah elemen navigasi yang digunakan untuk menampilkan kedalaman di mana pengguna saat ini berada di sebuah website. Biasanya  Breadcrumbs  hadir di dekat bagian atas tepat di atas pos pos atau judul utama halaman. ternyata Di Blogger tidak ada sub-direktori yang  nyata yang dapat menunjukkan jalan hirarkis dari isi website jadi kita akan menggunakan Label sebagai solusi. disini Breadcrumbs lengkap dengan css.


breadcrumb

hasil dari  Breadcrumbs demo lihat gambar di bawah

langkah langkah 

1. Pergi ke Template> Edit HTML dan centang expand Widget Preview
2. Sekarang cari kode <div class='blog-posts hfeed'> dan tambahkan kode berikut dibawahnya atau setelah kode tersebut.
<b:if cond='data:blog.homepageUrl != data:blog.url'> 
  <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <div class='breadcrumbs' itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'>
      <a class='first' expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a>  
      <a expr:href='data:blog.url'> <span itemprop='title'><data:blog.pageName/></span> </a>
    </div>
 <b:else/>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:loop values='data:posts' var='post'>
       <b:if cond='data:post.labels'>
         <div class='breadcrumbs' itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'>
           <a class='first' expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a> 
           <b:loop values='data:post.labels' var='label'>
            <b:if cond='data:label.isLast == &quot;true&quot;'>
             <a expr:href='data:label.url' itemprop='url'><span itemprop='title'><data:label.name/></span></a> 
             </b:if>
           </b:loop>
          </div>
         <b:else/>
          <div class='breadcrumbs ' itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'>
           <a class='first' expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a> 
           <a href='#'><span> Unlabelled</span></a>
         </div>
       </b:if>
     </b:loop>
   <b:else/>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
      <div class='breadcrumbs ' itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'>
       <a class='first' expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a>  
       <a expr:href='data:blog.url'><span>Archives for <data:blog.pageName/></span></a>
      </div>
   <b:else/>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <b:if cond='data:blog.pageName == &quot;&quot;'>
      <b:else/>
       <div class='breadcrumbs' itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'>
        <a class='first' expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a>
        <a expr:href='data:blog.url'><span itemprop='title'>Posts filed under <data:blog.pageName/></span></a>
       </div>
     </b:if>
    </b:if>
   </b:if>
  </b:if>
 </b:if>
</b:if>
3. Sekarang cari ]]> </ b: skin> dan tambahkan CSS berikut sebelum itu atau di atas kode  ]]> </ b: skin>



.breadcrumbs {
list-style: none;
margin: 0;
}
.breadcrumbs  a {
color: #666;
display: inline-block;
font-size: 12px;
margin-left: -15px;
padding: 7px 17px 11px 25px;
position: relative;
text-decoration: none;
vertical-align: top;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPovpLnA9Rehq1UF22LWRPNHKkadZ22TDWiUpsaTAGBod0Si-wj13L_jrozKnvqEGcOq9pIY6SgWLWOWW3QTTCvHT3rsgY-xMN9U07Rhl-LNOKzS70iBreRofE4j4AeeqcegrXUoJWW5pO/s1600/hc_yarnlett_global.png');
background-repeat: no-repeat;
background-position: 100% 0;
z-index: 1;
}
.breadcrumbs  a:hover   {
background-position: 100% -48px;
color: #333;
}
.first , .first:hover {z-index: 30 !important;}
.first span {
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPovpLnA9Rehq1UF22LWRPNHKkadZ22TDWiUpsaTAGBod0Si-wj13L_jrozKnvqEGcOq9pIY6SgWLWOWW3QTTCvHT3rsgY-xMN9U07Rhl-LNOKzS70iBreRofE4j4AeeqcegrXUoJWW5pO/s1600/hc_yarnlett_global.png');
margin-left: -26px;
padding: 7px 6px 11px 10px;
z-index: 12 !important;}
.breadcrumbs a:nth-child(2) {z-index:29 !important;}
.breadcrumbs a span:hover {
background-position: 0 -48px;
color: #333;
}

4. Simpan Template Anda dan Sekarang Breadcrumbs akan mulai muncul di Halaman Posting Anda, Halaman Label, Arsip Halaman serta Static Pages

moga bermanfaat

Sunday, August 19, 2012

css keren untuk Threaded Comments

Threaded Comments memang sangant hyperaktif untuk blog kita karena blog anda sepertinya bisa lebih hidup dengan adanya reply untuk tiap komentar
jika blog sobat sudah menggunakan Threaded Comments dan ingin gati tampilan disini saya share CSS untuk  Threaded Comments yang dulu saya pernah mendapatkan di blog luar negri tapi lupa blognya dan saya sempet tidak pakai karena dulu saya seneng pakai platform dari disqus. lihat screen shotnya di bawah untuk css  Threaded Comments.


jika Threaded Comments sudah anda pasang anda tinggal tambahkan kode css di bawah ini tepat di atas ]]></b:skin>


.comments{clear:both;margin-top:10px;margin-bottom:0;font-family:Arial;line-height:18px;font-size:13px}

.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:left}

.comments .comment .comment-actions a,.comments .comment .continue a{display:inline-block;margin:0 0 10px 10px;padding:0 15px;color:#424242 !important;text-align:center;text-decoration:none;background:#fede72;border:1px solid #fec648;border-radius:2px;height:26px;line-height:28px;font-weight:normal;cursor:pointer}

.comments .comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:none}

.comments .comments-content .inline-thread{padding:0}

.comments .comments-content .comment-thread{margin:8px 0}

.comments .comments-content .comment-thread:empty{display:none}

.comment-replies{margin-top:1em;margin-left:40px;background:#fff}

.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}

.comments .comments-content .comment:first-child{padding-top:16px}

.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}

.comments .comments-content .comment-body{position:relative}

.comments .comments-content .user{font-style:normal;font-weight:normal}

.comments .comments-content .user a{color:#0E6284;font-weight:normal;text-decoration:none}

.comments .comments-content .icon.blog-author{width:18px;height:18px;display:inline-block;margin:0 0 -4px 6px}

.comments .comments-content .datetime a{color:#0E6284;font-size:12px;float:right;text-decoration:none}

.comment-content{margin:0 0 8px;padding:0 5px}

.comment-header{font-size:18px;background-color:#f1f1f1;border-bottom:1px solid #e3e3e3;padding:5px}

.comments .comments-content .owner-actions{position:absolute;right:0;top:0}

.comments .comments-replybox{border:none;height:230px;width:100%}

.comments .comment-replybox-thread{margin-top:0}

.comments .comment-replybox-single{margin-top:5px;margin-left:48px}

.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}

.comments .thread-toggle{cursor:pointer;display:inline-block}

.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0}

.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}

.comments .thread-chrome.thread-collapsed{display:none}

.comments .thread-toggle{display:inline-block}

.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;width:7px;overflow:visible;margin:0.3em;padding-right:4px}

.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}

.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent}

.avatar-image-container{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjka0cFA6CgAU0hc_c9BILMwCnhrS8FZCvYqiPzoF4PBFEviS4OOGDCm_yJAFVfAh6C0LrBXo873Xa1DsvFkXO3-S7ebaku0IXL0RC6lMzkjAOApjOP27XN_Wkbht31nylt9LbP-eu2j5Y/s51/arrow.png) top right no-repeat;float:left;vertical-align:middle;overflow:hidden;width:65px !important;height:51px !important;max-width:65px !important;max-height:51px !important}

.comments .avatar-image-container img{padding:2px;border:1px solid #ccc;width:45px !important;height:45px !important;max-width:45px !important;max-height:45px !important}

.comments .comment-block{margin-left:65px;position:relative;border:5px solid #e3e3e3;border-radius:8px}

@media screen and (max-device-width:480px){.comments .comments-content .comment-replies{margin-left:0}



lihat demo

Wednesday, August 8, 2012

cara maksimalkan penghasilan blog

beberapa hari ini penghasilan blog saya memang menurun besar terutama saat blog saya kena hack hampir sebulan +  link link blog ini hilang hingga saya di bikin galau sama ni orang. sampai saya nemuin ni page facebook yang mencuri blog saya dan dia mau saya menambah fage fb dan twitternya untuk mendapatkan data blog ini lagi alhasil saya beri saja 100 page facebook ni buat hacker namun beberapa blog saya tetap belum di kembalikan karena yang saya minta blog ini saja.
ngomong ngomong soal penghasilan mungkin blog ini tidak besar seperti penghasil di adsense namun cukup lumayan buat nambah nambah uang saku. namun beberapa trafick turun di karenakan mungkin google menganggap blog baru lagi karena alamat site ini di buat baru lagi yang sebelumnya telah di hapus oleh si hacker.
beberapa minggu saya coba meningkatkan lagi trafic dan penghasilan blog ini.
beberapa iklan yang cukup untuk membiayai blog ini adalah Bidvertiser dan chitika.
dari iklan iklan yang lain kedua iklan inilah yang saya tilai sebagai penghasil yang baik dari pada iklan lain ( pengganti adsense).


1.Pada Bidvertiser setiap kali pemasangan ads yang kita lakukan, kita sebelumnya harus mendaftarkan web / blog kita terlebih dahulu. Baru setelah itu kita mendapatkan script yang dapat kita pasang.
Pada bidvertiser setiap click yang di dapatkan, mereka akan melakukan pengecekan melalui asal click. Maksud saya dari web / blog mana click itu berasal.


2. Bidvertiser akan menghitung dari setiap click yang kita dapatkan, kemungkinan hanya 80% dari click yang anda dapatkan. Itu semua untuk menghindari kecurangan yang di lakukan publisher.
3. Bidvertiser akan melakukan pengecekan IP dari pengunjung yang melakukan click, coba anda mendapatkan click dari IP yang sama terus menerus, anda tetap tidak akan mendapatkan dollar dari bidvertiser.. jadi jangan coba – coba melakukan click fraud.
4. Penghitungan click juga di anilisis dari Negara asal pengunjung. Kebanyakan dari program PPC menghitung Negara asal pengunjung. nilai ini berpengaruh terhadap penghasilan anda.

beberapa penaikan klik pada PPC bidvertiser yang sebelumnya 0
nilai click sengaja saya tutup

beberapa sebelumnya yang tidak ada niai cklik kembali mulai ada peningkatan lagi dan statistik trafic


untuk chitika sendiri ada beberapa ketentuan

chitika hanya membayar dari negara negara tertentu nah untuk nilai klik dari indonesia jelas chitika tidak akan membayar. selanjutnya chitika akan muncul juga di negara negara tertentu, tapi akan muncul bila pengunjung datang dari search engine namun walau pun muncul untuk trafic di indonesia chitika tetap tidak membayar jika terjadi klik dari trafic indonesia.
hampir satu bulan kemarin tidak ada nilai klik pada PPC chitika dan sekarang alhamdulilah mulai ada lagi klik
nilai click sengaja saya tutup

nah bagaimana cara meningkatkan penghasilan blog kita?????
disini saya akan bahas beberapa tips .
dua jenis iklan yang saya tampilkan jelas yang kedua lebih besar

1. usahakan anda lihat statistik iklan yang ada di akun publiser anda lihat trafic mana yang cocok buat iklan anda. bila belum ada perubahan ganti atau edit iklan anda baik dari ukuran atau pun jenis dari iklan tersebut.

2.Tata letak
 tataletak iklan sangat besar pengaruhnya di karenakan beberapa pengunjung akan lebih cenderung fokus terhadap sesuatu yang ada di blog kita diantaranya postingan anda.
berikut beberapa gambar peletakan iklan yang sering banyak di gunakan oleh penghasil adsense.




karena sebagian pengunjung hanya fokus kepada postingan anda nah disini beberapa faktor yang dapat menghasilkan peningkatan PPC anda. mulai lah anda menganalisis beberapa iklan anda baik itu dari nilai bayar perklik ataupun jenis iklan yang sesuai degan nice blog anda. dari beberapa iklan jumlah klik yang ada dipostingan lebih besar dari pada jumlah klik di sidebar karena pengunjung hanya pokus terhadap postingan yang di carinya.
3. jenis blog usahakan warna atau jenis iklan sinkron dengan blog anda.

selanjutnya adalah trafic //  ini yang sangat mempengaruhi penghasilan anda dan usahakan ada 1-3 postingan blog anda yang popular di serach engine minimal 300 pageview hasil dari trafick search engine. dan itu sebagai salah satu yang bisa menghasilkan bagi blog anda.

biasanya orang sangat di bikin pusing dengan yang namanya seo tapi alhasil kalau anda tekun membuat postingan pasti ada page popular search di blog anda.

ini sebagian kecil dari tips peningkatan penghasilan blog semoga bermanfaat.

Wednesday, April 11, 2012

Cara buat Widget facebook like melayang di samping

Senantiasa belajar
kali ini saya mau berbagi toutorial tapi mungin kalian juga udah tau. kali ini saya bahas tentang tombol suka FB. sudah jadi umum bahwa tiap web atau blog memiliki widget like facebook. ini juga merupakan senjata yang bisa kita gunakan untuk mendatangkan trafic lewat jenjaring sosial ini. beberapa dari website atau blog menggantungkan sebagian dirinya di jenjaring sosial mengapa??? karena di jejaring sosial banyak orang orang yang beraktivitas Seperti di kehidupan nyata. selain trafic dari mesin pencari sungguh saya juga rasakan dengan share artikel kita ke jenjaring sosial banyak terasanya. nah kali ini sebenarnya saya mau share tentang cara buat atau bikin widget facebook atau widget fanpage melayang di samping blog sobat.
widget in tidak seperti pop up jadi tidak akan mengganggu pengunjung anda.

facebook like
sebelum
facebook like
setelah widget kebuka

widget ini bekerja dengan Active hover dalam artian bekerja bila cursor mengarah atau melewati ke widget.
banyak tips tips yang bisa bikin blog anda menarik baik untuk pengunjung yang penasaran. nah jika sobat tertarik untuk membuat widget ini dblog sobat seperti biasa yua download toutorialnya anda bisa download di bawah ini Untuk demonya anda bisa lihat disini Di Homepage senantiasa belajar

Tuesday, April 10, 2012

Cara Membuat TOOLtips Feed Aggregator

berhubung permintaan dari pengunjung senantiasa belajar tentang cara bikin tooltips yang terdapat pada blog senantiasa belajar kali ini saya posting tentang cara buat tooltips feed aggreator sebenarnya apa itu tooltips? Tooltip atau infotip atau petunjuk umum adalah antarmuka pengguna grafis elemen. Hal ini digunakan dalam hubungannya dengan kursor , biasanya pointer . Pengguna melayang penunjuk ke item, tanpa mengklik, dan tooltip mungkin muncul-"kotak melayang-layang" kecil dengan informasi tentang item yang sedang melayang di atas link atau objek di suatu web atau blog.
Istilah tooltip awalnya berasal dari aplikasi Microsoft yang lebih tua (seperti Microsoft Word 95 ), yang memiliki toolbar mana menggerakkan mouse di atas tombol (ikon Toolbar) ini ditampilkan tooltips, deskripsi singkat mengenai fungsi dari alat ini pada toolbar. Baru-baru ini tooltips digunakan di berbagai bagian antarmuka, tidak hanya pada toolbar.
Tidak semua program menggabungkan tooltips, tetapi program yang paling modern memasukkannya sebagai bagian dari interface user-friendly. Sistem operasi juga mendukung mereka dalam cara yang berbeda. Sebagai contoh, Mac OS X akan menunjukkan teks lengkap dari nama file lama ketika Anda menempatkan kursor di atas nama file. sekarang banyak tooltips menjelajahi dunia web untuk penghematan ruang pada web anda tooltips ini bisa berguna walaupun anda hanya menyimpan judul atau link saja di blog anda dan selanjutnya kerja tooltips ini akan mendeskripsikan judul ketika kursor mengarah ke link artikel anda.(nyambung ga yua hehehe) basa basi dulu sob lumayan nanam keyword
begitu banyak tutorial tentang cara buat tooltips ini. kali ini saya akan berbagi cara buat tooltips feed aggreator. feed ini di gunakan pada web seperti alltop.com, Popurls.com dan di indonesia template premium milik zoomaggreator
dan mungkin senantiasa belajar juga hehehe
ini tampilan screen shotnya
feed senantiasa belajar
nah sebenarnya tooltips ini hanya mengkonfigurasikan feed. nah jika anda tertarik anda bisa untuk membuatnya disini beberapa tutorial untuk membuat tooltips feed
sekarang siapkan feed anda sebagai contoh anda bisa lihat di bawah ini
untuk feed blog url feednya seperti ini  
http://blogtoquick.blogspot.com/feeds/posts/default dan anda juga bisa gunakan feed dari blog atau situs website lain contoh dig http://feeds.digg.com/digg/popular.rss 
sama halnya seperti buat feed anda masuk ke akun feed anda anda lewat http://feedburner.google.com
 masukan feed anda lalu tekan next
 selanjutnya anda terus next hingga selesai sampai seperti gambar di bawah ini

nah anda ambil kode yang di garis bawah ini contohnya http://feeds.feedburner.com/blogspot/ArBaT?
nah jika anda sudah mendapatkan kodenya tinggal memasukan kode java  script ke widget anda





masukan kode dibawah ini kewidget anda 
<Script language = "JavaScript" src = "http://feeds.feedburner.com/digg/PIKS?format=sigpro&nItems=8&format=openLinks=new&displayDate=true&displayExcerpts=true&displayTitle=false&excerptLength=50&dateLocation=below" type = "text / javascript "> </ script>
keterangan
nah kode di atas adalah kode javascript-nya anda ganti kode yang berwarna merah dengan kode feed yang telah anda buat tadi
sekarang anda butuh kode CSS nya
Kembali ke Blogger Anda, dan pergi ke Desain -> Edit HTML ->
anda download kode cssnya yua seperti biasa
oh kalau mau menurut label gunakan saja feed label untuk buat feednya
nah jika kurang paham komentar saja tapi jangan spaming yua
Masukkan kode CSS yang anda download di atas kode ]]></b:skin>

Sunday, April 1, 2012

cara verifikasi blog dan web ke google,bing,yahoo,alexa

permintaan yang komentar di senantiasa belajar cara dapatkan verifikasi google,bing,yahoo,alexa 
mungkin udah banayak toutorial ini " saya udah posting atau belum yua soal verifikasi ini hehehehe dikarenakan banyak yang nanya terutama yang ada di postingan cara menambahkan meta tag seo gimana cara verifikasinya saya kasih deh caranya

 pertama cara verifikasi web atau blog ke google pertama anda masuk ke https://www.google.com/webmasters/tools/
setelah itu agan login dengan akun google agan yua 
Setelah login Tambahkan alamat blog juragan
setelah ada kan disana ada blognya atau webnya ada menu disamping ADD or remove user alias tambah dan hapus pengguna
setelahnya muncul yang di kotak warna merah agan klik aja
nah nongol meta verifikasi id-nya

langsung sohib kopas aja ke blog sohib


sekarang cara untuk verifikasi web ke web master bing sama saja caranya
pertama kunjungi web master bing disini kik disini gan

daftar dan loGin juga

sigin sampai ke acun anda
 Setelah Masuk acount anda cari saja addsite dan tambahkan alamat blog atau web anda
sampai ada menu seperti di bawah ini

nah ada tulisan verify now klik aja
tuh nongol juga Verifikasinya sobat koikan lagi ke blog sobat tepat di bawah <head>



nah selanjutnya Untuk Cara verifikasi id blog/web di Alexa

seperti biasa sobat daftar dulu dan login
nah sobat pilih menu  site tools dan sobat scrol ke bawah alias ke footernya

Lihat kebawah kan ada yang di kotak warna merah klik aja 


 Setelah Claimyoursite Akan muncul seperti gambar dibawah ini dan masukan Url sobat atau alamat web sobat

 Nah buat agan agan ditawarin paket premium atau free alias gratis dikarenakan saya suka gratisan jadi signup lewat free aja
setelah itu Lanjutin dan tuh nongol juga Id verifikasinya tapi jangan semua lihat yang di beri kotak warna merah copy ke blog sobat simpan lalu verifikasi lewat tombol no 2

setelah di verifikasi sobat harus mengisikan penjelasan baik alamat serta isi kontennya ikuti aja sampai selesai

untuk yahooo.....
ikutini tapi touto ini sudah basi sekarang setelah saya coba ternyata yahoo menyerahkan claim site lewat bing.com tapi jika sobat mau coba silahkan

artikel ini saya ambil dari Artikelkomputerku.blogspot.com
1. Klik link berikut untuk membuka situs Yahoo Site Explorer

Ketik url blog anda, klik tombol Add My Site






2. Jika anda belum login ke account google, maka akan muncul halaman login berikut:

Masukkan Yahoo ID dan password (sama dengan Yahoo ID saat akan login ke email anda)

Klik tombol Sign in





3. Setelah login akan muncul halaman Yahoo Site Explorer berikut:

Klik tombol Explore





4. Pada bagian berikut pilih Authentication



yahoo idCopy script meta tag listed

Anda perlu perhatikan script tersebut di yahoo tertulis seperti berikut:

<meta name="y_key" content=" ff3098cbd8b92xxx">

agar kompatibel dengan blogger, ubah menjadi seperti di bawah ini

<meta content="'ff3098cbd8b92xxx'" name="'y_key'/>



5. Login ke blogger ->Dashboard -> tata letak -> edit html

cari kode

< head>

Di bagian bawahnya, masukkan kode berikut:

<meta content="'ff3098cbd8b92xxx'" name="'y_key'/>



Tampilannya akan seperti berikut:

< head>

<meta content="'ff3098cbd8b92xxx'" name="'y_key'/>



lalu Simpan template

cape sob postingannya sangat singkat moga saja mudah dipahami

Monday, March 12, 2012

CSS untuk Label blog

SESUDAH



SEBELUM

CSS untuk Label blog
category atau label blog berguna agar tiap pengunjung bisa mencari dengan mudah apa yang sedang di cari di blog sobat. untuk para sobat blogger yang penasaran dan ingin merubah tampilan label cloudnya tanpa gelembung dan tiap nama labelnya memiliki border atau di dalam kotak,,intinya yang seperti category saya itu . nah jika sobat tertarik sobat bisa memasangnya di blog sobat. tapi belum di semua template di cobain nah jika sobat bener bener tertarik slahkan sobat download kode CSS di bawah . kodenya hanya bentuk CSS saja



FILE YANG ANDA DOWNLOAD TADI dalam format HTML bisa di buka oleh BROWSER IE, firefox, google chrome dll.

masuk ke admin blogger sobat >>Rancangan>>>edit HTML

copy CODE YANG ANDA DOWNLOAD TADI tepat sebelum kode ]]></b:skin>