Saturday, December 27, 2014

Cara memasang widget Recent Post di Blog


Cara Memasang Recent Post di Blog - Sama seperti cara memasang widget popular post, cara memasang widget Recent Postsama juga. Widget ini pun sebenarnya juga telah di sediakan oleh pihak blogger. Widget ini berguna juga sebagai internal link blog kita. Jadi para pengunjung blog bisa mengetahui postingan-postingan terbaru. Recent Post sendiri merupakan suatu element atau widget untuk menampilkan konten-konten atau artikel-artikel terbaru dan juga berguna bagi search engine optimation. Bagi anda blogger pemula yang ingin memasang widget recent post di blog. Simak langkah-langkah cara pasang widget recent postdibawah ini.




Cara Memasang Recent Post dengan Feed

Login ke akun Blogger sobat.
Klik tata letak pada dashboard.
Lalu tambahkan element/add gadget.
Kemudian cara widget Feed, lalu klik " + ".


Kemudian isi kan Feed blog contohnya : http://NAMA_BLOG_SOBAT.blogspot.com/feeds/posts/default.
Kemudian atur berapa jumlah postingan akan tampil pada Recent Post.
Klik simpan.



Cara Memasang Recent Post dengan Script
Berbeda dengan cara di atas, cara memasang Recent Post ini dengan menggunakan script. Anda bisa di pilih mana cara yang lebih mudah menurut anda.

Login ke akun blogger.
Kemudian klik menu tata letak.
Klik tambahkan element/ add gadget.
Lalu pilih HTML/Javasript.
Kemudian pastekan kode di bawah ini.
<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://NAMA_BLOG_SOBAT.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>
Kemudian klik simpan.


Cara Memasang Recent Post dengan thumbnail
Cara ketiga ini adalah memasang Recent Post dengan thumbnail. Thumbnail adalah sebuah cuplikan gambar dari potingan sobat. Dengan sedikit menambah gambar widget Recent Post sobat akan kelihatan lebih menarik.



