Tampilkan postingan dengan label Tips N Trik Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Tips N Trik Blogger. Tampilkan semua postingan

Membuat Head Line News di Blogspot

Maksud dari Head Line di atas adalah membuat tampilan file-file yang terbaru. Untuk membuat Head Line News ikuti langkah-langkahnya di bawah.
Steps :
1. Log in ke blogger kalian.
2. Pilih rancangan kemudia klik elemen laman.
3. Klik add gadget (Tambah Gadget)
4. Pilih HTML/Java script
5. Paste kode di bawah pada konten :
<script type="text/javascript">
var hn_url_blog = "url blog anda";
var hn_jumlah_post = 10;
var hn_warna_latar = "#333333";
var hn_warna_garis = "#000000";
var hn_posisi = "bottom";
var hn_tampilkan_judul = true;
var hn_backlink = true;
</script>
<script src="http://recent.googlecode.com/files/headlinenews.txt">
</script>
6. Klik save/simpan
7. Finish dan lihat hasilnya



Catatan :
hn_url_blog = URL blog anda (ganti dengan url blog anda)
hn_jumlah-post = jumlah judul artikel yang di tampilkan
hn_warna_latar = kode warna untuk latar belakang headline news
hn_warna-garis = kode warna garis bingkai
hn-posisi = menentukan posisi letak headline news
Read more

by Unknown ~ 0 komentar

Trik Membuat Tombol Show Hide pada Postingan



Tombol hide and show atau spoiler bisa kalian tambahkan saat melakukan postingan. Langakah -langkahnya adalah sebagai berikut.
Steps :
1. Log in ke blogger kalian
2. Klik Entri baru. Silahkan buat entri atau postingan kalian.
3. Klik edit HTML (Menu disamping Compose saat melakukan pembuatan postingan)
4. Paste Kode di bawah ini ditempat kalian ingin meletakan spoiler :
<div><div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;"><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">


Masukan file yang akan di masukan dalam spoiler di sini 


</div></div></div></div>




Contoh Spoiler

5. Terbitkan Entri dan lihat hasilnya
Read more

by Unknown ~ 0 komentar

Membuat Modus Hemat Energi di Blog

Modus Hemat energi ialah sebuah modus yang digunakan untuk listrik namun kalian juga bisa membuat Modus Hemat Energi di blog kalian. Untuk melihat contohnya cobah kalian biarkan selama 1 menit tanpa mengklik atau menggerakkan mouse di blog saya maka akan muncul Modus Hemat Energi. Untuk langkah-langkah memasang Modus Hemat Energi di Blog ikuti langkah-langakh berikut.
Steps :
1. Log in ke blogger kalian.
2. Pilih menu Rancangan. Kemudian klik edit HTML.
3. Cari kode  <head> kemudian paste kode di bawah ini tepat diatasnya :
<script language="javascript" type="text/javascript" src="http://ujiecaprone.com/js/energy.js?lang=id"> </script>


4. Klik Save/Simpan Template 


Tunggu selama satu menit tanpa aktivitas apapun di blog kalian maka akan muncul Modus Hemat Energi.


Semoga Bermanfaat....
Read more

by Unknown ~ 0 komentar

Memasang Tombol Back To TOP pada Blog

Hi sobat blogger... Kalian pasti sudah tau fungsi tombol back to top kan. Yupz...fungsinya saat kita membaca postingan sampai bawah dan ingin mengembalikan ke atas bisa menggunakan tombol ini.
Untuk memasang tombol ini ikuti langkah-langkah berikut.
Steps :
1. Log in ke blogger kalian.
2. Pilih rancangan.
3. Klk edit HTML.
4. Cari kode ini </body>  kemudian paste kode di bawah tepat di atas kode </body> :
<!-- Bact to top designed by syilpid - http://www.tips-fb.com/ -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotopmerah.png'/></a>


5. Klik Simpan/Save template
6. Finish dan lihat hasilnya
Read more

by Unknown ~ 0 komentar

Trik Membuat ShoutBox pada blog anda Hidden

