Postingan

Menampilkan postingan dari Januari, 2011

Memasang Gadget / Widget Update Twitter pada Blog

Gambar
Artikel kali kita membahas cara memasang gadget Twitter pada blog, biar menambah kesan lebih menarik pada blog. cara cukup sederhana / tidak terlalu sulit. syarat kita tentunya harus punya id Twitter juga... :) Click on Twitter Gadget (under main blog) Copy paste kode html / script di bawah ini : <div class="twitter"><ul id="twitter_update_list"></ul> <a id="twitter-link" style="display: block; text-align: right;" href="http://twitter.com/ idtwitteranda ">follow me on Twitter</a> </div> <script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script> <script src="http://twitter.com/statuses/user_timeline/ idtwitteranda .json?callback=twitterCallback2&amp;count=2" type="text/javascript"></script> jangan lupa ganti " idtwiiteranda " dengan ID twitter anda yang asli

Cara Memasang Search Engine pada Blog

Salah satu gadget yg dapat kita guna gunakan memperindah blog yaitu, memasa search engine. Untuk membuat sebuah Search Engine pada sebuah blog, sebenarnya mudah dan sangat sederhana karena anda hanya harus menambahkan sedikit kode HTML/script, scriptnya seperti ini <form id="searchform" action=" http://BlogAnda.blogspot.com /search" name="searchform" method="get"> <input id="s" value="" name="q" type="text"> <input id="searchsubmit" value="Search" type="submit"> </form> Tulisa "Bloganda" seperti biasa anda ganti dengan anama blog anda sendiri, mungkin anda sedikit ingin mengubah kata/kalimat di dalamnya seperti kata "serach", dapat anda ganti dengan kata "Telusuri", "Cari", "Go", dan lainnya

Alexa dan Kegunaannya

Gambar
Mungkin sebagian besar teman-teman sudah tau Apa itu Alexa. Tapi Alexa yang dibahas disini bukanlah sebuah nama group band apalagi seorang cewek cantik yang anda pikirkan. Disini saya akan menjelaskan apa yang dimaksud Alexa Rank..? Alexa Rank merupakan sebuah web informasi yang memberikan sebuah informasi mengenai rank traffic atau sebuah popularitas web, yang berasal dari jumlah pengunjung Unique Alexa Toolbar. Bisa dikatakan Alexa itu semacam toolbar, jadi kalau misalkan kita mau mengecek popularitas sebuah web kita tidak perlu langsung menuju ke web Alexa tersebut. Maka daripada itu Alexa memberikan sebuah toolbar yang bisa menunjukkan ranking popularitas web tersebut. Mungkin banyak orang yang bertanya kegunaan Alexa sendiri itu untuk apa? Apakah berpengaruh terhadap Page rank Google? Menurut saya Keberadaan Alexa sangatlah penting dalam pencapaian sebuah Page Rank (PR) yang tinggi karena menunjukkan kualitas dan popularitas dari website yang kita miliki. Disamping itu juga Google...

Pasang Iklan di Bawah Postingan

Pasang iklan dibawah postingan bertujuan supaya iklan muncul saat pengunjung membuka postingan anda yang letaknya tepat dibawah postingan, hal ini membantu supaya iklan anda lebih sering dilihat oleh pengunjung, untuk membuatnya anda tinggal mengedit HTML layout nya saja secara otomatis iklan anda akan muncul disetiap postingan anda seperti contoh iklan yang bisa anda lihat di bawah postingan saya ini Silahkan ikuti langkah-langkah dibawah ini untuk pasang iklan di bawah postingan: 1. Sepert biasa silahkan sign in di blogger 2. pada halaman Dasboard--> Layout-->Edit HTML-->jangan lupa klik "Expand Widget Template" 3.Silahkan temukan kode dibawah ini (berwarna hitam) <b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> Kode iklan yang sudah di parse <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/> <a expr...

Cara Membuat Favicon

Gambar
Favicon (favourite icon) adalah icon kecil yang berada di samping alamat blog atau website anda. Untuk mengganti atau membuat favicon tersebut, anda bisa melakukan langkah-langkah seperti berikut : contoh favicon blog ini adalah: 1. Pertama buatlah sebuah gambar yang akan di jadikan sebagai favicon ( Format jpg, gif, png, dll ). 2. Langkah selanjutnya adalah anda harus meng upload Favicon yang tadi ke tempat hosting gambar, contoh adalah ke Photobucket.com kemudian anda akan mendapatkan sebuah link direct dari gambar favicon itu. 3. Sekarang saya asumsikan bahwa anda sudah mempunyai link direct dari favicon anda. sebagai contoh, saya mempunyai sebuah link direct seperti ini : http://i254.photobucket.com/albums/hh98/Fharo_Ar/c068fd7a.jpg 4. Anda harus mengubah alamat URL favicon anda menjadi seperti ini : <link href=' http://i254.photobucket.com/albums/hh98/Fharo_Ar/c068fd7a.jpg ' rel='shortcut icon'/> <script src='http://amen24.googlepages.com/Readmore.js...

Membuat Kategori Artikel