Login ke akun blogger sobat.
klik tata letak.
Klik tambahkan element/add gadget.
Kemudian pilih HTML/Javascript.
Tambahkan script di bawah ini.
<div style="overflow:auto; width:100%px; height:500px; padding:10px; border:1px solid #999999;">
<right><style>
img.recent_thumb {padding-right:5px;padding-left:padding-bottom:0px;0px;width:55px;height:55px;border:0;float:left;margin:0 0 5px 0px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 50px;margin: 0px 0px 5px 0px;padding: 0;font-size:13px;font-color:black;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;padding-left:0px;padding-right:20px;min-height:50px;list-style:normal;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs normal {font-size:13px;}
</style>
<script type="text/javascript" src="http://blogedek-javascript.googlecode.com/files/recent-posts-with-thumb.js"></script>
<script style="text/javascript">
var numposts = 10;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 75;
</script>
<script type="text/javascript" src="http://NAMA_BLOG_SOBAT.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script></right></div>

Kemudian klik simpan.
Untuk tulisan berwarna biru merupakan jumlah artikel terbaru akan di tampilkan. Untuk tulisan berwarna merah, ganti dengan nama blog sobat. Demikianlah ulasan saya mengenai cara memasang widget Recent Post di Blog. Semoga artikel ini dapat bermanfaat bagi kita semua.
Continue reading Cara memasang widget Recent Post di Blog

Berbagi Blog zombie Ber PR (PageRank) 1,2,3,4,5

Okeh,,, tanpa panjang lebar silahkan cek blog zombie dibawah ini : 

Sabtu, 27/12/2014
  • http://syifa-ptrinayah.blogspot.com/
  • http://interedunet.blogspot.com/
  • http://mohammadjusman.blogspot.com/
  • http://programaffiliasiku.blogspot.com/
  • http://rifblogofficial.blogspot.com/
  • http://rapopome.blogspot.com/
  • http://softwareshareku.blogspot.com/
  • http://gotaindo.blogspot.com/
  • http://blogtaimentnews.blogspot.com/
  • http://realnewszone.blogspot.com/

Minggu, 28/12/2014
  • http://laser85.blogspot.com/
  • http://dhitadhits.blogspot.com/
  • http://kehidupanseorangsyifa.blogspot.com/
  • http://software-ane.blogspot.com/
  • http://starlighten.blogspot.com/
  • http://urangpamanukanboga.blogspot.com/
  • http://vzrblog.blogspot.com/
  • http://wwwalmischa.blogspot.com/
  • http://123yogabasics.blogspot.com/
  • http://acilno.blogspot.com/
  • http://agus-news.blogspot.com/
  • http://berita-bisnisonline.blogspot.com/
  • http://besteliteptcever.blogspot.com/
  • http://bmfeep.blogspot.com/
  • http://businnes-software.blogspot.com/
  • http://buzzobizz.blogspot.com/
  • http://daddydesign-blogger-template.blogspot.com/
  • http://deez-creative.blogspot.com/
  • http://downloadfullalbum11.blogspot.com/
  • http://fatastic-cover.blogspot.com/
  • http://freewaregratisan.blogspot.com/
  • http://freshgems.blogspot.com/
  • http://gameunyil.blogspot.com/
  • http://healthterapi.blogspot.com/
  • http://in-foryou.blogspot.com/
  • http://infowahib.blogspot.com/
  • http://keluaran-sgp-hk.blogspot.com/
  • http://lckerz.blogspot.com/
  • http://liar-style.blogspot.com/
  • http://mashable-style-blogger-template.blogspot.com/
  • http://miara-ikan.blogspot.com/
  • http://monster-revolution.blogspot.com/
  • http://mrrainboow.blogspot.com/
  • http://newspaperunik.blogspot.com/
  • http://paleorecipe-bookreviews.blogspot.com/
  • http://sakiyurai-kun.blogspot.com/
  • http://searchmygadgets.blogspot.com/
  • http://semuateknologidaninformasi.blogspot.com/
  • http://seo-sharing.blogspot.com/
  • http://shyvixen-stillthinkinking.blogspot.com/
  • http://similano.blogspot.com/
  • http://sinisenang.blogspot.com/
  • http://suksesmelaluibloging.blogspot.com/
  • http://tautapena.blogspot.com/
  • http://tutorial-for-geek.blogspot.com/
  • http://virtualgirldownload.blogspot.com/
  • http://what-share.blogspot.com/
  • http://blogrizkypratama.blogspot.com/
  • http://fitnjdiva.blogspot.com/
  • http://filebuy.blogspot.com/
  • http://english-club11.blogspot.com/
  • http://dunia-bissnis.blogspot.com/
Continue reading Berbagi Blog zombie Ber PR (PageRank) 1,2,3,4,5

Monday, December 15, 2014

Nih 3 Cara Agar Nilai Cpc google Adsense Blog Kamu Tinggi - Salah satu cara yang harus anda lakukan supaya anda dapat Pay Out dari google adsense dalah satunya adalah dengan menaikan nilai cpc adsense yang rendah agar berubah menjadi tinggi . tapi cara ini tidak berlaku untuk blog yang trafiknya udah jutaan , karena dengan trafik segitu dijamin , anda akan PIP tiap bulanya dari adsense , namun jika ingin mendapatkan lebih pundi - pundi dollar maka tak ada salahnya meskipun trafik udah jutaan untuk meniggikan nilai cpc adsense anda

    Al-Hamdulillah dengan meningkatkan nilai cpc pada Adsense saya , dari blog ini saja yang awalnya 2- 3 $ / day naik dua kali lpat menjadi  4 - 7 dollar , Lho kok bisa begitu ? iya bisa aja , karena hal tersebut dipengaruhi oleh cpc . Dulu nilai cpc saya kecil banget antara $0,4 - $0,6 , setelah saya otodidak dan browsing di google , akhirnya nilai cpcnya meningkat tajam banget brow , yaitu naik menjadi $,10 - $0,15 dan kadang - kadang sampai $0,20 , padahal ini blog gado - gado indonesia

   Berdasarkan pengalaman itu , saya akan memberikan kepada anda rahasia yang apuh meningkat nilai cpc adsense blog indonesia gado - gado , blog gado - gado aja cpc nya bisa $0,20 apalagi blog dengan niche hpk keyword bernilai CPC tinggi pasti lebih tinggi . dari pada basi - basi mending langsung ke caranya

3 Cara Jitu Meningkatkan Cpc google Adsense Yang Rendah

3 Cara Ampuh Menaikan Nilai CPC Adsense yang Rendah

  1. Buat artikel bahasa inggris dengan High Paying Keyword (HPK)
    Anda dapat membuat artikel bahasa inggris dengan jasa penulis , atau anda tulis sendiri lalu di terjemahkan menggunakan google translate , nah contoh artikel high paying keyword seperti artikel dengan niche mobil , misalnya seperti luxury car brands , lamborghini reventon dll.
  2. Jangan Berlebihan Memasang Iklan Adsense 
    Kemaren saya pasang iklan adsense di blog ini 4 unit adsense , dengan harapan banyak yang klik , meskipun banyak yang klik tapi cpcnya rendah banget , kemudian saya copot 1 ,dan tersisa 3 unit iklan , sehari kemudian saya kaget cpcnya naik drastis 
  3. Tidak Memblokir / Filter Iklan 
    Meskipun banyak yang bilang dengan memblokir iklan yang nilai kliknya rendah bisa menaikan cpc menurut saya itu kurang tepat , karena Perubahan Google Adword kemungkinan besar,para pengiklan disana ada yang baru,bisa kita lihat platform blogger.com saja suda ada .
Nah itulah 3 Cara Gampang banget Meningkatkan Cpc google Adsense Yang Rendah menjadi tinggi , silahkan anda coba trik diatas , setelah itu lihat perubahanya , silahkan laporkan hasilnya apakah memuaskan atau tidak , jika memuaskan silahkan berkomentar dibawah , jika tidak brkomentar jg gak papa , oke selamat mencoba
Continue reading
, ,

Cara Menampilkan Iklan Hanya Di Label Tertentu

Pada kesempatan ini saya akan membagikan tutorial tentang bagaimana cara menampilkan iklan hanya di Label yang kita inginkan, misalnya kita hanya ingin menampilkan iklan hanya di label "Tutorial Blog" dan iklan tidak akan di tampilkan di Label yang lain.

Pastinya ada alasan tertentu sobat ingin menampilkan iklan di Label tertentu, misalnya jika iklan itu berbentuk iklan "Game" maka lebih cocok di tampilkan di halaman dengan label "Game". Atau misalnya sobat mendaftar menjadi publiser iklan dari berbagai macam jenis PPC dan iklannya ada bebagai jenis, seperti iklan Game, internet, Kesehatan dll, maka agar lebih efektif kita menampilkan iklan itu sesuai label, kecuali iklannya Google adsense saya rasa tidak perlu seperti ini.


Cara Menampilkan Iklan Hanya Di Label Tertentu
CARA 1 ( Iklan di Widget ):

1. Pasang Iklannya ke Widgetnya Sobat.
2. Lihat ID widget yang sudah sobat pasangi Iklan.


3. Masuk ke Edit HTML template dan Cari widgetnya. ( pakai tombol Ctrl+F biar cepet ). Misalnya yang sobat temukan:

<b:widget id='HTML9' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h3 class='title'><data:title/></h3>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
Ubah Menjadi:

<b:widget id='HTML9' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;Tutorial%20Blog&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h3 class='title'><data:title/></h3>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
</b:loop>
</b:includable>
</b:widget>
4. Kode berwarnah merah diatas Tutorial%20Blog adalah nama label Blog saya silahkan ganti dengan label blognya sobat.
5. Simpan template anda dan lihat hasilnya.


CARA 2 ( Iklan di dalam Artikel ):

Berikut ini jika anda ingin memasang iklan anda di dalam Postingan Blog tapi hanya ditapilkan di label tertentu.

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;Inject&quot;'>
Script Iklan Anda
</b:if>
</b:loop>
Keterangan :
Tulisan "Script Iklan Anda" silahkan ganti dengan script iklan anda yang sudah di PARSE.

Oh iya cara ini bisa diterapkan pada semua widget artinya anda dapat menampilkan widget tertentu di halaman label tertentu blog. Sekian tutorial kali ini mengenai Cara Menampilkan Iklan Hanya Di Label Tertentu semoga bermanfaat.
Continue reading Cara Menampilkan Iklan Hanya Di Label Tertentu

Sunday, December 7, 2014

, ,

Cara Mengatasi Crawl Error page not found 404 Pada Webmaster

Cara Mengatasi Crawl Error page not found 404 Pada Webmaster
Berawal dari keinginan untuk kembali berselancar ke Dunia Maya yaitu Dunia Blogging, saya memulai melakukan penelusuran tentang cara mengedit template di Eyang Google. Tidak lama berselang, akhirnya saya berlabuh di sebuah Blog yang luar biasa mantapnya, pembahasannya Fokus hanya membahas tentang SEO dan aktikelnya pun luar biasa komplit,
tapi yang anehnya ada aja yang Komen diluar topic yaitu "Bang..Di Webmaster Tools ane banyak menemukan Crawl Error...(&#&^#&*^#) Putus sampai disitu" udah gitu pakai Anonymous lagi, dipikir coba, ini tentu tidak nyambung dengan aktikel tersebut, dan saran saya itu jangan anda ikuti, karena biasanya Blog Blog TOP pasti menyediakan halaman OOT (Out Of Topic) nah disitu seharusnya comment yang tidak nyambung di tempatkan, tapi dengan adanya comment itu terbitlah didalam benak saya untuk melihat ke Site Dashboard saya di Webmaster Toolsnya eyang Google, dengan sangat terkejut pake jungkir balik, saya menemukan ada 42 Error pada Crawl Errornya, tentu dan sudah sangat pasti ini tidak mengasikkan dipandang, tanpa pikir panjang saya langsung Googling di Eyang Google untuk mencari cara mengatasinya, akhirnya dapat dan berhasil.
(Penjang sekali curhatnya ya, maaf ya...)

OK, kita kembali ke pembahasan inti dari Artikel ini, Crawl errors 404 not found pada Webmaster Toolsnya eyang Google terjadi karena banyak hal, dan beberapa yang saya ketahui antara lain :
  1. Error tersebut mengindikasikan bahwa didalam blog kita terdapat link yang mengarah ke halaman yang sudah terhapus.
  2. Pindah format permalink.
  3. Penghapusan halaman / postingan yang salah dan masih berada pada hasil pencarian eyang Google.
  4. Terdapat link pada Comment anda dimana link tersebut sudah tewas / expired.
  5. Ada blog tetangga yang membuat artikel dan mengarahkan ke blog kita dengan menaruh link yang salah.
Nah itulah beberapa hal yang menyebabkan banyak orang  atau pengujung yang sudah antusias ingin membaca artikel kita, eh malah nyasar kehalaman 404 page not foundnya eyang google, anda pasti juga pernah mengalaminya kan, kalau anda tanya saya, saya jawab " Sering Banget, (pakai ekspresi alay), tapi ya jangan di prektekan, he ".

Baik, disini saya akan mulai Cara Mengatasi Crawl Error page not found 404 Pada Webmaster Tools.
  1. Pertama tama dan yang paling utama anda harus masuk dulu ke Google Webmaster.
  2. Pilih menu special pake hati dan empela di warung kesayangan anda dan pesan 2 bungkus yang satu pedes banget, dan jangan dimakan dulu.
  3. Pada menu google webmaster tools sebelah kiri, anda klik menu Crawl dan pilih submenu Crawl Errors.
    • Jika terdapat error, maka akan terlihat seperti gambar di bawah ini.
    • Jika tidak terdapat list url seperti gambar dibawah, makan blog anda aman dari Crawl Error dan Selamat, Anda HEBAT, dan tinggalkan komentar dengan mengatakan "AKU HEBAT" pada kolom komentar di bawah..heeee.
      Mengatasi page not found

Tingkat lanjut bagi yang mendapati Crawl Error
  1. Masih di submenu Crawl Errors, anda klik satu persatu pada error tersebut, maka akan muncul popup, anda copy link tersebut dan paste di Notepad (optional), lakukan tahap ini pada semua error yang ada.
  2. Arahkan mouse anda ke menu Google Index, kemudian pilih submenu Remove URLs.
  3. Klik Button "create a new removal request" dan masukan satu persatu URL yang tadi di paste ke notepad dan continue.
    Mengatasi crawl error 404 webmaster
  4. Maka akan muncul halaman baru, pada halaman tersebut pilih Option "Remove page from search result anda cache".
    Menhilangkaan error 404
  5. Setelah semua URL errornya anda masukan ke daftar remove URL, mari kembali lagi ke submenu Crawl Errors.
  6. Centang semua URL kemudian klik button Mark as Fixed. (Fininsh)
    Crawl error
  7. Paket menu special pake hati dan empela yang tadi anda beli silahkan dimakan satu, dan satunya yang pedas banget kirimkan ke saya, OK, Sippppp.
Jika anda melakukan tahapan tahapan di atas dengan benar, error page not found 404 Pada Webmaster Toolsnya eyang google akan musnah, akan tetapi penghapusan error page not found 404 tersebut, biasanya memerlukan waktu beberapa hari tergantung dari seringnya google bot mengcrawl blog Kita.

Itu lah sedikit tips dari saya, yang keseluruhannya berdasarkan pengalaman belaka, namun sampai saat ini saya sendiri belum mengetahui apakah banyak terdapat error tersebut akan mempengaruhi SEO, dan dampaknya apa buat blog kita, mungkin ada Master Master yang mau menjelaskannya ke saya dan pemirsa, silahkan berkomentar atau menunggu saya yang menjelaskannya, jika iya maka anda harus menyiapkan lagi Paket special pake hati dan empela. heee...

Note : Cara diatas hanya salah satu dari miliaran cara untuk mengatasi Crawl Error, anda bisa mencarinya di eyang google jika cara diatas kurang asik, Salam special tanpa telor :) .
Continue reading Cara Mengatasi Crawl Error page not found 404 Pada Webmaster

