Blogroll

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

Thursday, November 27, 2014

Cara Merubah atau Mengedit Background Pada Sidebar Right, Kanan/Wrapper

Cara Merubah atau Mengedit Background Pada Sidebar Right, Kanan/Wrapper


Salam super teman blogger. Pada kali ini npgprogram akan menjelaskan tentang Cara Merubah atau Mengedit Background Pada Sidebar Right, Kanan/Wrapper, Cara Merubah Background Pada Post / Sidebar Right, Kanan / Wrapper, Cara Mengedit Background Pada Sidebar Right, Kanan/Wrapper, Cara Mengganti Background Pada Sidebar Right, Kanan/Wrapper. Sebelum masuk lebih dalam keproses penjelasan sebaiknya sobat harus paham dengan bahasa html pada blog yang sobat gunakan karena kalau sobat tidak paham maka akan menyulitkan sobat blogger dalam mencari kode ataupun melakukan perubahan/pembenahan pada kode html sobat blogger. Langkah pertama yang dilakukan adalah harus mencari kode ]]></b:skin>
  1. Masuk ke akun blogger sobat
  2. Masuk ke menu Template
  3. Klik menu edit HTML
  4. Klik kusor pada kode html sobat terus tekan ctrl+F terus masukkan kode ]]></b:skin>
  5. Cari kode dibawah ]]></b:skin> 
  6. Buka:
    /* Komponen Sidebar Kanan ----------------------------------------------- */ .main-inner .fauxcolumn-right-outer { width: $(main.column.right.width); border-left: groove; border-right: groove; background: #DCDCDC; }
  7. Kemudian cari kode background: #DCDCDC;
  8. Ganti kode yang berwarna biru dengan kode warna yg sobat inginkan
Catatan : Setiap blog kode html pada komponen sidebar berbeda-beda jadi sobat harus teliti dan semangat mencari kode html sidebar jika kode html sidebar sobat tidak sesuai dengan kode html yang npgprogram jelaskan di atas.

OK SELAMAT MENCOBA!!!

Semoga artikel ini dapat bermanfaat bagi semua orang dan jangan lupa untuk mengisi buku tamu yang ada di pojok kanan atas serta jangan lupa untuk berkomentar demi kemajuan blog ini. Silakan copas artikel ini tetapi jangan lupa menyertakan alamat judul posting ini sebagai berikut : http://npgprogram.blogspot.com/2014/11/cara-merubah-atau-mengedit-background_34.html. Untuk Sumber Artikel.
Selamat menikmati.

Hargailah Karya Orang Lain


ttd






Cara Merubah atau Mengedit Background Pada Sidebar Left, Kiri/Wrapper

Cara Merubah atau Mengedit Background Pada Sidebar Left, Kiri/Wrapper


Salam super teman blogger. Pada kali ini npgprogram akan menjelaskan tentang Cara Merubah atau Mengedit Background Pada Sidebar Left, Kiri/Wrapper, Cara Merubah Background Pada Post / Sidebar Left, Kiri / Wrapper, Cara Mengedit Background Pada Sidebar Left, Kiri/Wrapper, Cara Mengganti Background Pada Sidebar Left, Kiri/Wrapper. Sebelum masuk lebih dalam keproses penjelasan sebaiknya sobat harus paham dengan bahasa html pada blog yang sobat gunakan karena kalau sobat tidak paham maka akan menyulitkan sobat blogger dalam mencari kode ataupun melakukan perubahan/pembenahan pada kode html sobat blogger. Langkah pertama yang dilakukan adalah harus mencari kode ]]></b:skin>
  1. Masuk ke akun blogger sobat
  2. Masuk ke menu Template
  3. Klik menu edit HTML
  4. Klik kusor pada kode html sobat terus tekan ctrl+F terus masukkan kode ]]></b:skin>
  5. Cari kode dibawah ]]></b:skin> 
  6. Buka:
    /* Komponen Sidebar Kiri ----------------------------------------------- */ .main-inner .fauxcolumn-left-outer { width: $(main.column.left.width); border-left: groove; border-right: groove; background: #DCDCDC; }
  7. Kemudian cari kode background: #DCDCDC;
  8. Ganti kode yang berwarna biru dengan kode warna yg sobat inginkan
Catatan : Setiap blog kode html pada komponen sidebar berbeda-beda jadi sobat harus teliti dan semangat mencari kode html sidebar jika kode html sidebar sobat tidak sesuai dengan kode html yang npgprogram jelaskan di atas.

OK SELAMAT MENCOBA!!!

Semoga artikel ini dapat bermanfaat bagi semua orang dan jangan lupa untuk mengisi buku tamu yang ada di pojok kanan atas serta jangan lupa untuk berkomentar demi kemajuan blog ini. Silakan copas artikel ini tetapi jangan lupa menyertakan alamat judul posting ini sebagai berikut : http://npgprogram.blogspot.com/2014/11/cara-merubah-atau-mengedit-background_27.html. Untuk Sumber Artikel.
Selamat menikmati.

Hargailah Karya Orang Lain


ttd





Cara Merubah atau Mengedit Background Pada Post/Sidebar/Wrapper

Cara Merubah atau Mengedit Background Pada Post/Sidebar/Wrapper


Salam super teman blogger. Pada kali ini npgprogram akan menjelaskan tentang Cara Merubah atau Mengedit Background Pada Post/Sidebar/Wrapper, Cara Merubah Background Pada Post / Sidebar / Wrapper, Cara Mengedit Background Pada Post/Sidebar/Wrapper, Cara Mengganti Background Pada Post/Sidebar/Wrapper. Sebelum masuk lebih dalam keproses penjelasan sebaiknya sobat harus paham dengan bahasa html pada blog yang sobat gunakan karena kalau sobat tidak paham maka akan menyulitkan sobat blogger dalam mencari kode ataupun melakukan perubahan/pembenahan pada kode html sobat blogger. Langkah pertama yang dilakukan adalah harus mencari kode ]]></b:skin>
  1. Masuk ke akun blogger sobat
  2. Masuk ke menu Template
  3. Klik menu edit HTML
  4. Klik kusor pada kode html sobat terus tekan ctrl+F terus masukkan kode ]]></b:skin>
  5. Cari kode dibawah ]]></b:skin> 
  6. Buka:
    /* Komponen Sidebar ----------------------------------------------- */ .main-inner .columns { padding-left: $(main.column.left.width); padding-right: $(main.column.right.width); } /* Komponen Sidebar Tengah ----------------------------------------------- */ .main-inner .fauxcolumn-center-outer { left: $(main.column.left.width); right: $(main.column.right.width); /* IE6 does not respect left and right together */ _width: expression(this.parentNode.offsetWidth - parseInt("$(main.column.left.width)") - parseInt("$(main.column.right.width)") + 'px'); border-style: 3px groove; background: #AFEEEE; }
  7. Kemudian cari kode background: #AFEEEE;
  8. Ganti kode yang berwarna biru dengan kode warna yg sobat inginkan
Catatan : Setiap blog kode html pada komponen sidebar berbeda-beda jadi sobat harus teliti dan semangat mencari kode html sidebar jika kode html sidebar sobat tidak sesuai dengan kode html yang npgprogram jelaskan di atas.

OK SELAMAT MENCOBA!!!

Semoga artikel ini dapat bermanfaat bagi semua orang dan jangan lupa untuk mengisi buku tamu yang ada di pojok kanan atas serta jangan lupa untuk berkomentar demi kemajuan blog ini. Silakan copas artikel ini tetapi jangan lupa menyertakan alamat judul posting ini sebagai berikut : http://npgprogram.blogspot.com/2014/11/cara-merubah-atau-mengedit-background.html. Untuk Sumber Artikel.
Selamat menikmati.

Hargailah Karya Orang Lain


ttd




Monday, February 25, 2013

Cara Menngunakan Health-Crawl Errors Pada Google Webmaster Tools

Cara Menngunakan Health-Crawl Errors Pada Google Webmaster Tools

Salam Super. Masih seputar tentang Webmaster Tools, karena sangat banyaknya menu pada webmaster tools maka npgprogram harus mempostingnyanya satu-persatu guna untuk memberikan tutorial dalam penggunaan webmaster tools buatan google ini. Untuk kali ini npgprogram akan melanjutkan pada tentang Tutorial Cara Menngunakan Health-Crawl Errors Pada Google Webmaster Tools. Dengan informasi ini maka sobat blogger dapat wawasan baru serta dapat menggunakan Crawl Errors jika blog sobat mengalami masalah ataupun gangguan. 

Untuk kali ini npgprogram akan memberikan tutorialnya dengan sangat mudah sehingga sobat dapat mencobanya untuk menagani masalah url ataupun masalan errors pada blog sobat. Sebelum menuju ketutorialnya coba simak penjelasan sedikit ini "Crawl kesalahan ditandai sebagai muncul kembali mungkin tetap dalam daftar jika masalah mendasar tidak terselesaikan. Pada halaman Crawl Kesalahan, Sobat dapat menandai kesalahan untuk URL tertentu sebagai tetap. Ini memberitahu Google bahwa Sobat tidak lagi ingin melihat masalah ini, dan menghapus URL dari daftar. Namun, kecuali Sobat menyelesaikan masalah yang mendasari, kesalahan merangkak ditandai akan muncul kembali waktu berikutnya Googlebot merayapi URL tersebut."
  • Sobat masuk dulu ke alamat Webmaster Tools
  • Setelah itu klik blog sobat
  • Kemudiann Klik Health-Crawl Errors/Kesalan Perayapan
  • Nah jika ada errors/kesalan maka cepat sobat tangani sebagai contoh blog npgprogram mengalami masalah lihat di bawah ini untuk lebih jelasnya. 

Dari gambar diatas  blog npgprogram mengalami 1 error, maka langkah untuk menanganinya yaitu dengan cara centang dulu yang tanda lingkaran kecil kemudian klik yang tanda lingkaran besar sehingga seperti gambar dibawah ini.


 Setelah itu tinggal Sobat klik OK. Maka masalah sudah teratasi shingga tampilannya seperti gambar dibawah ini.


Maka error sudah teratasi dan tidak ada data yang ditangani lagi.


<OK SELAMAT MENCOBA!!!>

Semoga artikel ini dapat bermanfaat bagi semua orang dan jangan lupa untuk mengisi buku tamu yang ada di pojok kanan atas serta jangan lupa untuk berkomentar demi kemajuan blog ini. Silakan copas artikel ini tetapi jangan lupa menyertakan alamat judul posting ini sebagai berikut :http://npgprogram.blogspot.com/2013/02/cara-menngunakan-health-crawl-errors.html. Untuk Sumber Artikel.
Selamat menikmati.

Hargailah Karya Orang Lain


Artikel Terkait
ttd

Cara Mencari/Menemukan URL Halaman (How To Find The URL Of a Page)

Cara Mencari/Menemukan URL Halaman (How To Find The URL Of a Page)

Salam Super. Untuk kali ini npgprogram akan memberikan info tentang Tutorial Cara Mencari/Menemukan URL Halaman (How To Find The URL Of a Page). Tutorial ini masih berhubungan dengan Webmaster Tools. Menemukan URL Halaman atau Find The URL Of a Page merupakan pengembangan pada posting sebelumnya Cara Menggunakan Configuration TautanSitus/Sitelinks Webmaster Tools. Nah untuk lebih jelasnya simaklah penjelasan dibawah ini.


Ketika meminta penghapusan atau penurunan pangkat dari URL, penting untuk memasukkan URL yang tepat yang muncul dalam hasil pencarian. Kecil variasi dalam URL-seperti www.example.com/dragon vs www.example.com/Dragon-mungkin tidak terlihat signifikan, tetapi ini benar-benar dua URL yang berbeda (dan, pada beberapa server, dapat menunjukkan konten yang berbeda). Agar Google untuk menghapus atau menurunkan konten yang Sobat inginkan, Sobat harus memasukkan URL yang tepat yang Sobat temukan dalam hasil pencarian kami. Berikut adalah beberapa tips untuk menemukan URL yang tepat:

Ellipses

Jika URL hijau di halaman hasil pencarian berisi elips (...), ini biasanya mengindikasikan bahwa URL yang ditampilkan telah disingkat untuk tujuan tampilan.
image of a Google search result snippet showing a truncated URL
Jangan copy-dan-paste URL dengan elips, melainkan, klik judul itu hasil pencarian (ditampilkan sebagai 1 pada gambar di atas). Ketika halaman terbuka, salin URL dari address bar browser Sobat. Metode lain untuk mendapatkan URL untuk klik kanan link di hasil pencarian, dan copy URL. Ketika Sobat tempel ke alat penghapusan URL atau alat sitelink penurunan pangkat, Sobat mungkin akan melihat URL yang sangat panjang yang dimulai dengan www.google.com, tapi jangan khawatir: google akan dapat mengidentifikasi URL yang benar.

Capitalization


Penghapusan URL alat dan alat demosi sitelink adalah case-sensitive. Ini berarti bahwa memasuki www.example.com/nunchuckskills tidak akan menghapus atau menurunkan www.example.com/NunchuckSkills, dan sebaliknya. Pastikan bahwa URL yang Sobat masukkan menggunakan kombinasi yang sama dari huruf besar dan / atau huruf kecil sebagai URL yang muncul dalam hasil pencarian kami. Sekali lagi, membuka halaman dan menyalin URL dari address bar adalah cara yang paling dapat diandalkan untuk memastikan Sobat mendapatkan URL yang benar.



Multiple URLs

Itu umum, terutama pada situs-situs forum-atau benang-based, untuk konten yang sama muncul di beberapa URL. Sebagai contoh:


http://www.example.com/forum/thread/123
http://www.example.com/forum/post/456
http://www.example.com/forum/thread/123?post=456
http://www.example.com/forum/thread/123?post=456&sessionid=12837460
Bahkan jika Sobat berhasil meminta penghapusan atau penurunan pangkat satu URL, isi Sobat mencoba untuk menghapus juga dapat muncul dalam hasil pencarian kami di bawah URL lainnya. Jika hal ini terjadi, Sobat hanya dapat mengirimkan permintaan penghapusan tambahan-satu untuk setiap URL yang menampilkan konten ini.

Jika salah satu dari permintaan penghapusan Sobat telah ditandai sebagai 'Dihapus' tetapi Sobat masih melihat konten dalam hasil pencarian kami, periksa apakah URL yang muncul dalam hasil pencarian google adalah persis sama dengan yang Sobat kirimkan untuk penghapusan (termasuk kapitalisasi ). Jika tidak, Sobat harus meminta penghapusan URL tambahan (s) yang masih muncul dalam hasil pencarian.

Itu merupakan informasi yang diberikan kepada kita semua pengguna blogger untuk biar lebih memahami tentang Webmaster Tools yang di berikan Google kepada kita semua. Untuk lebih jelasnya silakan buka alamat berikut : https://support.google.com/webmasters/bin/answer.py?hl=id&answer=63758



<OK SELAMAT MENCOBA!!!>

Semoga artikel ini dapat bermanfaat bagi semua orang dan jangan lupa untuk mengisi buku tamu yang ada di pojok kanan atas serta jangan lupa untuk berkomentar demi kemajuan blog ini. Silakan copas artikel ini tetapi jangan lupa menyertakan alamat judul posting ini sebagai berikut :http://npgprogram.blogspot.com/2013/02/cara-mencarimenemukan-url-halaman-how.html. Untuk Sumber Artikel.
Selamat menikmati.

Hargailah Karya Orang Lain


Artikel Terkait
ttd

Sunday, February 17, 2013

Cara Menggunakan Configuration TautanSitus/Sitelinks Webmaster Tools

Cara Menggunakan Configuration TautanSitus/Sitelinks Webmaster Tools

Salam Super. Nah menyambung posting yang sebelumnya tentang Cara Membuat Configuration Settings Pada Webmaster Tools. Kali ini npgprogram akan menjelaskan Tentang Tutorial Cara Menggunakan Configuration TautanSitus/Sitelinks Webmaster Tools sehingga sobat bisa menggunakannya dengan benar. Yah Webmaster Tools merupakan alat yang banyak mendukung tentang merawat dan menseting blog sehingga menjadi blog yang lebih bermutu. Disini npgpprogram akan menjelaskan sedikit tentang Tautansitus, Tautansitus merupakan tautan yang dihasilkan secara otomatis, yang dapat muncul pada hasil penelusuran situs sobat. Jika tidak ingin laman muncul sebagai tautan situs, sobat dapat mendemosikannya. Hanya pemilik situs dan pengguna dengan izin penuh yang dapat mendemosikan tautan situs tersebut hal ini dikarenakan yang yang punya akses penuh keakun sobat hanya sobat sediri.


Tautan yang ditunjukkan di bawah ini beberapa hasil pencarian Google, yang disebut sitelinks, dimaksudkan untuk membantu pengguna menavigasi situs sobat. Sistem darai Google akan menganalisis struktur link dari situs sobat untuk menemukan jalan pintas yang akan menghemat waktu pengguna dan memungkinkan mereka untuk dengan cepat menemukan informasi yang mereka cari.
Keterangan :

  1. The main search result/Hasil utama pencarian
  2. Sitelinks/Tautan Situs

Google hanya akan menampilkan tautan situs untuk hasil ketika kita berpikir mereka akan berguna bagi pengguna. Jika struktur situs sobat tidak mengijinkan algoritma Google menemukan tautan situs yang baik, atau kita tidak berpikir bahwa tautan situs untuk situs sobat relevan untuk query pengguna, google tidak akan menunjukkan kepada mereka.

Pada saat ini, sitelinks/tautan situs yang otomatis. Google sendiri selalu berupaya untuk meningkatkan algoritma sitelinks, dan kita dapat menggabungkan masukan webmaster di masa depan. Ada praktek-praktek terbaik yang bisa sobat pelajari, namun, untuk meningkatkan kualitas sitelinks sobat. Sebagai contoh, untuk link internal situs sobat, pastikan sobat menggunakan jangkar teks dan alt teks yang informatif, kompak, dan menghindari pengulangan.

Jika sobat berpikir bahwa URL sitelink tidak tepat atau tidak benar, Sobat dapat menggantinya. Mengganti URL untuk tautan situs memberitahu Google bahwa sobat tidak menganggap URL ini calon sitelink baik untuk halaman tertentu di situs sobat. Google tidak menjamin bahwa URL diturunkan tidak akan pernah muncul sebagai tautan situs, tapi google menganggap demosi sebuah petunjuk yang kuat bahwa dia akan mencoba untuk menghormati saat sobat membuat sitelinks.
Cara untuk menggantinya sebagai berikut:
  1. Sobat harus masuk dulu Pada halaman Home Webmaster Tools, klik situs yang Sobat inginkan. 
  2. Kemudian klik configuration/konfigurasi, Klik Sitelinks/ Tautansitus
  3. Untuk kotak hasil pencarian, menyelesaikan URL yang sobat tidak ingin URL sitelink tertentu muncul. (Bagaimana menemukan URL yang tepat.) 
  4. Pada kotak URL ini Demosi sitelink, digunakan untuk menyelesaikan URL sitelink sobat yang akan diganti atau di demosikan.
Lihat gambar dibawah ini


Jadi silakan sobat ganti ataupun ubah sitelink situs dari blog sobat sesuka sobat. Jika memang artikel ini bagus mohon dishare ke teman-teman sobat. Komentarlah sobat pada blog ini demi kemajuan dan perkembangan menuju lebih baik.

<OK SELAMAT MENCOBA!!!>

Semoga artikel ini dapat bermanfaat bagi semua orang dan jangan lupa untuk mengisi buku tamu yang ada di pojok kanan atas serta jangan lupa untuk berkomentar demi kemajuan blog ini. Silakan copas artikel ini tetapi jangan lupa menyertakan alamat judul posting ini sebagai berikut :http://npgprogram.blogspot.com/2013/02/cara-menggunakan-configuration.html. Untuk Sumber Artikel.
Selamat menikmati.

Hargailah Karya Orang Lain


Artikel Terkait
ttd

Saturday, February 16, 2013

Cara Menggunakan Configuration Settings Pada Webmaster Tools

Cara Menggunakan Configuration Settings Pada Webmaster Tools

Salam Super. Ok sobat kali ini npgprogram akan meneruskan tentang Tutorial Cara Menggunakan Configuration Settings Pada Webmaster Tools, Sebelum melanjutkan lebih jau sobat harus terdaftar terlebih dahulu di Webmaster Tools milik google. Untuk lebih jelasnya cara mendaftar baca dahulu Cara Mendaftarkan Web/Blog pada Webmaster Tools. Ok setelah mendaftar kita lanjut menuju seting konfigurasinya, Mungkin sobat akan berfikir sulit karena berhubungan dengan webmaster tools. Tapi jangan kuatir sobat, akan mudah mensetingnya jika sobat mengikuti langkah yang akan di jelaskan npgprogram. Untuk lebih jelasnya agar sobat lebih mudah untuk memahaminya langsung kecaranya sebagai berikut.

  • Sobat harus menuju ke Webmaster Tools dulu
  • Setelah itu Klik blog sobat seperti gambar di bawah ini



  • Kemudian klik Configuration/Konfigurasi
  • Kemudian klik Setting/Setelan
  • Setelah itu ada 3 menu yaitu :
  1. Geographic target

  2. Preferred domain

  3. Crawl rate


  • Untuk Geographic target klik Target user/Pengguna Tujuan kemudian pilih negara yang akan dituju untuk geo lokasinya. Perlu diketahui Geographic target diperuntukkan untuk pengguna domain tingkat atas yang netral seperti, [dot]com atau [dot]org. penargetan-geo membantu Google menentukan bagaimana situs sobat muncul di hasil penelusuran, dan meningkatkan hasil penelusuran google untuk kueri geografis. Jika sobat tidak ingin situs sobat dikaitkan dengan lokasi mana pun, pilih Tidak Terdaftar atau jangan klik centang pada Target user/Pengguna Tujuan. Oleh sebab itu sobat pikir dulu bagi pengguna domain tingkan sederhana seperti blogspot/wordpress tapi untuk pengguna domain tingkat atas silkan pilih lokasi geo tujuan sobat.
  • Preferred domain digunakan Jika Anda menentukan domain pilihan sebagai http://www.example.com dan google menemukan tautan kehttp://example.com, google akan menganggap kedua tautan tersebut sama.
  • Crawl rate merupakan Tujuan Goole untuk merayapi laman dari situs sobatsebanyak mungkin tanpa membebani bandwidth server yang sobat gunakan. Frekuensi perayapan (kecepatan permintaan Google selama perayapan) untuk situs pada tingkat subdomain atau akar - misalnya,www.example.com dan http://subdomain.example.com dapat sobat ubah. Frekuensi perayapan khusus baru akan valid selama 90 hari.

<OK SELAMAT MENCOBA!!!>

Semoga artikel ini dapat bermanfaat bagi semua orang dan jangan lupa untuk mengisi buku tamu yang ada di pojok kanan atas serta jangan lupa untuk berkomentar demi kemajuan blog ini. Silakan copas artikel ini tetapi jangan lupa menyertakan alamat judul posting ini sebagai berikut :http://npgprogram.blogspot.com/2013/02/cara-membuat-configuration-settings.html. Untuk Sumber Artikel.
Selamat menikmati.

Hargailah Karya Orang Lain


Artikel Terkait
ttd

Cara Mendaftarkan Web/Blog pada Webmaster Tools

Cara Mendaftarkan Web/Blog pada Webmaster Tools

Salam Super. Hai sobat blogger, sekarang ini npgprogram akan memberikan tutorial seputar Webmaster Tools. Tapi untuk saat ini npg akan akan memposting Tutorial Cara Mendaftarkan Web/Blog pada Webmaster Tools. Nah kabar baik untuk yang pengguna blogger/blogspot dikarenakan milik google maka pasti yang memakai blogger/blogspot otomatis sudah terdaftar, tapi bagi pengguna lain seperti wordpress dll juga jangan berkecil hati karena sobat bisa daftar situs sobat.

Yah bisa dilihat sekarang ini google sudah sangat memperhatikan tentang member blogger/blogspot hal ini terbukti adanya Webmaster Tools. Sebelum menuju cara mendaftarkan situs npgakan mengulas sedikit tentang webmaster tools buatan google. Alat tersebut merupakan alat yang digunakan untuk mengatur blog kita, seperti bisa mengetahui trafic blog, bisa disimpulkan untuk mengatur blog kita. 

Untuk sobat blogger kebanyakan sudah terdaftar kalaupun belum terdaftar silakan daftar dan bagi pengguna selain blogger juga bisa daftar. OK sekarang kita langsung saja menuju kecaranya yang akan npgprogram jelaskan di bawah ini:

  • Bagi sobat semua silakan langsung menuju link Pendaftaran
  • Ok jika sobat sudah menuju linknya simak caranya berikut
  • Langkah selanjutnya bagi sobat blogger yang belum terdaftar mungkin disuruh untuk login terlebih dahulu sehingga langsung bisa terdaftar. Untuk sobat selain pengguna blogger maka harus mendaftarkan blognya dahulu dengan menekan ADD A SITE di pojok kanan atas untuk lebih jelasnya lihat gambar sebagi berikut:



  • Setelah mengkliknya ikuti prosedur pendaftaranya
  • Jika sudah semua maka blog sobat sudah terdaftar di  Webmaster Tools.
<OK SELAMAT MENCOBA!!!>

Semoga artikel ini dapat bermanfaat bagi semua orang dan jangan lupa untuk mengisi buku tamu yang ada di pojok kanan atas serta jangan lupa untuk berkomentar demi kemajuan blog ini. Silakan copas artikel ini tetapi jangan lupa menyertakan alamat judul posting ini sebagai berikut :http://npgprogram.blogspot.com/2013/02/cara-mendaftarkan-webblog-pada.html. Untuk Sumber Artikel.
Selamat menikmati.

Hargailah Karya Orang Lain

ttd

Friday, February 15, 2013

Cara Membuat Blog Archive Menjadi Scroll di Blog

Cara Membuat Blog Archive Menjadi Scroll di Blog

Salam Super. Sobat blogger kali ini npgprogram akan memberikan tutorial Cara Membuat Blog Archive Menjadi Scroll di Blog , Mungkin artikel ini sudah menjamur tapi menurut npgprogram semua kode HTML juga banyak yang berbeda jadi npgprogram akan memberikan tutorial kepada sobat semua dengan lebih mudah dipahami. Masih bergelut dengan bahasa html, disini kita akan mnambahkan kode html juga tetapi cara menambahkannya sedikit rumit bagi yang masih newbe. Jika sobat blogger ingin cepat bisa maka harus giat belajar, kalau begitu kita langsung menuju kecaranya saja.
  • Sobat masuk ke akun blogger
  • Klik template
  • Klik edit HTML
  • Klik expand widget template
  • Tekan ctrl+F kemudian pastekan kode berikut <div id='ArchiveList'> 
  • Setelah menemukan kode diatas maka bentuknya akan seperti dibawah ini
   <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    ...................................................................................................
  <b:include name='quickedit'/>
  </div>
  • Kemudian pastekan kode berikut <div style='overflow:auto; width:ancho; height:350px;'> tepat diatas kode <div class='widget-content'>
  • Kemudian beri kode berikut </div> tepat dibelakang kode <b:include name='quickedit'/>
  • Setelah semuanya terpasang maka hasilnya akan seperti di bawah ini:
Hsil Akhir:
<div style='overflow:auto; width:ancho; height:350px;'> <div class='widget-content'> <div id='ArchiveList'> <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'> <b:if cond='data:style == &quot;HIERARCHY&quot;'> <b:include data='data' name='interval'/> </b:if> <b:if cond='data:style == &quot;FLAT&quot;'> <b:include data='data' name='flat'/> </b:if> <b:if cond='data:style == &quot;MENU&quot;'> <b:include data='data' name='menu'/> </b:if> </div> </div> <b:include name='quickedit'/> </div></div>
Hasil Nya



<OK SELAMAT MENCOBA!!!>

Semoga artikel ini dapat bermanfaat bagi semua orang dan jangan lupa untuk mengisi buku tamu yang ada di pojok kanan atas serta jangan lupa untuk berkomentar demi kemajuan blog ini. Silakan copas artikel ini tetapi jangan lupa menyertakan alamat judul posting ini sebagai berikut :http://npgprogram.blogspot.com/2013/02/cara-membuat-blog-arckive-menjadi.html. Untuk Sumber Artikel.
Selamat menikmati.

Hargailah Karya Orang Lain


Artikel Terkait

ttd
npgprogram.blogspot.com

Cara Membuat Pesan Diatas Kotak Komentar (Form Comment)

Cara Membuat Pesan Diatas Kotak Komentar (Form Comment)

Salam Super. Nah kali ini npgprogram akan memposting tentang Cara Membuat Pesan Diatas Kotak Komentar (Form Comment) di blog. Yah mungkin sedikit rumit caranya tapi kalau sobat blogger menyimaknya dengan sabar dan teliti pasti sangat mudah. Caranya masih memerlukan pengeditan tentang html, tapi kalau sobat blogger pingin cepat yang g usah pakek settingan html. Langsung saja menuju kecaranya biar sobat semuanya agar lebih memahaminya.

  • Masuk ke akun sobat blogger
  • Klik template
  • Klik edit html
  • Klik expand widget template
  • Tekan ctrl+F pastekan kode berikut <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  • Setelah itu cari kode berikut <p><data:blogCommentMessage/></p>
  • Sehingga muncul kode berikut
 <h4 id='comment-post-message'><data:postCommentMsg/></h4>
      <p><data:blogCommentMessage/>Pesan Komentar Sobat Bogger<P>

  • Gantilah  tulisan yang berwarna biru sesuai keinginan sobat
  • Save template
Hasilnya sebagai berikut :





<Semoga BERHASIL>


Semoga artikel ini dapat bermanfaat bagi semua orang dan jangan lupa untuk mengisi buku tamu yang ada di pojok kanan atas serta jangan lupa untuk berkomentar demi kemajuan blog ini. Silakan copas artikel ini tetapi jangan lupa menyertakan alamat judul posting ini sebagai berikut :http://npgprogram.blogspot.com/2013/02/cara-membuat-pesan-diatas-kotak.html. Untuk Sumber Artikel.
Selamat menikmati.

Hargailah Karya Orang Lain


ttd
npgprogram.blogspot.com

Wednesday, February 13, 2013

Cara MemperCepat Loading Blog atau Malah Memperlamabat

Cara MemperCepat Loading Blog atau Malah Memperlamabat

Salam super. Kali ini npgprogram akan memposting tentang Cara Mempercepat Loading Blog atau Malah Memperlambat. Nah mungkin sobat blogger yang banyak memakai script maka akan merasakan loading blognya sangat lama dan ha ini dapat mempengaruhi jumlah pengunjung blog alhasil bisa diketahui maka trafic blog akan menurun drastis. Ok simak penjelasan berikut ini :

Cara Mempercepat Loading Pada Blog
  • Silakan desain blog sesederhana mungkin tapi tetap enak dipandang.
  • Jangan terlalu banyak menggunakan script (Script yang berlebihan).
  • Silakan kompres kode html atau kode CSS nah disini sudah bnyak penyedia layanan untuk mengkompres kode tersebut.
  • Ataupun silakan menggunakan Script Mempercepat Loading Pada Blog
Nah yang mau saya bahas adalah efek dari penggunaan script untuk mempercepat loading pada blog. Disini kita sudah pasti senang sekali kaalu sudah menemukan scriptnya dan memasangnya pada blog kita. Tapi apakah sobat blogger tau akibatnya jika memasang script ini:

Akibat Pemasangan Script

  • Template blog bisa berubah tidak beraturan sehingga menjadikan blog kacau. Hal ini disebabkan adanya kode jquery, bagi template blog sobat yang bisa cocok dengan kode jquery ya pasti tidak ada pengaruhnya sedangkan pada template blog yang tidak cocok maka sudah bisa dilihat hasilnya, yaitu akan membuat template blog kacau dan memperlambat kinerja blog. 
  • Adapun kode tersebut dikunci atau berlisensi sehingga perlu ijin dulu untuk menggunakannya, jika tidak ada lisensinya ataupun kode dikunci maka kode tersebut tidak bisa digunakan alhasil menjadi kode yang sia-sia sehingga dapat memperlambat kinerja blog.
  • Script tersebut biasanya mempengaruhi SEO. Jika script tersebut tidak cocok digunakan pada template blog maka akan memnggu kinerja script yang lain. Nah disini poinnya sobat blogger, Jika hal tersebut terjadi maka kinerja meta tag robot blog ataupun googlebot terganngu sehingga mengakibatkan SEO menurun.



Kesimpulan yang diperoleh silakan menggunkan cara yang 1-3 sehingga blog tetap dalam kinerja yang prima atapun bagus. Untuk cara yang ke 4 npgprogram tidak menganjurkan untuk memakainya sehingga NOT Reommendation.

Yah kalau sobat blogger memaksa untuk memakainya silakan saja tapi resiko ditanggung sendiri. Yah yang penting npgprogram sudah mengingatkannya kalau masih bersikeras ingin mencobanya silakan ikuti langkah berikut :
  • Silakan sobat masuk ke akun blogger
  • Klik template
  • Klik edit Html
  • Klik Expand widget
  • Tekan ctrl+F kemudian cari kode </head>
  • Pastekan script dibawah ini tepat di atas kode </head>
Script:
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/> <script charset='utf-8' type='text/javascript'> $(function() { $(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg86VmZ_PfJzg3CnMLZgGzXLGHkle_aamKsimvyvmU8WfEYM_AMWwYsv5BcOR3pm_3MOrGQJ0aH92WIv5EHN6HMKAgajKmPKCp356o9zqRZYDlI3DShaq6OCIK53yahoRsajibjOa9qGFs/&quot;,threshold : 200}); }); </script>
Sekali lagi mengingatkan lo cocok silakan dipakai lo g cocok Jangan pakai.