Kategori sangat bisa kita tempatkan atau letakkan di bagian sidebar blog kita. Dan biasanya elemen label ini sudah sudah tersedia ketika kita baru memasang template. Jika mungkin elemen label belum tersedia, maka Anda bisa membuatnya sendiri. Silakan ikuti langkah-langkah berikut ini! :) 1. Login ke Blogger 2. Pilih menu Layout 3. Klik menu Elemen Halaman 4. Klik tulisan Tambahkan Sebuah Elemen Halaman 5. Klik tombol yang bertuliskan Tambahkan Ke Blog yang berada di bawah tulisan Label 6. Tulisan Labels di samping tulisan Judul bisa Anda rubah menjadi Kategori, jika Anda ingin merubahnya 7. Pilih radio button yang sobat inginkan di samping tulisan Menyortir, Alfabetik : jika kategori ingin di tampilkan sesuai dengan abjad alfabetik (dari A → Z), Berdasarkan Frekuensi : jika kategori ingin ditampilkan sesuai dengan banyaknya label (kategori) 8. Klik tombol yang bertuliskan Simpan Perubahan Selamat mencoba

Cara membuat Navbar Blog Auto Hide

Gambar
Auto hide magsudnya apabila anda mengarahkan pointer mouse anda pada bagian atas Blogger maka Navbar akan terlihat, sedangkan apabila pointer tidak diarahkan pada bagian atas Blogger maka Navbar akan tersembunyi. Contohnya pada blog ini, langsung saja akan saya jelaskan : 1. Login ke Blog anda. 2. Klik Rancangan pada Dashboard. 3. Klik tab Edit Html (jangan lupa centang box Expand Widget Templatenya atau kalau perlu Download Templete Lengkap untuk mempermudah mencari). 4. Setelah itu tekan ctrl+F dan cari kode ]]></b:skin> 5. Letakan kode di bawah ini pada bagian atas kode ]]></b:skin>, ini kodenya : /* hilangkan navbar ----------------------------- */ #navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)} #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)} 6. Lalu simpan Template, dan lihat hasilnya. Semoga bermanfaat.

Cara menulis kode HTML di Posting

Bagi kebanyakan blogger, menulis kode HTML di posting blogspot mungkin sangat mudah. Tapi bagi pendatang baru kayak saya hal ini cukup membingungkan . Kedengarannya sih memang gampang, tapi pas praktek dilapangan?? Gimana ya..?? Apa teman-teman pernah ngalamin hal yang sama kayak saya, pas kita coba menaruh kode-kode HTML dan kita publish eh.. kodenya malah ga keliat, kemana ilangnya tuh? Sebenarnya caranya sederhana. agar kode HTML bisa nampak seperti yang kita inginkan, kita hanya perlu merubah sedikit kodenya.. Cara manual: 1.Ganti setiap kode <> dengan &gt; 3.Ganti setiap kode ' dengan &#039; Contoh: <p class='comment-footer'>  menjadi  &lt;p class=&#039;comment-footer&#039;&gt; Kalo sobat merasa pusing untuk merubahnya satu-satu, supaya praktis sobat bisa langsung memp-parse kode HTML nya ke http://www.blogcrowds.com . Kalo udah silahkan paste kode HTML nya di kotak yang tersedia, setelah itu klik tombol parse yang ada di bawah kot...

Cara membuat tulisan Melayang di Blogger

Untuk membuat tulisan atau iklan melayang di halaman yang melayang itu cukup mudah untuk anda kerjakan dalam blog. Halaman melayang ini tidak akan menggangu pengunjung anda dalam melihat informasi dalam blog anda, jika pengunjung tidak menyukai halaman melayang yang anda pasang di blog, pengunjung hanya tinggal meng-klik Close dan halam melayang pun akan tertutup. Untuk membuat halaman melayang tersebut anda ikuti langkah-langkah berikut: 1. Login Ke Blogger. 2. Klik Tata Letak. 3. Klik Element Halaman. 4. Kemudian Klik Tanbah Gadget dan pilih HTML/Javascript . 5. Selanjutnya Copy Code dibawah ini dan Paste Kode Berikut Di Dalamnya. <style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:right; border:2px solid #A5BD51; background:#ffffff; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offset...

Menghapus URL yang sudah terindeks di Google

Gambar
Cara menghapus URL memang sedikit sulit dan membutuhkan sedikit kesabaran. Namun, dengan trik kali ini dijamin artikel blog yang sudah terindeks oleh Google pun bisa dihapus. Trik menghapus URL yang sudah terindeks Google mudah-mudah sulit. Namun, burukutuk trik blog akan menghadirkannya sehingga lebih mudah dimengerti semua pihak. Oke, langsung aja ya? Ikuti langkah-langkah berikut = 1. Buka situs Google Webmaster. 2. Log in dengan account blogger anda. 3. Click pada site configuration - crawler access - remove url - new removal request 4. Berikutnya, pada pilihan radio button. Pilih yang pertama, untuk menghapus hanya 1 url (url post dengan judul yang salah). Jangan pilih yang lainnya lho...hehe (Bahaya bos). Click next. 5. Masukkan url blog yang hendak dihapus. Untuk lebih jelasnya lihat contoh di bawah. Pada radio button pilihlah yang pertama. 6. Nah, begitu selesai melakukan step 5, maka berikutnya akan muncul link yang hendak dihapus tersebut. Cek lagi, bila sudah yakin 100 % ben...