Saturday, December 6, 2014

, , ,

10 Template Blog Gratis SEO Friendly Kualitas Premium

Template blog gratis SEO friendly bisa jadi jalan pintas sebuah blog mendapatkan ribuan trafik setiap harinya. Sesuai namanya, template blog seperti ini sudah diberi kode khusus agar lebih ramah terhadap mesin pencari alhasil konten-konten yang diciptakan akan lebih mudah diindex mesin pencari.
Tidak hanya itu, template blog gratis yang akan diberikan di postingan ini memiliki kelebihan-kelebihan yang banyak dibutuhkan para blogger professional, yaitu:
  • Waktu Loading
  • Kemampuan untuk tampil elegan di semua gadget (responsiveness)
  • Di susun dengan kode SEO yang sangat baik
  • Tampilan profesional
*Melihat pertumbuhan teknologi saat ini, penting untuk memilih template blog gratis SEO friendly yang responsive untuk menjamin tampilan blog tetap elegan di mata pengunjung yang menggunakan smartphone atau media selain komputer desktop.
Sebenarnya template blog gratis yang akan disajikan disini tersedia juga dalam versi premium. Jenis template blog yang premium namun tersedia gratis inilah yang cukup sulit ditemukan. Nah, khusus untuk pembaca setia notordinaryblogger yang bosan dengan template blog-nya, atau rekan pembaca yang baru kepikiran membuat blog dan masih pilih-pilih template yang paling pas, silahkan mempertimbangkan rekomendasi template blog gratis SEO friendly dari notordinaryblogger berikut ini:
1 AllTechBuzz Blogger Template
Template blog ini terkenal sebagai salah satu yang terbaik dalam hal optimisasi SEO untuk platform blogger. Meskipun waktu loadingnya tergolong lambat namun desain yang diberikan cukup unik. Template blog ini ramah terhadap pengguna, tampil bersih dan menarik. Lebih jauh lagi, template blog ini juga mampu tampil baik bagi penggunjung yang menggunakan gadget mobile.
Fitur utama template blog AllTechBuzz:
  • Template yang responsive
  • Terintegrasi dengan tombol media sosial
  • Sudah teroptimisasi untuk SEO
  • Footer blog dengan 4 kolom yang menawan
  • Dilengkapi script title tag generator