<Semoga BERHASIL>


Semoga artikel ini dapat bermanfaat bagi semua orang dan jangan lupa untuk mengisi buku tamu yang ada di pojok kanan atas serta jangan lupa untuk berkomentar demi kemajuan blog ini. Silakan copas artikel ini tetapi jangan lupa menyertakan alamat judul posting ini sebagai berikut :http://npgprogram.blogspot.com/2013/02/mempercepat-loading-blog-atau-malah.html. Untuk Sumber Artikel.
Selamat menikmati.

Hargailah Karya Orang Lain


ttd
npgprogram.blogspot.com





Wednesday, February 6, 2013

Cara Membuat Label Menjadi Scroll Terbaru

Cara Membuat Label Menjadi Scroll Terbaru

Salam Super. Nah berjumpa kembali dengan npgprogram, kali ini akan membuat tutorial cara membuat scroll pada label blog versi terbaru menurut npgprogram. OK sebelumnya sudah dijelaskan pada artikel
Script Untuk Menjadikan Scroll Pada Blog atau WEB. Langsung saja kecaranya biar lebih jelas.

  • Masuk akun blogger sobat
  • Klik template
  • Klik edit html
  • Tekan ctrl+F cari kode dibawah

<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>

  • Pastekan kode berikut pada kode yang diatas
 <div style='overflow:auto; width:ancho; height:150px;'>

  • Kemudian jangan lupa di tutup dengan kode </div> 
  • Sehingga Kode mencadi seperti dibawah
