ChugyGogog

Tips kali ini saya akan membahas bagaimana cara menghilangkan jejak link atau image yang telah kita klick. Mungkin banyak orang yang kurang memperhatikan bekas link yang telah di klik biasanya ada seperti border dotted atau titik titik kecil di sekitar link, contohnya seperti gambar di bawah ini : Jejak seperti ini memang tidak menggangu si, tapi buat sebagian orang yang mencintai keindahan pada blog-ya atau website-y ini tentu sangat membantu supaya tampilan nya terlihat lebih Profesional. Untuk menghilangkan jejak link ini yang kita klik caranya cukup mudah anda tinggal menambahkan kode di bawah ini di blog anda. Langsung saja : 1. Masuk ke Blog Anda 2. pilih Tata Letak - Element Halaman - dan Edit HTML 3. Cari Kode ini di bawah. ]]></b:skin> Lalu Tambahkan kode di bawah ini di atas kode ]]></b:skin> a:active { outline: none; } a:focus { -moz-outline-style: none;} 4. Simpan . Sekarang silahkan coba klik link yang ada di blog anda apakah jejaknya masih ada atau su

Mungkin anda pernah membuat background untuk teks area, dengan menggunakan background kotak saja,sekarang anda bisa mencoba membuat variasi lain untuk background teks area dengan menggunakan Ronded Corner. Jika sebelumnya teks area anda berujung tajam atau lancip, dengan ronded corner maka kita bisa merubah bagian bagian sudut tersebut menjadi melengkung. Masukan Kode HTML di bawah ini di bagian teks area yang anda inginkan, Jika anda ingin memasangnya di postingan seperti ini anda tinggal masuk ke Posting , Entri Baru dan pilih Edit HTML dan masukan kode di bawah ini untuk teks area anda. <div style="border: 1px solid #666; padding: 20px; background: #f3f3f3 none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; text-align: justify;">

Setelah sebelumnya saya membuat postingan tentang artikle terkait atau related post, ada teman blogger yang menanyakan cara membuat postingan terkait tersebut dengan menggunakan scroll, katanya kalau yang biasa saja kurang enak di pandang terlalu panjang...bisa aja si bozzzz.! Sebenarnya untuk membuat postingan terkait dengan scroll anda cukup menambahkan beberapa code saja di Bagian CSS. Tapi jika anda kesiltan untuk editnya mendingan di hapus dulu kode Postingan terkaitnya yang dulu dan ganti dengan kode ini, kalau yang belum pasang langsung aja ikuti caranya seperti ini. Silahkan Ikuti caranya seperti di bawah ini : 1. masuk ke blogger 2. Pilih Tata letak 3. Edit HTML 4. Beri centang pada "Expand Widgets Template" Cari Kode HTML seperti ini <data:post.body/> Masukan kode di bawah ini , di bawah Kode di atas. <b:if cond='data:blog.pageType == &quot;item&quot;'> <br/> <br/> <H2>Artikel Terkait:</H2> <div class='rb

Menu vertical ini biasanya di gunakan atau di tempatkan pada bagian sidebar. Mungkin untuk menu link vertical ini biasanya tidak menggunakan background hanya menggunakan teks tanpa backround paling untuk hover menggunakan perubahan warna saja pada teks tanpa menggunakan background. Disini saya coba membuat Menu Link Vertikal dengan menggunakan Hover background . Maksudnya yaitu ketika mouse menyentuh link tersebut maka background akan muncul atau berganti warna. Link hover seperti ini juga biasanya di gunakan untuk link Horizontal yang biasa di letakan di bagian atas blog atau di bawah header. Kelebihan dari kode HTML di bawah ini bisa di pasang langsung pada widget template tanpa membuka edit HTML. Jadi kita bisa memodifikasi setiap Widget link yang ada di sidebar menjadi berbeda beda. Langsung saja Ikuti caranya seperti di bawah ini : Yang pertamaMasuk Ke Blogger Pilih Tata Letak Pilih Elemen Halaman dan Klik Tambah Gadget Pilih HTML/JavaScript Masukan Kode di bawah ini. <sty