ShoutBox Hidden artinya membuat ShoutBoX anda tersembunyi sehingga tidak memenuhi layar anda sehingga lebih efektif. Bagi sobat blogger yang pengen buat ShoutBox kalian Hidden Silahkan ikuti Langkah-langkah berikut.
Steps :
1. Log in ke blogger kalian
2. Pilih Rancangan, kemudian pilih elemenLaman
3. Pilih Tambah Gadget, Klik HTML/Java script
4. Copas kode berikut pada konten :
<style type="text/css">#gb{
 position:fixed;
 top:50px;
 z-index:+1000;
 }
 * html #gb{position:relative;}
.gbtab{
 height:100px;
 width:30px;
 float:left;
 cursor:pointer;
 background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguFawbZCVfCgZZmxYEqlB8l5r8NFsDmtAZtZKQ28HXv1jaJ86CzqFGOSka0Ty7WrTW_GNNmsP11Tdq5JGHLehyphenhyphen8VYykuT2qWq1qIdRlY4-D6yYVIZRKf90JlfflSSNWAAbTYHpX3S8eV4Z/s320/tabs.png') no-repeat;
 }
 .gbcontent{
 float:left;
 border:2px solid #666666;
 background:#F5F5F5;
 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;
 gb.style.right = x.toString() + "px";
 if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
 }
 </script>
 <div id="gb">
 <div class="gbtab" onclick="showHideGB()"> </div>
 <div class="gbcontent">
 Masukkan kode Shout Box kalian di sini
 <div style="text-align:right">
 <a href="javascript:showHideGB()">
 </a>
 </div>
 </div>
 </div>
 <script type="text/javascript">
 var gb = document.getElementById("gb");
 gb.style.right = (30-gb.offsetWidth).toString() + "px";
 </script>
5. Klik Save/simpan
6. Finish dan lihat hasilnya sob...
Read more

by Unknown ~ 0 komentar

Cara Membuat Fungsi Scroll Down Pada Menu

Hi Sobat Blogger. Uda tau kan scroll down, okey bagi temen-temen yang pengen membuat fungsi scroll down pada menu kalian sehingga bisa ditarik ke atas dan ke bawah kalian bisa mengikuti langkah-langkah berikut.
Steps :
1. Login ke blogger kalian
 2. Pilih Rancangan. Kemudian pilih Elemen Laman
 3. Pilih Add a Gadget (Tambah Gadget)
 4. Pilih HTML/JavaScript dan copas aja kodeberikut didalamnya :
<div style="overflow:auto;width:320px;height:250px;padding:10px;border:1px solid #eee">...................
</div>
Untuk titik-titik nya kalian isi dengan alamat URL yang ingin dituju misalnya :









<div style="overflow:auto;width:170px;height:100px;padding:15px;border:1px solid #eee">

1.<a href="http://genney-ryoddan.blogspot.com/2011/02/genney-ryoddan.html" />Genney Ryoddan</a>
<br/>
2.<a href="http://genney-ryoddan.blogspot.com/2011/02/cara-edit-html-blogspot.html" />Cara Edit HTML Blogspot</a>
<br/>
3.<a href="http://genney-ryoddan.blogspot.com/2011/02/membuat-shoutbox-di-blog.html" />Membuat SHoutBox di Blog</a>
<br/>
</div>

>> Ganti tulisan berwarna merah dengan URL yang akan dituju dan tulisan yang berwarna hijau dengan nama menu kalian.

Keterangan :
Width = Lebar
Height = Tinggi
Padding = jarak antar tulisan dengan garis pinggir menunya
Border = Ketebalan garis pinggir menu

Finish dan silahkan lihat hasilnya....
Read more

by Unknown ~ 0 komentar

Membuat ShoutBoX di Blog

Shout BoX adalah kotak untuk menyimpan pesan-pesan pendek atau bisa digunakan tempat chatting.
Ikuti Steps Berikut :
1. Buka situs ShoutMix, kemudian pilih create SHoutBoX dan silahkan register.
2. Setelah mengisi data register klik Continue.
3. Kemudian kalian bisa edit SHoutBox Kalian (Ex:General, display, security)
5. Setelah kalian selesai mengedit ShoutBox, Klik menu Get codes
6. Kalian dapat merubah ukuran shoutboX kamu di sini, kalo saya menggunakan 200, 400.
7. Copy code pada Generated Codes.
8. Login ke blogger.com lalu pilih Rancangan kemudian Elemen Laman
9. Pilih add gadget (Tambah Gadget) Tambahkan element HTML/Javascript.
10. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu simpan.
11. Finish dan lihat hasilnya.
Read more