Judul Spoiler Sobat:
<div style='overflow:auto; width:ancho; height:150px;'> <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'> <b:if cond='data:display == &quot;list&quot;'> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span dir='ltr'>(<data:label.count/>)</span> </b:if> </li> </b:loop> </ul> <b:else/> <b:loop values='data:labels' var='label'> <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span class='label-count' dir='ltr'>(<data:label.count/>)</span> </b:if> </span> </b:loop> </b:if> <b:include name='quickedit'/> </div> </div>
  • Sehingg Hasilnya menjadi




OK SELAMAT MENCOBA!!!

Semoga artikel ini dapat bermanfaat bagi semua orang dan jangan lupa untuk mengisi buku tamu yang ada di pojok kanan atas serta jangan lupa untuk berkomentar demi kemajuan blog ini. Silakan copas artikel ini tetapi jangan lupa menyertakan alamat judul posting ini sebagai berikut :http://npgprogram.blogspot.com/2013/02/cara-membuat-label-menjadi-scroll.html. Untuk Sumber Artikel.
Selamat menikmati.

Hargailah Karya Orang Lain


ttd
npgprogram.blogspot.com


Script Iklan Melayang di (Atas)


Script Iklan Melayang di Atas

Salam Super. Hemm kali ini npgprogram akan memposting kode script iklan yang berada pada posisi melayang diatas blog. Maaf sobat blogger npgprogram baru updatet lagi, dikarenakan banyak urusan yang harus diselesaikan dan mengurusi blog yang lainnya. Ok kembali ke pokok bahasan, banyaknya blog yang berkembang maka banyak pula yang di gunakan untuk mencari uang. Yah kalau begitu langsung saja ke cara masangnya.
  • Masuk dulu ke akun blogger sobat
  • Klik layout atau tata letak
  • Klik add a gadget
  • Klik HTML/Java script
  • Kemudian Masukkan Kode dibawah ini
  • Kode Script 