ATB-Responsive-Blogger-Template
2 MAX MAG Blogger template
Template blog gratis ini sangat ramah untuk pengunjung, tampilan sederhana dan sangat responsive.
Fitur utama Template Blog MaxMag:
  • Teknologi retina
  • Sangat responsive
  • Desain blog menarik
  • Sederhana
  • Teroptimisasi SEO
MaxMag-Responsive-Blogger-Template
3 Dynamo Multimedia Blogger Template
Template blog dynamo pada dasarnya untuk para professional di bidang teknologi, majalah online atau media pada umumnya. Template ini dilengkapi 3 kolom berkualitas.
Fitur Utama Template Blog Gratis Dynamo:
  • Teknologi retina
  • Ikon media sosial
  • Postingan terkait
  • Menu dropdown yang bisa disesuaikan
Dynamo-Multimedia-Blogger-Template-410x233
4 Magzon Blogger Template.
Template blog Magzon tampil dengan elegan dan bersih. Template ini cocok untuk majalah online atau berita. Template ini sangat fleksibel dan mudah digunakan berkat bantuan HTML5 dan CSS3.
Fitur Kunci Template Blog Magzon
  • Teroptimisasi SEO
  • Loading cepat
  • Kode teruji
  • Logo otomatis
  • Widget kaya warna
MAGZON-BLOGGER-TEMPLATE-410x318
5 Maggner Magazine Blogger Template
Template blog Magner dilengkapi 2 kolom dengan fasilitas banner di bagian header yang bisa digunakan untuk pemasangan banner PPC atau banner lainnya. Selain itu, cukup mudah untuk merubah template blog gratis Maggner Magazine.
Fitur Kunci Template Blog Maggner Magazine:
  • Loading cepat
  • Ramah SEO
  • Kode teruji