by Unknown ~ 0 komentar

Cara Membuat Efek Marquee Pada Blog

Halo sobat..sobat-sobat blogger uda pasti pada tau kan efek marquee, yupz...betul sekali efek marquee adalah membuat teks berjalan di blog kita...Bagi sobat yang pada belom tau, caranya cukup mudah dan simple. Silahkan ikuti langkah-langkahnya di bawah ini.
Steps :
1. Log in ke blogger kamu
2. Pilih rancangan. Kemudian pilih edit HTML
3. Copas ode berikut tepat diatas kode </body>
<div align="left"><span><b><marquee scrollamount="3" behavior="alternate" bgcolor="RED" width="50%">
Marquee dengan efek warna
</marquee></b></span><b></b></div>
4. Simpan template dan lihat hasilnya
Read more

by Unknown ~ 0 komentar

Membuat Translator Pada Blog

Hi sobat blogger pasti ga asing lagi dengan kata translator. Translator berfungsi untuk memudahkan para pengunjung yang berasal dari negeri asing. Untuk memasang translator pada blog ikti langkah-langkah di bawah ini. 
Steps :
1. Log in ke blogger kalian
2. Pilih Rancangan, Kemudian pilih Elemen Laman 
3. Pilih add gadget, Tambahkan elemen HTML/Java script
4. Copas kode di bawah inipada konten :

<center><a style="cursor: pointer;" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cen&amp;hl=en'); return false;"><img border="0" alt="English" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/inggris.gif" height="20" title="English" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cfr&amp;hl=en'); return false;"><img border="0" alt="French" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/francis.gif" height="20" title="French" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cde&amp;hl=en'); return false;"><img border="0" alt="German" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jerman.gif" height="20" title="German" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ces&amp;hl=en'); return false;"><img border="0" alt="Spain" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/spnyol.gif" height="20" title="Spain" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cit&amp;hl=en'); return false;"><img border="0" alt="Italian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/italia.gif" height="20" title="Italian" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cnl&amp;hl=en'); return false;"><img border="0" alt="Dutch" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/belanda.gif" height="20" title="Dutch" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cru&amp;hl=en'); return false;"><img border="0" alt="Russian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/rusia.gif" height="20" title="Russian" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cpt&amp;hl=en'); return false;"><img border="0" alt="Portuguese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/brazilia.gif" height="20" title="Portuguese" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cja&amp;hl=en'); return false;"><img border="0" alt="Japanese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jepang.gif" height="20" title="Japanese" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cko&amp;hl=en'); return false;"><img border="0" alt="Korean" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/koreautara.gif" height="20" title="Korean" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Car&amp;hl=en'); return false;"><img border="0" alt="Arabic" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/saudiarabia.gif" height="20" title="Arabic" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Czh-CN&amp;hl=en'); return false;"><img border="0" alt="Chinese Simplified" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/cina.gif" height="20" title="Chinese Simplified" align="absbottom"/></a></center><br/>

5. Klik save/simpan.
6. Finish dan lihat hasilnya.
Read more

by Unknown ~ 0 komentar

Cara menghilangkan Tanggal Postingan pada Blog

Hi sob untuk menghilangkan tanggal postingan pada blog kalian caranya sangatlah mudah dan simple. Ikuti langkah-langkah di bawah ini.
Steps :
1. Log in ke blogger kalian.
2. Pilih Rancangan. Kemudian Klik Elemen Laman.
3. Klik Edit pada posting Blog.

4. Hilangkan tanda centang pada Tanggal dan Jam seperti di bawah ini :

5. Klik Save/Simpan.
6. Finish dan lihat hasilnya.

Semoga Bermanfaat....
Read more

by Unknown ~ 0 komentar

Cara memasang Search Engine pada Blog