Judul Spoiler Sobat:
<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:left; border:2px solid #ffffff; background:#ffffff; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir-100; gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} }</script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <div style="text-align:left"> <a href="javascript:showHideGB()"> <button>Tutup Iklan Ini</button> </a> </div> <center> LETAKAN KODE IKLAN DISINI </center> <div style="text-align:left"> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (20-gb.offsetWidth).toString() + "px"; </script></div></div>

  • Klik Save dan Lihatlah hasilnya

OK SELAMAT MENCOBA!!!

Semoga artikel ini dapat bermanfaat bagi semua orang dan jangan lupa untuk mengisi buku tamu yang ada di pojok kanan atas serta jangan lupa untuk berkomentar demi kemajuan blog ini. Silakan copas artikel ini tetapi jangan lupa menyertakan alamat judul posting ini sebagai berikut : http://npgprogram.blogspot.com/2013/02/script-iklan-melayang-di-atas.html. Untuk Sumber Artikel.
Selamat menikmati.
Hargailah Karya Orang Lain

ttd
npgprogram.blogspot.com









Tuesday, February 5, 2013

Kode Script Iklan di-Bawah Melayang


Kode Script Iklan di-Bawah Melayang

Salam Super. Hemm kali ini npgprogram akan memposting kode secript iklan yang berada pada posisi melayang diwah blog. Maaf sobat blogger npgprogram baru updatet lagi, dikarenakan banyak urusan yang harus diselesaikan dan mengurusi blog yang lainnya. Ok kembali ke pokok bahasan, banyaknya blog yang berkembang maka banyak pula yang di gunakan untuk mencari uang. Yah kalau begitu langsung saja ke cara masangnya.
  • Masuk dulu ke akun blogger sobat
  • Klik layout atau tata letak
  • Klik add a gadget
  • Klik HTML/Java script
  • Kemudian Masukkan Kode dibawah ini
  • Kode Script 