MAGGNER-MAGAZINE-BLOGGER-TEMPLATE1-410x289
6 Blue Blog Blogger Template
Template blog gratis Blue Blog mengusung tema minimalis, sederhana dan sangat bersih. Pengunjung akan mudah untuk fokus kepada konten yang ditampilkan. Template blog ini cocok untuk blog personal, blog fotografi, blog tema kreatif sampai blog perusahaan.
Fitur Kunci Template Blog Blue Blog:
  • 3 kolom bagian footer
  • Postingan terkait
  • Siap untuk banner iklan
Blue-Blog-Blogger-Template-410x199
7 Professional Blogging Blogger Template
Untuk rekan blogger yang menekuni dunia blogging dengan serius, template blog gratis professional blogging ini sangat lengkap untuk mendukung hobi blogging. Tampilan yang diberikan sangat professional.
Fitur Kunci Template Blog Professional Blogging:
  • Ikon perasaan dalam komentar
  • Desain responsive
  • Pelanggan email
  • Postingan terkait
Professional-Blogging-Blogger-Template-410x205
8 News Pro – Responsive Blogger Template
Template blog newspro diciptakan oleh StudioPress (wrodpress) dan diadaptasi dalam template blogger oleh SBTemplates. Keunggulan utama template blog gratis SEO friendly ini adalah kecepatan dan responsif termasuk tambahan pengaturan SEO yang akan membantu konten blog bersaing di hasil pencarian online.
Fitur Kunci Template Blog News Pro:
  • Desain responsive
  • Ramah SEO
  • Postingan terkait
  • Siap banner iklan
News-Pro-Responsive-Blogger-Template-410x258

9 Prosume Responsive Blogger Template
Template blog ini tadinya hanya tersedia untuk wordpress, namun baru-baru ini diadaptasi ke blogger. Template blog ini terkenal dari segi SEO.
Fitur kunci Templae Blog Prosume :
  • Desain responsive
  • Ramah terhadap beragam browser
  • Ramah SEO
  • Lebar tetap untuk widget samping kiri
Prosume-Blogger-Template
10 TruePixel Free Blogger Template
Template blog TruePixel digadang-gadang sangat cocok untuk blog fotografi, blog bergaya majalah sampai blog personal. Asal template ini dari mythemeshop, pembuat yang sama dengan template bloggie yang dipakai notordiaryblogger ini.
Fitur Kunci Template Blog TruePixel:
  • Desain responsive
  • Ramah terhadap beragam browser
  • Ramah SEO
  • Postingan terkait
  • Siap banner iklan
TruePixel Blogger Template

Penting:
Sebelum mengupload template blog gratis ini kedalam blog, pastikan Anda melakukan save atas kode template sebelumnya untuk berjaga-jaga. Cukup copy paste kode html template blog ke notepad atau ms words dan beri nama kode asal … . Seandainya terjadi sesuatu yang tidak diinginkan, kita cukup copy paste kode asal tadi.
Hal ini cukup penting mengingat terkadang kita sudah melakukan berbagai perubahan atas template blog semula. Bisa jadi berbagai perubahan tersebut menyebabkan masalah baru bagi template blog pengganti yang akan diupload.

Siap Coba Template Blog Gratis SEO Friendly?

Itulah kesemua daftar template blog gratis ramah SEO yang siap di download dan digunakan di blog. Perhatikanlah kebutuhan ngeblog Anda sebelum memilih dan perhatikan himbauan “penting” di atas. Jika Anda merencanakan untuk mencari uang dari blog tidak ada salahnya memilih template blog gratis yang memiliki fitur kunci “siap banner iklan”. Template blog yang sudah “siap banner iklan” biasanya memberikan tempat-tempat unggulan untuk iklan-iklan tersebut, dengan begitu pengguna semakin mudah menempatkan banner-banner tertentu sesuai kebutuhan. Selamat mencoba.
Continue reading 10 Template Blog Gratis SEO Friendly Kualitas Premium

Friday, December 5, 2014

, , ,

CARA MEMBUAT DISEIN JUDUL BLOG SENDIRI

Buat sobat yang ingin mengganti tampilan Title Blog/Judul Blog, khususnya bagi sobat yang hobi di bidang menDESAIN Blog (Utak-Atik Tampilan Blog), tapi gak punya aplikasi desain di dalam perangkat sobat. Jangan berkecil hati....Sob ! Tenang, disini Awan akan kasih tahu caranya agar sobat semua masih bisa tetap berkreasi meskipun tidak ada aplikasi Desain di perangkat sobat. Okey...caranya adalah dengan kita menggunakan jasa generator Text Logo online sob.

Contohnya seperti punya saya ini:

Disini ada beberapa generator online yang bisa di gunakan oleh sobat semua.

 
Generator yang satu ini menawarkan beberapa bentuk model desain logo yang cukup memuaskan. Untuk contoh model text yang di tawarkan seperti misal: patterned text generator, glitter text generator, LCD text generator, marquee text generator, dan masih banyak lagi yang lainnya. Memiliki interface yang bersih dan waktu muat halaman yang cepat sehingga membuat kita semakin mudah dan cepat dalam membuat logo.