Untuk mempercepat pencarian kategori atau menu yang kalian ingnkan, kalian bisa menggunakan search engine. Caranya cukup mudah dan simpel, Silahkan simak steps berikut.
Steps :
1. Log in ke blogger kalian
2. Pilih Rancangan, kemudian pilih Elemen Laman
3. Klik add gadget (Tambah Gadget) Pilih HTML/Java script
4. Copas kode berikut pada konten
<form id="searchform" action="http://AlamatBlogAnda.blogspot.com/search" name="searchform" method="get"> <br /><input id="s" value="" name="q" type="text"> <input id="searchsubmit" value="Search" type="submit"> </form>


5. Ganti tulisan bewarna merah dengan alamat Blog Kalian
6. Klik Save/simpan
7. Finish
Read more

by Unknown ~ 0 komentar

Cara Menghilangkan Navbar pada Blog

Bagi sobat blogger yang pengen menghilangkan tampilan navbar pada blog kalian. Kalian bisa mengikuti langkah-langkah berikut.
Steps :
1. Log in ke blogger kalian
2. Pilih Rancangan.
3. Klik edit HTML
4. Paste kode berikut  di bawah kode <body> :
<style type='text/css'>
#navbar-iframe {display:none;}
</style>

5. Finish dan lihat hasilnya.
Read more

by Unknown ~ 0 komentar

Cara Edit HTML Blogspot

Bagi Para Pemula yang mungkin mengalami kesulitan dalam edit HTML blogspot. Kalian dapat menggunakan tips ini untuk mempermudah kalian dalam edit HTML blog kalian.
1. Backup Template
 Membackup template ini sangat penting karena jika terjadi hal-hal yang tidak dinginkan, misalnya blog jadi rusak maka kita bisa membuatnya seperti semula  jika kita sebelumnya sudah membackup template. Cara membackup template ini mudah. Cukup klik pada link "Download Full Template" lalu simpan file template di komputer kita atau blok HTML kemudian copas di notepad. Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload aja file template tersebut atau copas kembali HTML.
2. Memberi Tanda Centang pada Kotak "Expand Widget Template"
 Ini yang kadang-kadang dilupakan para "editor". Kalau kotak "Expand Widget Templates" tidak dicentang maka kode-kode yang dicari kemungkinan tidak ditemukan. Tapi kadang-kadang hal ini tidak perlu dilakukan tergantung dari petunjuk tutorialnya. Makanya perhatikan baik-baik  tutorialnya kalo mau edit HTML blog kalian.
3. Tips Mempermudah Pencarian
 Untuk mempermudah pencarian kode yaitu dengan meng-copy dulu kode yang mau dicari kemudian tekan "Ctrl+f " lalu masukkan kode yang dicopy tadi kedalam kotak yg muncul. Kalo misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian dari kode tersebut. Misal mau mencari kode <p><data:post.body/></p> jika tidak ketemu maka cb carilah sebagiannya atau seperti ini data:post.body kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode lain yang sama untuk memastikan kode yang dikehendaki.tips ini paling mudah jika kita menggunakan browser Mozilla Firefox".
Read more

by Unknown ~ 0 komentar

« Postingan Lama
PERHATIAN==JIKA== TERJADI== KERUSAKAN == PADA== LINK == HARAP == SEGERA DILAPORKAN == UNTUK PERBAIKAN

Welcome To Geney Ryodan Blog

Selamat datang di Blog saya, semoga blog saya yang sederhana dan simple ini dapat membantu menemukan apa yang teman-teman cari. Mungkin blog saya menggunakan kata-kata yang simple dan tidak banyak basa-basi seperti blog yang lainnya. Ini saya lakukan agar menjadi lebih efektif dan teman-teman juga bisa langsung kepada apa yang sedang di cari. Thanks to Visit My Blog.

Sekilas Tentang Penulis

Nama saya "FATKHUR RAHMAN". Saya seorang Mahsiswa S1 FKIP Jurusan Matematika di Universitas Borneo Tarakan. Hobi saya adalah blogging dan ingin memberikan yang terbaik bagi sobat blogger.

Navigasi

Social Stuff

Me