Judul Spoiler Sobat:
<div id="floating_banner_top" style="position:fixed; bottom:0; background:none; width:1000px; height:80px; z-index:100; "> <div style="width:1000px; height:20px; text-align:center;"> <a href="#" onclick="document.getElementById('floating_banner_top').style.display='none';return false;"> <img border="none" src="http://www.voa-islam.com/images/close-icon.png"/> </a> </div> <div style="width:1000px; height:80px; background:#FFFFFF;"> Letakan Script Banner Iklan Anda Di Sini :D </div> </div>
OK SELAMAT MENCOBA!!!

Semoga artikel ini dapat bermanfaat bagi semua orang dan jangan lupa untuk mengisi buku tamu yang ada di pojok kanan atas serta jangan lupa untuk berkomentar demi kemajuan blog ini. Silakan copas artikel ini tetapi jangan lupa menyertakan alamat judul posting ini sebagai berikut : http://npgprogram.blogspot.com/2013/02/kode-script-iklan-di-bawah-melayang.html. Untuk Sumber Artikel.
Selamat menikmati.
Hargailah Karya Orang Lain

ttd
npgprogram.blogspot.com










Kode Script Iklan Kanan-Kiri

Kode Script Iklan Kanan-Kiri

Salam Super. Hemm kali ini npgprogram akan memposting kode secript iklan yang berada pada posisi kanan dan dikiri blog. Maaf sobat blogger npgprogram baru updatet lagi, dikarenakan banyak urusan yang harus diselesaikan dan mengurusi blog yang lainnya. Ok kembali ke pokok bahasan, banyaknya blog yang berkembang maka banyak pula yang di gunakan untuk mencari uang. Yah kalau begitu langsung saja ke cara masangnya.
  • Masuk dulu ke akun blogger sobat
  • Klik layout atau tata letak
  • Klik add a gadget
  • Klik HTML/Java script
  • Kemudian Masukkan Kode dibawah ini
  • Kode Script Pertama
