Postingan

Menampilkan postingan dengan label Blog Widget (Easy)

Cara Menampilkan Widget Hanya di Halaman Postingan

Gambar
Membuat Widget hanya tampil di bagian halaman postingan memang sudah banyak sekali Tutorial ini tapi tidak apa lah Student-Brains akan membahas lagi postingan "Cara Membuat Widget Hanya Tampil di Halaman Postingan". Jadi langkah ini dibuat agar gadget tidak tampil pada Home Page dan hanya tampil di HALAMAN POSTINGAN. Untuk penggunaannya tergantung kebutuhan anda, mungkin menampilkan gadget "artikel populer", "Iklan", "banner", atau yang lain.... Bila teman-teman menginginkannya,silahkan teman-teman ikuti langkah - langkah dibawah ini : 1. Login ke blogger dengan ID anda. 2. Klik Layout atau (Tata Letak kalo gak salah soalnya saya sering gunakan b.inggris) 3. Lalu klik Tambah Gadget, pilih jenis gadget yang anda butuhkan lalu Simpan. Sekarang anda dapat melihat gadget baru yang muncul pada bagian paling atas pada sidebar template anda. Pada artikel ini misalnya saya menambahkan gadget HTML / Javascript untuk sidebar saya, silahkan anda lihat ga...

Cara Membuat Permalink di Blog SEO On Page