FLaming text memiliki banyak sekali koleksi design yang bermacam-macam dengan berbagai pilihan dari yang paling sederhana dan paling animatif. Membuat anda harus lebih jeli dan benar-benar fokus untuk membuat pilihan karena banyaknya design yang harus dipilih. Interface generator yang lengkap disertai live preview darihasil teks yang diedit sehingga tidak perlu lagi berpindah halaman untuk kembali mengedit.

Sama halnya dengan flamingtext,cooltext memiliki banyak koleksi design dan memiliki interface editor yang mudah dan handy, sehingga siapapun dapat dengan mudah menggunakannya. Terdapat dua jenis design, yaitu logo dan button. Dilengkapi pula dengan puluhan jenis font menarik yang dapat dipilih dan disesuaikan dengan design blog.

Ketika membuka halaman web situs ini, anda akan masuk ke halaman text logo editor yang sederhana. Kostumisasi keseluruhan teks diserahkan kepada user, sehingga dapat membuat logo sesuai dengan kehendak. Pilhan style-nya tidak begitu banyak, namun masih cukup berharga mengingat hasil gambar dari online logo creator ini memiliki kualitas yang cukup baik.

Design-design pada situs ini lebih menekankan pada koleksi design font yang menawan. Design yangdihasilkan dengan generator dapat dikostumisasi lebih, namun warna gambar hitam dan putih menurut saya adalah yang terbaik karena kesan vector-nya sangat kuat dan memukau.

Cukup sederhana, atau bisa dibilang sangat sederhana, selainkarena situs ini hanya memiliki satu halaman, design-nya pun sangat terbatas. Namun, bagi anda yang sedang belajar dan dalam proses awal blogging dan design gambar, situs ini bisa menjadi awalan bagi anda untuk belajar membuat design logo .
Setelah mendapatkan logo blog, pasang logo tersebut untuk menggantikan title dan description pada header blog.
Continue reading CARA MEMBUAT DISEIN JUDUL BLOG SENDIRI

Thursday, December 4, 2014

, , ,

CARA BUAT DAFTAR ISI DI BLOG

Pada kesempatan kali ini saya akan share artikel tentang cara membuat daftar isi diblog, Namun daftar isi yang akan kita buat kali ini berdasarkan label atau kategori. Jadi daftar isi ini hanya akan menampilkan daftar isi dari label atau kategori tertentu saja.

 Fungsi dari daftar isi perlabel atau kategori ini adalah untuk memudahkan visitor atau pengunjung blog kita agar dapat dengan cepat menemukan apa yang dicari dalam blog kita. Sahabat bisa menaruh daftar isi ini di sidebar maupun dimana saja posisinya seperti yang sobat inginkan. Tampilannya pun menarik dan rapi tidak amburadul, Jadi bisa juga untuk mempercantik blog kita biar terkesan profesional.

Daftar isi perlabel ini sudah di modifikasi, Otomatis menggunakan scroll box. Jadi sahabat jangan khawatir, Daftar isi ini tidak akan memakan banyak tempat di template blog sahabat. Untuk melihat contohnya seperti apa tampilannya daftar isi perlabel ini, Sahabat bisa melihat contoh screenshoot gambarnya di bawah ini.

 
Gimana? Sahabat tertarik untuk membuatnya?
Jika sahabat tertarik untuk membuat dan memasangnya di blog sahabat, Ikuti langkah-langkahnya di bawah:

Cara Memasang Daftar Isi Perlabel di Blog

1. Silahkan sahabat >> Masuk/Login pada blog sahabat.
2. Kemudian pada Menu Blogger yang baru, Pilih >> Tata Letak.
3. Langkah selanjutnya sahabat pilih dimana kira-kira daftar isi perlabel ini akan di letakkan, Caranya  klik tab >> Tambahkan Gadget.
4. Lalu  pilih >> HTML/JavaScript.
5. Kemudian silahkan anda masukkan semua kode script dibawah ini:
<div style="border: 1px solid #000000; height: 200px; overflow: auto; padding: 5px; width: auto;">
<ul><script>
var numposts = 100;
var standardstyling = true;
</script> </ul>
<script src="http://kang-onk.googlecode.com/files/label-post.js" type="text/javascript"></script>
<ul><script src="http://
caridollaryok.blogspot.com/feeds/posts/default/-/TUTORIAL%20BLOG?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script> </ul>
</div>

Keterangan:
  • height: 200px; adalah ukuran tinggi scroll box (kotak scroll), Silahkan anda ganti nilainya sesuai dengan keinginan anda.
  • Ganti http://caridollaryok.blogspot.com dengan URL blog anda.
  • Ganti TUTORIAL%20BLOG dengan label sahabat yang ingin ditampilkan pada daftar isi. Ingat: Label harus sesuai dengan besar kecil huruf label pada blog.
  • Gunakan %20 jika label sobat ada space (spasi) nya.
  • max-results=999" adalah banyaknya judul posting dalam daftar isi yang akan di tampilkan, Silahkan sahabat ganti nilainya sesuai dengan keinginan.
6. Langkah yang terakhir, Silahkan sobat klik >> Simpan, Selesai dan lihat hasilnya.
Continue reading CARA BUAT DAFTAR ISI DI BLOG

Tuesday, December 2, 2014

, , ,

CARA MEMASANG FLOATING FAN PAGE FACEBOOK PADA BLOG