Kode Script 1:
<style type="text/css">l #adsense_blog { position:fixed;_position:absolute;top:0px; right:0px;width: 160px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); } </style> <script type="text/javascript"> function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function close1(){ if (persistclose) document.cookie="remainclosed=1" document.getElementById("adsense_blog").style.visibility="hidden" } if (window.addEventListener) window.addEventListener("load", staticbar, false) else if (window.attachEvent) window.attachEvent("onload", staticbar) else if (document.getElementById) window.onload=staticbar </script> <br /> <div class="clear"> </div> <div id="adsense_blog"> <div style="text-align: right;"> <a href="" onclick="close1(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnyLvTOolXYAHu092Iege7BbsOGPWK_LIeKeseYyV5BnzHok7KynZAH1Nw2spde1xBjM87BomZCCkXPqSXdWsc41r2-69vQNRqr4RefpTN7aOAmgeq4HjhiFJuRDTK1vd44RAo2aIW0Zdc/s1600/close3.png" /></a></div> <div onclick='close1()'> <div style="background: #fff;"> <!-- Start of adf.ly banner code --><a href="http://adf.ly/?id=3122622"><img border="0" src="http://cdn.adf.ly/images/banners/adfly.160x600.4.gif" width="160" height="600" title="AdF.ly - shorten links and earn money!" /></a> <!-- End of adf.ly banner code --></div> </div></div> <style type="text/css"> #adsense_blog1 { position:fixed;_position:absolute;top:0px; left:0px;width: 160px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); } </style> <script type="text/javascript"> function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function close11(){ if (persistclose) document.cookie="remainclosed=1" document.getElementById("adsense_blog1").style.visibility="hidden" } if (window.addEventListener) window.addEventListener("load", staticbar, false) else if (window.attachEvent) window.attachEvent("onload", staticbar) else if (document.getElementById) window.onload=staticbar </script> <br /> <div class="clear"> </div> <div id="adsense_blog1"> <div style="text-align: left;"> <a href="" onclick="close11(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnyLvTOolXYAHu092Iege7BbsOGPWK_LIeKeseYyV5BnzHok7KynZAH1Nw2spde1xBjM87BomZCCkXPqSXdWsc41r2-69vQNRqr4RefpTN7aOAmgeq4HjhiFJuRDTK1vd44RAo2aIW0Zdc/s1600/close3.png" /></a></div> <div onclick='close11()'> <div style="background: #fff;"> <p style="line-height: 100%; margin-top: 0; margin-bottom: 0" align="center"> <!-- Start of adf.ly banner code --><a href="http://adf.ly/?id=3122622"><img border="0" src="http://cdn.adf.ly/images/banners/adfly.160x600.4.gif" width="160" height="600" title="AdF.ly - shorten links and earn money!" /></a> <!-- End of adf.ly banner code --><p></p> </p></div></div></div>
  • Kode secript adf.ly dengan kode script iklan sobat