Kumpul blogger merupakan PPC lokal yang terbukti membayar setiap membernya dengan rata rat Rp 200 rupiah per klik untuk iklan teks dan Rp 300 rupiah untuk iklan mini baner, Tapi sangat disayangkan iklan teks dari Kumpul Blogger ini kurang sedap dipandang menurut saya. Apalagi dengan adanya garis pinggir berwarna hitam yang kadang kala kurang matc dengan tampilan blog. Jadi disini saya coba untuk memberikan tips cara menghilangkan garis pinggir / aoutline iklan dari kumpul blogger. Silahkan anda ikuti caranya di bawah ini : Masuk Ke blog Anda. Pilih Tata Letak . lanjutkan Dengan Edit HTML . Cari Kode Seperti ini: <b:skin><![CDATA[/* Tepatnya di bagian paling atas . Ganti Kode di atas dengan Kode Di bawah ini : <b:skin><![CDATA[.garping,.garpinghor { border: none !important; } .garping table,.garpinghor table { border:#FFFFFF solid 1px !important; background-color:#FFFFFF !important; } .garping td,.garpinghor td{ color:#000000 !important; background-color:#FFFFFF !i

postingan ini saya buat sebagai pilihan untuk posting sebelumnya yaitu membuat menu horizontal yang simple , berhubung ada teman yang koment Katanya kurang paham dengan postingan tersebut, jadi Saya membuat postingan mengenai cara membuat menu horizontal yang lebih mudah yang diletakan langsung pada widget, jadi kita tidak perlu membuka edit HTML. Mudah mudahan bisa dimengerti. Cara ini Sangat mudah sekali karena ini cuma menambah Kode HTML yang ada di bawah ini ke dalam Gadget + HTML/Javascript . Silahkan Ikuti caranya di bawah ini. Pertama Buka blog Blogger Kedua Pilih Tata Letak + Elemen Laman + Tambah Gadget + Pilih HTML/JavaScript Lalu Masukan Kode Di bawah ini : <style type="text/css"> ul.menu { margin:0px; padding:0px; } ul.menu li { list-style:none; float:left; width:100px; text-align:center; font:11px/25px verdana,arial,sans-serif; height:auto !important; height:25px; } ul.menu li a { display:block; text-decoration:none; background:#EFEFEF; color:#000000; }

Langsung saja ga pake basa basi. Cara membuat Artikle terkait , Related Post , Atau Apa pun tu namanya yang jelas menampilkan Judul judul dari Postingan yang di tempatkan setelah postingan atau di bawah postingan.....! Silahkan Ikuti caranya dibawah ini. 1. Pertama Masuk ke Blogger. 2. Pilih Tata letak 3. Edit HTML 4. Beri centang pada "Expand Widgets Template" Cari Kode HTML seperti ini <data:post.body/> Masukan kode di bawah ini ,di bawah Kode di atas. <b:if cond='data:blog.pageType == "item"'> <div class='similiar'> <div class='widget-content'> <h3> Artikle terkait untuk dibaca </h3> <div id='data2007'/><br/><br/> <script type='text/javascript'> var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) { var ul

Ada beberapa macam menu link horizontal yang biasa di pakai untuk sebuah blog ataupun website, dari yang menggunakan warna dasar sampai dengan menggunakan image, tapi toh fungsinya tetap sama yaitu menuju link yang diinginkan. Untuk membuat sebuah menu atau link yang horizontal tidaklah sulit. Disini saya coba untuk membuat menu link horizontal yang sederhana tatapi akan terlihat cantik. Silahkan ikuti langkah - langkahnya berikut ini : Masuk pada Tata Letak dan Edit HTML Masukan kode di bawah ini diatas kode ]]></b:skin> ********************************************************* /* horizontal solid menu di mulai ------------------------------------------- */ /*Credits: CSS Library for new blogger (beta) */ .menu-solid{ margin: 0; padding: 0; float: left; font: bold 12px Arial; width: 100%; border: 1px solid #625e00; border-width: 1px 0; background: #000 ; } .menu-solid { display: inline; } .menu-solid a{ float: left; color: white; padding: 9px 11px; text-decoration: no

Setiap Blogger yang baru membuat blog ataupun yang udah lama bergelut di dunia blogger, tentunya menginginkan blognya bisa menjadi idaman ataupun favorite buat blogger itu sendiri ataupun blogger lain. Makanya tidak salah kalau para blogger berlomba lomba memperbanyak isi postingan dan juga mempercantik tampilan template blog itu sendiri. Tidak terkecuali dengan Blog yang sedang anda lihat ini......!!! Kalau Boleh jujur mungkin ini salah satu cara untuk mengatasi kejenuhan atau kebosanan dalam ngeblog buat saya tentunya, Bagaimana dengan anda ? Mungkin Bagi yang sering berkunjung ke blog ini slalu melihat tampilan dari blog sering berganti - ganti...!!! jadi malu, bahkan ada teman saya yang mengatakan kalau saya seperti penjahat template heheee yang sering gonta ganti template. Sebenarnya saya juga tidak menginginkan tidak terlalu sering mengganti template di blog ini, tetapi ada 2 alasan yang menjadi pertimbangan yang mungkin orang lain tidak tahu. yaitu : Saya menginkan tampilan blo

Untuk Memasang image,ikon atau gambar di judul postinga dan di judul sidebar template anda, caranya cukup mudah anda tinggal menambahkan image yang telah anda simpan di tempat upload gambar pada bagian .post h3 { untuk Judul posting, dan h2 { untuk judul di sidebar. dan mengatur jarak antara padding dan margin saja. untuk lebih jelasnya silahkan ikuti caranya di bawah ini. Menambah image sebelah kiri judul Posting : Cari kode seperti dibawah ini: .post h3 { margin:.5em 0; padding:0px 0px 0px 10px; font-size:140%; font-weight:bold; font-style:italic; line-height:1.3em; color:#333; Untuk lebih cepat silahkan anda Ganti kode tersebut dengan kode di bawah ini : .post h3 { background:url(' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrFL14uF44NwVKc7xZ1aDGmphA75I9Fz1WE0QbUryD2Q-ckVgBb-4SlUhizWcJyOPe7EVmA2mLKtYHYnaZElWFcsMmJW6FvaF5NK2u3E0OesDkAoNZ2vzHX2AnTyKdDTN0LOgbfqVjzdg/ ') no-repeat; margin:.5em 0; padding:0px 0px 05px 30px; font-size:140%; font-weight:bold;

Cara memasang translator bahasa dengan logo bendera ,Buat teman-teman blogger yang blog-nya banyak dikunjungi atu banyak tamu yang datang dari dalam maupun dari luar negri tentunya memasang translator bahasa sangat diperlukan untuk memberikan pelayanan kepada para visitor atau para pengunjung. untuk bisa membaca isi dari blog blogger. apalagi dengan menggunakan logo bendera akan lebih memperindah dari tampilan blog blogger. Di bawah ini ada beberapa script untuk membuat translator dengan menggunakan bendera walaupun tidak semua negara, tapi mudah mudahan bisa mewakili untuk semua. silahkan copy paste script di bawah ini dan masukan di sidebar atau di atas postingan gimana bagusnya aja menurut blogger. Bendera English Bahasa English <a href="http://translate.google.com/translate?hl=id&sl=auto&tl=en&u=http:// link-kamu /"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQYWOxcbGEmCy8X3to8OEVo-jLopL3HduIAKTb0Oo64VgHDIqIpiauEZZF

Dulu memasang keyword atau Meta tag di blogger atau blogspot mungkin sangat penting bagi blogger-bloger baru yang umur blognya masih bulanan, tapi blogger-blogger lama pun malah lebih memaksimalkan keyword atau kata kunci di blognya berarti sangat penting sekali pemasangan sebuah keyword untuk mengoptimalkan blog tersebut. seberapa pentingkah sebuah keyword atau kata kunci untuk sebuah blog? Jawabnya pasti penting banget alasanya hampir sama yaitu untuk lebih cepat terindext atau mendapat urutan no 1 di Google mendapatkan pengunjung lebih ramai datang di blog kita. waktu pertama bikin blog ini gw juga memasang keyword di blog, tapi ternyata tidak secepat itu bisa terindext oleh Google. tapi alhamdulilah sekarang sih udah ada di urutan no 1 waktu nulis postingan ini, lihat disini Buat teman blogger yang ingin mencoba memasukan atau memasang keyword anda bisa mencoba menggunakan keyword di bawah. 1. Langkah pertama Buka blogger. Klik Layout -> Edit HTML 2. Letakkan script meta t

Setelah putar - puter sana sini , searching di blog-y para master seperti blog-ya kang Rohman dan yang laenyanyari cara membuat pasang auto readmore pada postingan , tapi semuanya masih pake auto readmore versi lama....! eeeeee.... akhirnya dapat juga di blog bang O-Om yang memposting tentang Cara membuat auto readmore yang gw cari-cari. Disini saya mw sharing buat teman teman blogger yang lagi nyari tips untuk membuat auto readmore . Dengan Auto read more ini kita tidak perlu memotong artikelnya karena dengan auto readmore ini akan secara otomatis memotong sendiri artiklel tersebut. Cara ini di ambil dari postingannya bang o-Om . Cuma ada kekurangannya menggunakan auto readmore ini yaitu dari masalah menampilkan image thumbnailnya pada postingan, jadi diusahakan kalau mau memasukan image ke dalam postingan pastikan ukurannya sama untuk setiap postingan, supaya tidak terjadi perubahan image thumbnailnya pada awal auto readmore di posting. Gimana kalau langsung aja pada proses

Kali ini saya akan meberikan sebuah Tips yaitu membuat teks bergerak atau berjalan tanpa menggunakan sofwer animasi seperti flash ataupun yang lainnya, melainkan dengan menggunakan efek Marque Atau kode HTML yang mengatur pergerakan teks tersebut tersebut. Saya akan memberikan beberapa contoh efek marque yang biasa digunakan, dan saya juga menggunakan efek marque tersebut di bawah header blog ini. Contoh efek marque dengan teks bergerak dari kiri kekanan : <MARQUEE align="center" direction="right" height="100" scrollamount="2" width="100%"> tuliskan teks atau link kamu disini </MARQUEE> Hasilnya seperti ini : tulis teks atau link kamu disini Contoh efek marqu dengan teks bolak-balik ditambah dengan menggunakan bacground : <div align="left">&ltFONT FACE="georgia" color="black"><B><MARQUEE BGCOLOR="yellow" width="100%" scrollamount="3" beh

Selamat pagi-siang-sore-malem buat blogger semua. udah lama ni chugy g buat tulisan di blog ini, maklum lagi sibuk ama blog yang baru heheheeee kalau pengen tau blog chugy yang baru kunjungi saja di alamat ini http://www.wallpaper4xp.blogspot.com/ . tapi masih berantakan harap dimaklum. Daripada kebanyakan intro mendingan langsung aj ke pokok bahasan. Kali ini Saya ingin memberikan sedikit informasi atau tips buat para blogger pemula saperti chugy ini, yaitu cara untuk menampilkan kode-kode HTML pada postingan .mungkin teman - teman bloger suka lihat atau bahkan sering melihat postingan yang menampilkan kode-kode HTML pada blognya. biasanya untuk menuliskan cara modife template atau membuat keyword untuk blog yang menggunakan bahasa HTML . pengen tahu caranya.? Begini bosss caranya : Siapkan dulu bahan atau kode yang ingin di rubah bisa menggunakan notepad atau html editor lainnya . Buka browser internet blogger Lalu kunjungi alamat http://centricle.com/ atau bisa klik disini Se

Ringkasan ini tidak tersedia. Harap klik di sini untuk melihat postingan.

4 Langkah Cepat membuat Blog 1. Bagaimana cara membuat account Blogger? Pada homepage Blogger klik tombol "Buatlah Blog Anda Sekarang". Pada halaman berikut, Anda akan diminta untuk membuat Google Account. Anda dapat menggunakan Google Account pada layanan Google lainnya. Jika Anda sudah memiliki Google Account mungkin dari Gmail, Google Group, atau Orkut, silakan sign in terlebih dahulu. Setelah Anda sign in, Anda harus memasukkan nama layar dan menerima Syarat Layanan Blogger. Setelah selesai, Anda akan diminta untuk membuat blog dan memulainya! 2. Bagaimana cara membuat blog Blogger? Sebelum dapat membuat blog gratis di BlogSpot, yaitu layanan hosting Blogger, Anda harus telah membuat account pada blogger.com. Setelah Anda login ke blogger.com, klik link "Buat Blog". Pada Langkah 2, masukkan judul dan alamat (URL). Anda juga harus mengetikkan kata verifikasi yang ditampilkan di halaman ini. Setelah selesai, klik "lanjutkan". Pada langkah 3, Anda dapat m

URL merupakan lokasi dari sebuah file yang terdapat di dalam website atau blog. Beberapa contoh URL antara lain http://www.blogger.com/, atau http://myblog.blogspot.com/. URL yang Anda pilih akan digunakan oleh pengunjung, atau Anda sendiri, untuk mengakses website atau blog Anda. Selama proses pembuatan blog, Anda akan diminta untuk memilih URL bagi blog Anda, bila Anda ingin blog itu diperkenalkan di dalam Blogspot. Karena sudah ada banyak blog di Blogspot, Anda perlu semakin kreatif dan mungkin perlu mencoba beberapa hal yang berbeda dari sebelum Anda menemukan blog yang ada. Satu hal yang perlu diingat ketika memilih URL untuk blog Anda adalah tanda hubung atau hyphen (yang juga dikenal sebagai dash, - ) sebagai satu-satunya karakter non-alphanumeric yang diperbolehkan. Spasi tidak diperbolehkan, begitu juga garis bawah atau underscore ( _ ) atau karakter khusus lainnya. Apakah yang disebut dengan backlink dan bagaimana cara menggunakannya? Backlink memungkinkan Anda melacak hala

Kali ini saya akan memberikan tips bagaimana cara membuat Scrool pada SideBar diblog. Ada banyak keuntungan menggunakan Scrool pada sidebar diantaranya memperpendek tampilan blog pada side bar yang biasanya digunakan untuk judul posting ataupun link para blogger, jika blog blogger mempunyai postingan yang banyak tentunya judul postingan pun jadi banyak,jadi dengan menggunakan scroll judul postingan ataupun link blogger akan terlihat pendek,simple,dan rapih tentunya. Tanpa basa basi lagi gimana kalau langsung saja pada pokok bahasan yaitu membuat Scrool untuk judul postingan pada side bar. Langkah pertama yang harus blogger lakukan adalah buka terlebih dahulu browser internet blogger.dengan menggunakan Mozila .IE. Opera ataupun yang lainnya ketikan blogger atau blogspot.com pada broser blogger. Sign in blog Blogger>Pilih Tata Letak>Selanjutnya pilih Element halaman>Pilih add Widget yang ada pada sidebar>pilih HTML, dan masukan kode dibawah ini setelah itu klik simpan. <di

Postingan ini sebagai refisi atau perbaikan dari pembuatan top Posting Atau postingan Paforite berdasarkan jumlah komentar yang sebelumnya saya posting. Karena ternyata script Top Post tersebut kadang hanya menampilkan linknya saja bukan judul postingnya. Langsung saja pada cara pemasangan Top post. Pertama buka blog anda :: Masuk pada Rancangan >> Elemen Halaman >> tambah Gadget >> Pilih Html/JavaScript . Copy Kode Script di bawah ini. <script language='javascript'> aBold = false ; numposts=200; maxshowresult= 10 ; home_page = " http://Blogkamu.blogspot.com /"; </script> <script type='text/javascript'> //<![CDATA[ var postTitlear=new Array();var postUrlar=new Array();var postCommentar=new Array();var totalpost;document.write("<ul>");function showrecentposts(j){var a=j.feed.entry.length;totalpost=a;for(var f=0;f<a;f++){var h=j.feed.entry[f];var c=h.title.$t;var b;var g;if(f==j.feed.entry.length)