Floating Fan Page Facebook merupakan widget yang kita tambahkan pada blog untuk mempercantik tampilan blog sekaligus menata dengan rapi widget-widget yang sudah terpasang pada blog. Sebelumnya saya juga sudah pernah bahas tentang cara memasang like box facebook widget pada blog. Dan pada kesempatan kali ini, saya akan memberikan tips blog lagi yaitu Cara Memasang Floating Fan Page Facebook Pada Blog. Sebagai gambaran awal dari Floating Fan Page Facebook pada blog, teman-teman bisa melihat contohnya pada widget fan page yang saya sudah pasang pada blog ini. Pemasangan widget fan page ini tidak akan berjalan dengan lancar bilamana teman-teman blogger belum membuat halaman fan page pada facebook sebelumnya. Untuk itu, silakan buat dulu halamannya. Dan untuk membuat halaman fan page pada facebook, silakan tanyakan saja pada Om Google.


Untuk teman-teman blogger yang sudah punya halaman fan page pada facebook dan ingin memasang widget floating fan page facebook pada blog, silakan ikuti langkah-langkahnya di bawah ini :
  1. Silakan login ke akun blog Anda.
  2. Pada halaman dasbor akun blog, silakan klik nama blog Anda.
  3. Kemudian pada halaman overview blog Anda, silakan pilih template-edit HTML-Prossed-expand widget template.
  4. Selanjutnya silakan cari kode ]]></b:skin>.
  5. Kalau sudah ketemu kodenya, silakan copy dan paste kode di bawah ini pas di bawah kode ]]></b:skin>
  6. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
  7. Selanjutnya silakan simpan template blog Anda dan tutup juga halaman edit HTML-nya.
  8. Kemudian silakan pilih lagi layout, lalu pilih dan klik Add Gadget pada posisi mana saja.
  9. Setelah muncul windows Add Gadget Blogger, silakan pilih HTML/JavaScript dengan cara klik tombol plus [+] yang ada disebelah kanannya.
  10. Langkah selanjutnya, silakan copy kode di bawah ini dan paste pada bagian content.
  11. <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .likebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_rdZCcyarbD5C4JrXwkmVqv6A6lJTjnfOK0eR8t-I04ap-ynj-RWOvHhpAItv9zI5Weaxe7-2MbPHeQ9-Xr-f4KdLIIQl0rM2I-U7eMJbC4WfRfaM9-Pv7P1B5S4Pe4LMSS4Wjs58z3Yj/s1600/fb.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed; right:-250px;top:44%;} .likebox div{border:none;position:relative;display:block;} .likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;} .likebox span a{color: gray;text-decoration:none;} .likebox span a:hover{text-decoration:underline;} </style> <div class="likebox" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/informasiptk&amp;width=240&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 258px; width: 245px;background:#fff;"></iframe> </div> </div>
  12. Setelah dipaste kodenya pada bagian content, jangan dulu disimpan kodenya tapi silakan ganti kode yang saya kasih warna merah dengan alamat atau URL halaman fan page facebook Anda. Setelah diganti kode yang berwarna merah, barulah disimpan kodenya.
Ok sob, selamat ya, sudah berhasil Memasang Floating Fan Page Facebook Pada Blog. Jika ada kendala, silakan tanyakan saja lewat komentar atau buku tamu blog ini.
Continue reading CARA MEMASANG FLOATING FAN PAGE FACEBOOK PADA BLOG

Monday, December 1, 2014

, , ,

BUAT SHARE FACEBOOK, TWEET, GOGLE+ MELAYANG DI BLOG

1. Silahkan sahabat >> Masuk/Login pada blog sahabat.
2. Kemudian pada Menu Blogger yang baru, Pilih >> Tata Letak.
3. Langkah selanjutnya sahabat pilih dimana kira-kira daftar isi perlabel ini akan di letakkan, Caranya  klik tab >> Tambahkan Gadget.
4. Lalu  pilih >> HTML/JavaScript.
5. Kemudian silahkan anda masukkan semua kode script dibawah ini:


<!--Widget Share Button Melayang Start-->

<style>

#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="bagikan ke teman anda">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-share-button.html" target="blank" title="Cara Memasang Widget Share Button"><font color="blue">[Get Widget]<font></font></font></a></div></div>

<!--Widget Share Button Melayang End-->


Selamat Mencoba dan Semoga berhasil sobat. . .
Continue reading BUAT SHARE FACEBOOK, TWEET, GOGLE+ MELAYANG DI BLOG

Sunday, November 30, 2014

,

Langkah – Langkah Merakit Komputer

LANGKAH 1 
Pada saat merakit PC sebaiknya lakukan perakitan PC di ruangan tertutup dan bebas debu. Idealnya sih memang diruangan ber-AC (air condition). Siapkan meja kerja yang cukup lebar untuk menaruh semua
peralatan dan perlengkapan, serta taruh sebuah kursi yang nyaman. Jangan merokok, karena
abu rokok bisa mengotori dan merusak komponen PC, terutama prosesor. Tempatkan air minum
Anda jauh dari meja kerja. Gunakan pula lampu penerangan yang cukup kuat.

LANGKAH 2
Untuk menghindari arus statik pastikan outlet listrik di rumah Anda telah dibumikan atau gunakan gelang antistatik seperti gambar 1.0 di bawah ini  dan sand karet. Gelang anti-statik merupakan gelang berkabel yang salah satu ujungnya  menempel pada casing PC. Jangan berdiri dengan telapak kaki telanjang atau menginjak sesuatu yang menghantarkan listrik, seperti lembar vinyl atau lembaran plastik. O ya, basuhlah tangan Anda terlebih dahulu dan keringkan. Ini untuk menghindar keringat dan kotoran di tangan yang bisa menyebabkan komponen PC berkarat.