Kode Script 2:
<script type='text/javascript'> $(document).ready(function() { $('img#closed').click(function(){ $('#btm_banner').hide(90); }); }); </script> <script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)}; </script><script type="text/javascript"> if (window.jstiming) window.jstiming.load.tick('headEnd'); </script> <!--start: floating ads--> <div id="teaser2" style="width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;"> <!--Mulai disini--> Kode Secript Iklan <!--Akhir disini--> </div> <!--end: floating ads--> <!--start: floating ads--> <div id="teaser3" style="width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;"> <!--Mulai disini--> Kode Secript Iklan <!--Akhir disini--> </div> <!--end: floating ads-->
  • Kode script iklanganti dengan kode script iklan sobat
Contoh Hasil :


OK SELAMAT MENCOBA!!!

Semoga artikel ini dapat bermanfaat bagi semua orang dan jangan lupa untuk mengisi buku tamu yang ada di pojok kanan atas serta jangan lupa untuk berkomentar demi kemajuan blog ini. Silakan copas artikel ini tetapi jangan lupa menyertakan alamat judul posting ini sebagai berikut : http://npgprogram.blogspot.com/2013/02/kode-secript-iklan-kanan-kiri.html. Untuk Sumber Artikel.
Selamat menikmati.
Hargailah Karya Orang Lain

ttd
npgprogram.blogspot.com