Gambar
Buat teman-teman yang ingin membuat permalink seperti blog ini,kalian bisa ikutti langkah di bawah ini.Sebelum membuat saya akan menjelaskan apa itu.Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman posting yang di biasanya di letakan di bawah atau sesudah postingan, fungsinya yaitu untuk meningkatkan SEO on page blog sobat. Permalink kali ini saya sudah di lengkapi dengan author box dimana di dalamnnya bisa di pasangi foto / gambar milik sobat, juga di lengkapi dengan url artikel yang auto drag ( otomatis ter blok ) . Contohnya bisa sobat lihat tepat di bawah artikel. Buat Teman-Teman yang ingin mencobanya,Ikuti Langkah-Langkah di bawah ini : 1. Login ke akun blog sobat. 2. Klik rancangan --> Edit HTML --> Centang kotak expand template widget 3. Letakkan kode berikut di atas kode  ]]></b:skin>   .admin-tulisan{ display:block; width:auto; background:#ffffff; border:2px solid #fff; box-shadow:0 1px 3px #000;-moz-box-shadow:0...

Cara Membuat Breadcrumb SEO pada Blog

Gambar
Breadcrumb  adalah bantuan navigasi yang digunakan dalam user interface.Hal ini memberikan kemudahan kepada pengguna untuk melacak dan mengetahui di dokumen mana dia berada.Navigasi Breadcrumb ini Berada tepat di atas postingan kita dengan Urutanya seperti berikut  Detail : Home>Hot Topic > Informasi Umum> Music >Music Info > "Judul Postingan" Ternyata membuatnya breadcrumb tidaklah sulit,berikut caranya : 1. Masuk ke Template > Edit HTML dan centang kotak Widget. 2. Cari Kode <b:include data='top' name='status-message'/> Jika udah ketemu copy paste kode di bawah ini tepat di atasnya <b:include data='posts' name='breadcrumb'/> 3. Lanjut Cari Kode berikut  <b:includable id='main' var='top'> Jika sobat menemukan dua kode script yang sama maka pilh yang no dua dan paste kode berikut tepat di atasnya <b:includable id='breadcrumb' var='posts'> <b:if != cond='data:...

Cara Mengatasi Sitemap Yang Error Di Webmaster Tools

Gambar
Sitemap Error jangan khawatir silahkan simak artikel di bawah ini. Banyak sekali blog ataupun web yang membicarakan pentingnya sebuah Sitemaps terhadap  SEO  , sebenarnya apa sih fungsinya Sitemaps ini? kenapa kita harus menggunakan Sitemaps? Pertanyaan itu sebenarnya adalah pertanyaan yang keluar dari diri saya sendiri beberapa waktu yang lalu (saran saya juga masih pemula yang masih harus banyak belajar dari para webmaster-webmaster yang lebih berpengalaman), dengan bantuan om google akhirnya saya dapat sedikit pelajaran tentang Sitemaps.  Sitemaps  ternyata sangat penting buat  optimalisasi search engine  . Kadang kita tidak sadar bahwa ada beberapa hal yang membuat situs blog kita tidak terindex oleh  robot Google  , misalnya adalah link yang jelek antara setiap page di blog kita atau karena content yang terlalu berat pada sebuah blog yang membuat Googlebot tidak bisa mengindex halaman blog kita tersebut. Sitemaps dib...

Cara Membuat Gadget Vote dan Polling Yang Bagus Untuk Blog

Gambar
Polling atau Voting merupakan hal yang tentunya sangat bagus untuk mengetahui penilaian visitors terhadap blog kita tentunya, karena dengan menegetahui penilaian dari visitors kita dapat menyesuaikan blog kita dengan penilaian visitors misalkan : mayoritas visitors menilai blog kita misalkan jelek maka kita dapat mengoreksi ke jelekan dari blog kita ntah itu conten atau isi blog atau penampilan blog tersebut. dan polling ini juga bisa di gunakan tidak hanya untuk memberikan penilaian tetapi juga untuk memberikan saran kepada admin blog "misalkan saya melakukan polling untuk "conten apakah yang sobat sukai" jika visitors memberikan pilihannya maka kita dapat membuatkan conten seperti yang di inginkan oleh si visitors itu sendiri. sebenarnya fungsi polling sangat banyak sekali tidak hanya seperti yang saya sebutkan di atas. dalam perkembangannya banyak situs-situs yang menyedikan polling.Oleh karena itu jika teman-teman ingin mencobanya lakukan langkah-langka...

Cara Praktis Membedakan Antara Blog DoFollow dan NoFollow

Gambar
Bgaimana cara membedakan blog yang dofollow dan Nofollow.Mungkin sobat-sobat pernah bertanya-tanya seperti itu.Banyak para bloger mencari Blog yang dofollow agar mendapatkan backlink yang berguna untuk mendatangkan visitor terhadap blog kita.Berkut langkah membedakan Dofollow dan Nofollow : Bahan : Google Chrome (itu saja) Komputer Listrik juga termasuk (ngelawak?)  Tutorial : 1. Pertama sobat-sobat harus memnginstall aplikasinya untuk google chrome Klik " Disini " untuk menginstalnya. 2. Jika sudah klik icon seperti ini dibawah ini  3. Jika sudah makaakan muncul tampilan seperti dibwah ini lalu checklist Show NoFollow 4. Jika sudah lalu Lihat salah satu blog apakah blog itu dofollow atau nofollow .

Cara Cepat Blog Terindeks dengan Mendaftarkan Sitemap di Google

Gambar
Bagaimana cara submit sitemap ke google ? mungkin itu merupakan sebuah pertanyaan bagi seorang blogger pemula yang baru terjun di dunia blog.Sebelum memulai sobat-sobat harus mengetahui apa sih yang disebut sitemap. Sitemap adalah alat bantu, yang digunakan untuk mempermudah dalam pengenalan dalam sebuah situs yang kita punya tentunya.Jika sobat sudah mengerti berikut  langkah-langkahnya : 1. buka google webmaster tolls klik disini 2. jika sudah klik alamat blog sobat-sobat sekalian 3. pilih menu pengoptimalan 4. dan pilih peta situs 5. jika sudah maka di seblah kanan pilih TAMBAHKAN/UJI PETA SITUS . 6. lalupilih salah satu : - atom.xml - feeds/comments/default  - feeds/posts/default? Alt = rss    7. jika sudah lalu pilihlah mengirim peta situs Mudah bukan !!!

Cara Membuat Tombol Share Facebook Tampilan Bagus

Gambar
Promosikan Blog Anda Kemedia Sosial dengan Tombol Share.Kali ini kita akan pasang tombol share facebook dengan cara yang sedikit unik, dan juga menarik perhatian pengunjung untuk membagi nya ke facebook.   Ikuti langkah-langkah berikut : Login ke Blogger Lalu klik Design > Edit HTML Copy Paste kode berikut di atas kode ]]></b:skin>  : #pageshare {position:fixed; bottom:1%; right:10px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; height:auto; 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:55px !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;fo...

Cara Membuat Gambar Berputar Dengan Tampilan Bagus di Blog

Gambar
Sering Melihat pada Blog-Blog Hebat dan Keren-Keren di dunia dengan Gambar pada Blog berputar saat di sorot oleh cursor.Penasaran juga dan ingin tahu,setelah di cari cari lewat Google akhirnya ketemu juga.Langsung aja buat temen-temen yang pengen blognya tampil menarik dan keren dengan gambar berputar 360 derajat bisa di coba di bawah ini:   Tutorialnya :     Login Blogger     Klik Template     Edit HTML     Centang Expand Template Widget     Cari Kode   ]]></b:skin>     Copy Kode Dibawah Lalau Paste Diatas Kode   ]]></b:skin>   #header a img:hover { -moz-transform: (1) rotate(-180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(-180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1) rotate(-180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transfo...

Meta Tag Biar Tambah Seo Friendly