LANGKAH 3
MEMBUKA CASING DAN MEMASANG POWER SUPPLY
Siapkan casing, bukalah dari dusnya dan keluarkan. Casing yang kami gunakan di sini adalah model tower dengan penutup samping. Bukalah kedua penutup samping dengan melepas keempat baut yang berada di belakang casing. Simpanlah terlebih dahulu kedua penutup samping itu di tempat yang aman.

LANGKAH 4 
Pasanglah swicthing power supply unit (PSU) adapter pada tempat yang telah disediakan seperti gambar 1.2 di bawah ini. Pada model tower dan middle tower, biasanya tempatnya di sisi paling atas. Lalu rekatkan dengan empat buah baut. Anda bisa mengabaikan langkah ini bila casing yang Anda beli telah menyertakan PSU di dalamnya. 
LANGKAH 5
MEMASANG CPU DAN KOMPONEN MOTHERBOARD
Bukalah boku panduan pemasangan komponen motherboard Anda, keluarkan dan letakkan motherboard tersebut di meja. Namun sebelumnya, beri alas pada bagian bawah motherboard dengan gabus yang tersedia dalam boksnya. Carilah soket chip prosesor pada motherboard. Soket tersebut memiliki lubang sesuai dengan jumlah pin pada chip. Pada salah satu sudutnya pasti ada dua lubang yang tertutup.

LANGKAH 6 
MEMASANG PROSESOR
Lepaskan tuas pengait prosesor dengan cara menekannya lalu tarik ke atas. Posisi pengait tersebut harus benar benar tegak lurus, sehingga lubang soket terbuka seluruhnya. Ambillah prosesor, peganglah pada sisi-sinya. Lalu posisikan pada soket prosesor, pastikan sudut yang bertanda segitiga berada di dekat pengait. Tancapkan chip prosesor pada soket dan pastikan pinnya menancap semuanya seperti gambar 1.3 di bawah ini. Berhati-hatilah, jangan sampai pinnya bengkok atau patah.


LANGKAH 7
Setelah chip masuk dengan tepat ke dalam soket, turunkan kembali pengait dengan cara menekannya ke bawah seperti pada gambar 1.4 di bawah ini.  Kaitkan hingga benar-benar terkunci agar chip prosesor tidak lepas. Chip yang tidak terkunci bisa pula menimbulkan error saat komputer dijalankan .

LANGKAH 8 
MEMBERI HEATSINK DAN MEMASANG FAN PADA PROSESOR
Sebaiknya beri heatsink dan fan pada chip prosesor agar prosesor tidak cepat panas dan tahan lama. Oleskan sedikit thermal paste atau pasta pendingin di atasnya, lalu tempelkan heatsink dan kipas di atasnya Seperti  gambar 1.5 di bawah ini, Kemudian kuncilah kipas prosesor dengan menekan dua pengaitnya secara bergantian dan hati-hati.

LANGKAH 9 
Kuncilah kipas prosesor dengan menekan dua pengaitnya secara bergantian dan hati-hati seperti gambar 1.6. Jangan sampai Anda menekan terlalu keras pada sisi atas kipas. Lalu tancapkan kabel power untuk kipas ke motherboard. Letak soketnya biasanya berada di sebelah soket prosesor, cari saja yang bertuliskan CPU FAN .
LANGKAH 10
MEMASANG KARTU MEMORI RAM
Berikutnya pasang kartu memori (RAM) pada slot DIMM yang telah disediakan. Sesuaikan jenis RAM dengan motherboard yang Anda gunakan. Untuk mengetahui lebuh jelas tentang motherboard Anda Mendukung jenis apa ? Lihatlah bentuk slot memori pada motherboard. Bila slot tersebut memiliki dua pembatas antarpin, berarti jenis RAM yang harus Anda pakai SD-RAM. Sebaliknya, bila hanya ada satu pembatas pin, maka gunakan jenis DDR-RAM. Untuk memasangnya, buka terlebih dahulu kait pengunci kartu memori, lalu tancapkan kartu dengan benar. Pastikan seluruh kaki kartu tertancap pada slot. Kemudian kunci posisinya dengan memasukkan pengait pada tuas penguncinya ke lubang pada kartu memori seperti gambar di bawah ini.


LANGKAH 11 
Beralihlah ke casing, pasang baut alas untuk motherboard pada pelatnya. Warna bautnya biasanya keemasan dan berlubang. Baut ini biasanya disertakan pada saat Anda membeli casing PC. Bila tidak ada, maka Anda bisa membelinya di toko aksesori komputer terdekat. Pastikan penempatannya sesuai dengan jumlah dan posisi lubang baut yang dimiliki motherboard. Kemudian kencangkan baut tersebut dengan menggunakan tang seperti gambar dibawah ini .

LANGKAH 12 
Siapkan pula pelat penutup belakang, sebagai tempat munculnya port PS/2, USB, COM, paralel dan soundcard. Plat ini juga disertakan saat Anda membeli casing PC. Pasanglah pada sisi belakang casing, posisinya di bawah power supply. Setelah itu, pasanglah bautnya.
LANGKAH 13 
Angkat motherboard dan letakkan ke dalam casing. Posisikan mobo dengan mengepaskan lubang bautnya di atas baut-baut alas. Lalu pasang baut-baut mobo yang telah diberi cincin isolator. Penggunaan cincin isolator hanya untuk menghindari adanya hubungan arus pendek antara jalur-jalur motherboard dengan baut. Namun demikian, desain mobo yang ada saat ini telah mencegah adanya jalur elektronik ke seputar lubang baut. Setelah terpasang semuanya, kencangkan satu persatu dengan menggunakan obeng.
Continue reading Langkah – Langkah Merakit Komputer