Postingan

Menampilkan postingan dengan label blog

Cara Membuat Halaman Sambutan / Intro

Cara membuat welcome page di blogger. Halaman Intro / Sambutan di blogspot. apa yang di maksud dengan halaman intro? secara sederhana adalah sebuah halaman baru dimana saat ada orang membuka blog tidak langsung menuju halaman utama / Home tetapi terlebih dahulu di suguhkan halaman palarel yang bisa kita modifikasi sesuai dengan keperluan. Pada umumnya adalah ucapan welcome to my blog, welcome to my life, dan ucapan selamat datang lainnya. Halaman replika ini ada yang berupa gambar saja, animasi, sampai ada yang mengunakan flash. dan ini semua tergantung anda dan kemampuan yang anda miliki. Namun Sebelum anda memulainya terlebih dahulu anda harus tau apa kelebihan dan kekurangan dari tutorial membuat halaman sambutan : 1. Kelebihan Script Intro Blogger Script ini menggunakan cookie sebagai pengingat, sehingga karekteristiknya hampir mendekati sebuah intro sungguhan seperti pada website-wbsite tertentu. 2. Kekurangan Script Intro Blogger Kekurangan yang dirasa cukup mencolok ad...
Posting Komentar
Baca selengkapnya

Agar Teks dan Gambar di Blog tidak bisa di Block / Anti Jiplak CoPas

Kadang orang ingin agar artikelnya tidak bisa di CoPas seseorang seenaknya kan, maka caranya begini: 1. Login ke Blogger hingga masuk ke Dasbor 2. Klik tab Rancangan (yang dulunya Tata Letak) 3. Klik tab Edit HTML 4. Beri tanda centang pada kotak kecil Expand Template Widget 5. Kemudian cari kode berikut <head> Jika sudah ketemu, pastekan kode script di bawah ini, tepat di bawah kode tersebut <SCRIPT type="text/javascript"> if (typeof document.onselectstart!="undefined") { document.onselectstart=new Function ("return false"); } else{ document.onmousedown=new Function ("return false"); document.onmouseup=new Function ("return true"); } </SCRIPT> Simpan selesai dan lihat hasilnya Dan untuk memproteksi gambar berikut caranya, hampir sama: 1. Login ke Blogger hingga masuk ke Dasbor 2. Klik tab Rancangan (yang dulunya Tata Letak) 3. Klik tab Edit HTML 4. Beri tanda centang pada kotak kecil Exp...
Posting Komentar
Baca selengkapnya

Membuat Blog Mode Hemat Energi

Gambar
  Apa manfaat dari fitur ini??? Dengan menggunakan fitur ini anda telah membantu untuk menghemat energi. Setiap menitnya blog anda yang dikunjungi per orang telah mengeluarkan rata-rata 1.2 kg ke atmosfer hanya untuk memuat data-data ataupun banner yang ada di blog/situs anda. Anda tak mau kan bumi kita yang tercinta ini rusak? Untuk menggunakan fitur ini silahkan ikuti langkah-langkah berikut ini: 1. Masuk ke menu Edit HTML blog anda 2. Masukkan kode berikut di bawah tag <head> dengan copy paste &lt;script language=&#039;javascript&#039; src=&#039;http://www.onlineleaf.com/savetheenvironment.js?time= 1 &#039; type=&#039;text/javascript&#039;/&gt; (angka 1 dapat diubah sesuai keinginan anda, angka tersebut menunjukkan waktu pengunjung anda sedang tidak fokus ke blog anda sehingga dalam waktu yang anda tentukan black screen-nya akan muncul) 3. Simpan kemudian lihat blog anda. Jika kursor tidak terarah/berada di area blog anda, maka...
Posting Komentar
Baca selengkapnya

Membuat Tampilan Komentar Owner Berbeda

Tampilan Komentar Owner atau pemilik blog berbeda ini sudah menjadi pernak-pernik blog yang popular karena dengan trik ini pembaca komentar bisa membedakan author dengan user di komentar artikel. 1. Masuk pada menu Design -> Edit HTML dan centang "Expand Widget Templates" 2. Taruh Code CSS dibawah ini diatas code ]]></b:skin> .comment-body-author { background: #fff29; /* Warna Background */ border:1px dotted #6aa84f; /*Border*/ margin:0; padding:0 0 0 20px; } 3. Kemudian cari code yang berwarna hitam lalu sisipkan code yang berwarna hijau , seperti dibawah ini. <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='dat...
Posting Komentar
Baca selengkapnya

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
Posting Komentar
Baca selengkapnya

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
Posting Komentar
Baca selengkapnya

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...
Posting Komentar
Baca selengkapnya

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...
Posting Komentar
Baca selengkapnya

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
Posting Komentar
Baca selengkapnya

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.
Posting Komentar
Baca selengkapnya

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...
Posting Komentar
Baca selengkapnya

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...
Posting Komentar
Baca selengkapnya