Gambar
Coba saja lihat source code template saya, cuma beberapa saja yang saya pasang. Baik, sekarang saya kasih ni meta tag beserta pemasangannya. Memasang meta tag ternyata sangat berguna buat kalian para blogger yang ingin memasang meta tag untuk SEO friendly.Berikut cara memasang meta tag untuk blog agar lebih seo friendly : <meta content='atom.xml' name='sitemap'/> <meta content='2 days' name='revisit'/> <meta content='2 days' name='revisit-after'/> <meta content='global' name='Distribution'/> <meta content='global' name='target'/> <meta content='id' http-equiv='Content-Language'/> <meta content='id' name='geo.country'/> <meta content='indonesian' name='geo.placename'/> <meta content=' Boy Hilman ' name='author'/> <meta content='document' name='resource-type'/> <meta...

Cara Mengganti Tulisan (Font) Pada Blog Dengan Menggunakan Font Style dari Google

Gambar
Jenis font pada setiap template kebanyakan blogger bosan melihatnya dan ingin menampilkan sesuatu yang beda. Ada pasti ini memiliki font dengan gaya blog anda sendiri yang lebih stylis atau elegan. Untuk itu saya akan memberikan trik dan tips bagaimana kita bisa memperoleh bermacam-macam font untuk digunakan ditemplate anda. Simaklah tutorial berikut ini: 1. Buka situs Google Web Font http://www.google.com/webfonts/#ChoosePlace:select 2. Silahkan cari jenis font yang anda inginkan, tambahkan beberapa font dengan mengklik tombol Add to Collection . 3. Klik tombol Use disebelah kanan bawah browser,contohnya screen shoot di bawah : 4. Kemudian kopi kode dari Google Font (kodenya seperti ini, kode ini hanya contoh saja tidak perlu anda kopi): <link href='http://fonts.googleapis.com/css?family=Condiment' rel='stylesheet' type='text/css'> 5. Pada template anda carilah kode seperti ini <![CDATA[/* 6. Paste kode yang dikopi dari Google Web Font diatas ko...

Cara Membuat Link Berubah Warna Saat Di Sorot Mouse

Gambar
Heran melihat blog teman saat linknya disorot pada artikel menjadi berwarna-warni atau berubah warna.Caranya ternyata mudah Lakukan tahap-tahap di bawah ini : Masuk ke-Dasbor lalau pilih  " Template " Setelah itu pilih Edit HTML Jika ada pesan maka klik 'Lanjutkan" Saja Janagan lupa ceklist "Expand Template Widget" Setealah itu cari kode : </head> Untuk Mampermudah Gunakan F3 atau Ctrl+F Setelah itu masukan kode di bawah ini tepat di atas kode : </head> Kodenya : <script src='http://members.lycos.co.uk/ravager/linkcolor.js'/>    Setelah itu klik "Simpan" Dan lihat hasilnya.

Cara Membuat Daftar dan Statistik Pengunjung Dengan Menggunakan Histats

Gambar
Banyak para Blogger ingin mengetahui pengunjungnya yang data pada blognya,tapi bagaimana caranya ? Caranya adalah dengan menggunakan Histats.com.Website ini akan menyediakan widget gratis untuk mengetahui pengunjung yang data pada sebuah website. 1). Daftar dulu / Register di Histats.com GRATISSSS, Isikan data sesuai dengan data Anda, jangan lupa ceklist “I have read and agree Publisher Agreement Terms”. Klik “Register” 2). Cek email Anda untuk aktivasi email 3).Masuk/login ke Control Panel Histats dengan mengetikkan alamat email dan password yang tadi didaftarkan. 4).Pada halaman awal control panel, klik “+Add Website”   5). Isi data blog sesuai form yang ada, klik “Continue”. 6).Selanjutnya, klik nama website yang sudah didaftarkan tadi. 7). Akan terbuka traffic summary blog, untuk menambahkan kode histats di blog klik “Counter Code”. 8). Selanjutnya klik “add new counter”, akan terbuka pilihan model histas yang akan ditampilkan di blog. Pilih salah satu. 9). Ceklist data apa...

Cara Mendapatkan Blacklink Gratis dari W3-Directory

Gambar
Masuk Ke w3-directory Setelah itu kamu pilih Add a web site.  Isi form untuk Add a web site tersebut . URL : alamat blog / link blog.  title : nama blog.  description : deskripsi blog sobat.  keywords : kata kunci yang menggambarkan blog sobat.  identity :isi dengan nama sobat.  email : email sobat (valid).  return link / back link : link untuk mendapatkan backlink dari w3 directory, isi sesuai URL tadi.  country : papua nugini Indonesia.  heading 1 : kategori utama untuk blog sobat  kemudian klik Submit my web site  Catatan :  setiap ada tanda bintang (*) artinya wajib diisi.   buka link W3-Directory   tunggu 5 detik hingga ada tulisan skip ad dan Klik skip ad.

Cara Menggunakan Open ID pada Komentar Blog

Gambar
 Cara Menggunakan Open ID untuk Komentar blog : 1. Cara Mengetahui Akun Open ID Blog Kita Sebelumnya kita harus menetahui dulu Akun Open ID kita , sebenernya akun Open ID ini sama dengan URL blog kita. Contoh : http://student-brains.blogspot.com/ Cara mengetahuinya yaitu tentunya kita harus masuk dulu ke akun Blogger kita pilih menu Setelan > Lainnya > terus tinggal lihat menu  Open ID disana sudah dituliskan URL Open ID kita. dimana URL itu dapat kita gunakan untuk Berkomentar pada Blog berplatform Blogspot. 2.Cara MemVerifikasi Akun Open ID Kadang ada beberapa blog, meski kita sudah mengetahui alamat Open ID kita namun URL tersebut didak dapat digunakan untuk berkomentar dan malah keluar tulisan "Your openid Credentials Could Not be Verified" . Berarti disini kita harus memverifikasi dulu akun Open ID kita  bahwa Open ID itu benar-benar milik kita, caranya adalah : Seperti biasa masuk dulu ke Blogger kita masing-masing. Pilih menu Template > Edit HTML k...

Cara Membuat Headline News di Blog

Gambar
Cara agar tampilan blog anda keren dengan headline news,berikut cara membuat head line news di blog : Login akun Blogger anda Pilih Tata Letak > Tambah Gadget Pilih HTML/JavaScript Masukin kode dibawah ini <script type="text/javascript"> var hn_url_blog = " http://student-brains.blogspot.com/ "; var hn_jumlah_post = 10 ; var hn_warna_latar = " green "; var hn_warna_garis = " red "; var hn_posisi = " top "; var hn_tampilkan_judul = true; var hn_backlink = false; </script> <script src="https://sites.google.com/site/007syndicate/007-script/Headlinenews-Zone%20007.js"> </script> Klik Simpan/Save   NB : Teks Warna Kuning adalah Posisi dari Widget Headline News nya Bottom : Bawah | Top : Atas Teks Warna Biru Tua adalah Link URL Blog anda Teks Warna Merah adalah Warna Garis  Widget Headline News nya Teks Warna Hijau adalah Warna Background  Widget Headline News nya Teks Warna Pink adalah Jumlah Post...

Efek-Efek Keren untuk Blog

Gambar
Buat blog anda semenarik mungkin dan unik dengan efek yang keren.Script efek untuk blog sobat,dan tentu saja efek/widget yang di tambahkan ke blog kita ini akan berpengaruh pada loading sebuah blog,tapi tenang saja pengaruhnya tidak terlalu signifikan kok,tergantung koneksi internet nya juga. Oke,,jika sobat ingin memasang efek pada blog sobat caranya sobat hanya butuh ; Login ke dasbord blog milik sobat Copy salah satu script yang ingin sobat pasang ( terserah mau pasang lebih dari 1 juga tidak apa-apa ) Berikutnya klik tata letak >> tambah gadget baru >> HTML/java script Paste script tersebut,kemudian save dan lihat hasilnya. Berikut pilihan efek untuk blog dari saya,silahkan di pilih RINGAN EFEK SALJU <script src='http://hary-suka-suka.googlecode.com/files/efek%20snow.js' type='text/javascript'></script> EFEK GELEMBUNG <script src='http://hary-suka-suka.googlecode.com/files/efek-gelembung.js' type='text/javascript'>...

Cara Memasang Lagu pada Blog/Website.

Gambar
Membuat blog kita menarik dengan memasang lagu pada blog kita.Memang selera orang mungkin berbeda-beda,meskipun saya sudah tidak memakainya lagi siapa tahu masih ada sobat blogger kita yang memang ingin memasang musik di blognya.Untuk caranya sangatlah sederhana,tidak terlalu repot kok,kalau begitu bagi yang berminat pasang musik di blognya silahkan ikuti cara-caranya di bawah ini : Pertama sobat kunjungi dulu situs fullmusik.net Selanjutnya sobat bisa pilih lagu nya sendiri karena di situs tersebut banyak pilihan jenis musiknya.contoh perhatikan lingkarang di bawah ini(saya memilih lagu rumor misalnya) Selanjutnya sobat akan di bawa ke halaman ini,dan disini sobat langsung saja copy kode embed lagunya yang akan sobat gunakan pada blog sobat,lihat gambar. Setelah kodeberhasil sobat ambil,langkah selanjutnya adalah menuju tahap pemasangan kode tersebut kedalam blog kita,untuk langkah-langkahnya adalah sebagai berikut : Masuk ke akun blog sobat Pilih menu tata letak > tambah...