Cara Mengganti Icon Favicon Blogger Pada Address Bar

Cara Mengganti Icon Favicon Blogger - tutorial kali ini bisa juga masuk ke dalam kategori memperindah blog. pagi ini saya akan memberikan tutorial Cara Mengganti Icon Favicon Blogger.
favicon merupakan icon yang terdapat pada Address Bar browser kita.

Secara umum, favicon default blogger biasanya nampak seperti gambar di atas.
Menurut saya pribadi hal ini kurang menarik, dan selain itu icon favicon pada address bar juga berfungsi sebagai ciri / identitas dari sebuah situs. Pasti pengen kan biar blog kita terlihat lebih keren dan profesional? Baiklah langsung saja kita untuk mengganti favicon ini.
Untuk mengganti favicon ini caranya cukup mudah, kita hanya menambahkan kode ke dalam template blog kita.

Caranya:
1. Login Blogger
2. Pada Dasbor  pilih -> Template -> Edit HTML.
3. Setelah itu cari kode </head>.
4. Kalo udah ketemu, masukkan kode ini diatas kode </head>

link href='ALAMAT GAMBAR ICON' rel='icon' type='image/x-icon'/>

 \

5. Cari icon gambar yang sudah anda siap kan.
6. Contoh icon saya adalah ini :

 



7. Ganti ALAMAT GAMBAR ICON dengan URL gambar. Jadi hasilnya bakal seperti ini.

link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9NoqkWVyUzIPji5V19Tf6d-yy-ptnTthXEWyNf2Qd6ctuWSYLv3ZRypW7yiZOQAsuCbf1KJb7rzySzfDh1rdr7GzRIZ873cj9WAfAaTVUETcyI6LyI6q_RcvQMse4u86mKLCuAbD3/s1600/icon.png' rel='icon' type='image/x-icon'/>

8.Simpan Template

baiklah, sekian postingan dari saya tentang Cara Mengganti Icon Favicon Blogger Pada Address Bar. tunggu postingan saya selanjutnya. Terimakasih.

Read more »

TIPS DAN TRIK MEMPERINDAH BLOG ANDA

1. Cara membuat blog secara gratis
2. Cara membuat Menu Drop Down Di BLOG
3. Cara membuat efek salju pada blog 
4. Cara membuat Random Post di blog 
5. Cara merubah icon favicon blog dengan icon yang anda inginkan 
6. Cara mengganti tampilan Background blog 
7. Cara membuat tampilan backgroun full screen / Pas dengan ukuran layar 
8. Cara membuat menu vertikal / tegak lurus di blog 
9. Cara membuat menu hosrizontal / mendatar atau sejajar di blog 
10. Cara merubah icon mouse di blog.
11. Cara membuat link menu dengan berdasarkan label.

Read more »

Cara membuat random post di blog

Cara Membuat Random Post Di Blog - kali ini saya akan share tentang cara membuat random post di blog, random post atau artikel acak pada blog sebenarnya hampir sama kegunaannya dengan recent post. Bedanya adalah Random Post di Blog itu menampilkan postingan kita secara acak (random) baik itu postingan baru maupun postingan lama. Sedangkan recent post hanya menampilkan postingan-postingan terbaru saja. Tapi bila sobat juga tertarik membuat recent post di blog. Keuntungannya adalah postingan lama kita akan ditampilkan di halaman utama atau di halaman dimana kita memasang widget random post itu. Bagi pengunjung sendiri sangat terbantu sekali untuk melihat beberapa postingan lama sehingga pengunjung tidak capek-capek lagi untuk membuka arsip-arsip blog yang lama.
  
nah bagaimana cara membuat random post di blog? ikuti tutorial dibawah ini!

cara membuat random post di blog sebagai berikut!

1. Silahkam kamu login pada blog kamu.
2. Klik Rancangan/ design.
3. Lalu tambah gadget.
4. Pilih HTML/Javascript.
5. Copy dan paste kode dibawah ini

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i
 < 
numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j
 in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0;
 k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var 
item = "<li>" + "<a href=" + entry.link[k].href + ">" + 
entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script
 
src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts"
 type="text/javascript"></script>

*Ket: Ganti tulisan berwarna biru sesuai jumlah post yang ingin ditampilkan.
4. Simpan widget dan simpan template blog anda.
5. Lihat Hasilnya.

Nah, mudah-mudah postingan mengenai cara membuat random post di blog kali ini bermanfaat buat sobat semua.

Read more »

Cara membuat efek salju pada blog

Cara membuat efek salju pada blog - Berbagai macam widget dan gadget banyak digunakan untuk menghiasi dinding halaman blog.  
Efek Salju, Dau, dan Bintang bertaburan lalu berjatuhan adalah yang sering digunakan. Layaknya seperti di musim semi daun berjatuhan dengan indahnya. Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara untuk membuat efek salju pada blogspot.

Cara Membuat Efek Salju Di Blog pada Blogspot 

• Login pada Blogger 
• Setelah berada di Dashbore 
• Masuk mode Rancangan 
• Pada Elemen Laman, kemudian Tambah Gadget 
• Pilih HTML/JavaScript 
• Masukan kode berikut

<script type="text/javascript" src="http://ahmad-rifai-tools.googlecode.com/files/salju-blog.ahmadrifai.net.js" /></script>
<script type="text/javascript">

snowStorm.snowColor = '#99ccff'; // salju biru muda (silakan ganti dengan warna lain)


snowStorm.flakesMaxActive = 96;
snowStorm.useTwinkleEffect = true;
</script>

Catatan :

• Cara bikin efek salju menggunakan script efek salju alternatif sama dengan cara yang sudah saya tuliskan di atas, yaitu dipasang pada widget blog. 
• snowStorm.snowColor = ‘#99ccff’; = adalah warna salju, silahkan ganti kode #99ccff untuk merubah warna efek salju dengan warna yang kamu suka. 
• Jika sudah selesai, Simpan

Demikian blogger tutorial mengenai Cara Membuat Efek Salju Di Blogspot, silahkan anda baca tutorial selanjutnya yaitu Cara membuat Random Post di blog.

Semoga bermanfaat dan semoga berhasil

Terima Kasih ^_^

Read more »

Cara membuat Menu Drop Down Di BLOG

Selamat pagi, tadi saya saya baru saja membuat artikel bagaimana Cara membuat blog secara gratis. Nah, tutorial berikut merupakan kelanjutan dari tutorial sebelumnya. Nah, kali ini saya ingin memberikan tutorial "Cara Membuat DropDown Menu di Bawah Header" setelah anda membuat blog pada tutorial sebelumnya. 

Cara membuatnya juga terbilang mudah, karena hanya meletakkan CSS dan HTML nya saja di template editor. Oke kita mulai dari penerapan CSS kemudian HTML nya.

CSS

Letakkan kode CSS berikut tepat di atas ]]</b:skin>

nav {text-transform:uppercase;position:relative;font:bold 12px Arial,Sans-Serif;}nav * {margin:0 0 0 0;padding:0 0 0 0;list-style:none;}nav ul {overflow: hidden;float:left;background:#1BC7A5;margin: 5px 0;width: 100%;}nav li {float:left;display:inline;}nav li a {padding:3px 15px;line-height:40px;color:#fff !important;display:block;text-decoration:none;}nav li ul{margin:0px;display:block;width:170px;position:absolute;left:auto;z-index:10;visibility:hidden;opacity:0;height:auto;transition:all 0.26s ease-out 0.2s;}nav li li {display:block;float:none;width:100%;}nav li:hover > ul {visibility:visible;width:200px;opacity:1;}nav li li ul {left:200px;margin-top:-40px;}nav li.sub > a {position:relative;padding-right:30px;}nav li.sub > a:after {content:"";width:0px;height:0px;border-width:4px;border-style:solid;border-color:#eee transparent transparent transparent;position:absolute;top:20px;right:10px;}nav li.sub li.sub > a:after {content:"";width:0px;height:0px;border-width:4px;border-style:solid;border-color:transparent transparent transparent #eee;position:absolute;top:16px;right:10px;}nav li li:hover{background:rgba(0, 0, 0, 0.16);}

HTML

Letakkan kode berikut tepat di bawah </header>

<nav>
<ul>
<li><a href='/search/label/Tutorial'>Tutorial</a></li>
<li class='sub'><a href='/search/label/Template'>Template</a><ul>
<li><a href='/search/label/CSS3'>CSS3</a></li>
<li><a href='/search/label/HTML5'>HTML5</a></li>
<li><a href='/search/label/Responsive'>Responsive</a></li>
<li><a href='/search/label/SEO'>SEO</a></li>
</ul>
</li>
</ul>
</nav>

Kemudian simpan template anda. Tutorial membuat menu dropdown berakhir sampai sini. Nantikan kelanjutan tutorial "Cara membuat efek salju pada blog".

Read more »

Cara membuat blog secara gratis di blogsot.com

Cara Membuat Blog Gratis - Mungkin Sobat sedang kebingungan bagaimana cara membuat blog, apakah karena tugas sekolah yang diharuskan murid-muridnya mempunyai blog agar bisa mengikuti latihan dan mengerjakan tugas di blog masing-masing agar mendapat nilai, ataukah ada sebab lain seperti ingin berbagi kisah hidup, kata mutiara, kata bijak, kisah lucu, atau foto lucu supaya dapat diketahui oleh khalayak umum, ataupun Sobat ingin membuat blog karena ada teman yang bisa mendapatkan penghasilan dari blog.

Blog pada dasarnya disebut sebagai Web Blog yang merupakan salah satu aplikasi web yang mana postingan atau artikel yang diposting didalam blog sering sekali berurutan, yaitu dari tulisan terbaru hingga tulisan yang paling lama.

Blog itu sendiri bisa digunakan sebagai media penghubung, menjembatani antara si penulis dan pembaca, jadi si pembaca blog paham dan mengerti dengan maksud dan tujuan yang ditulis oleh penulis itu sendiri. bisa juga menjadi penghubung antara si penjual dan pembeli (dalam hal ini blog yang digunakan sebagai sebuah ladang usaha menjual produk. sebutan populernya Toko Online).

Kenapa harus di blogger / blogspot? Karena di situs tersebut kita dapat membuat blog secara gratis dan juga telah bekerja sama dengan Google, jadi blog yang dibuat Sobat TerbaruX bisa tampil blognya di mesin pencari Google. Dan di Blogger.com tamilannya sangat simple untuk yang masih awam atau yang masih pemula serta mudah untuk di otak - atik seperti ganti template atau background blog, menambah widget seperti kalender, jam dinding, dsb.

Cara Membuat Blog

Masuk ke Blogger ,sama halnya seperti daftar Facebook, di blogger juga harus mempunyai email Gmail terlebih dahulu, yang belum mempunyai email Gmail, harap membuat dulu. Untuk mendaftar, silakan isikan nama email Gmail beserta passwordnya, sama seperti log in ke gmail.com . Setelah itu klik Sign In.

setelah masuk, kita akan di bawa ke notification. lalu klik buat blog.

Nanti akan ada menu melayang seperti gambar dibawah ini. Isikan Judul dan  Alamat blog dengan nama blog sesuai keinginan Sobat, dan Apabila Sudah diisi alamat blognya maka nanti ada tulisan dibawahnya Alamat blog ini tersedia, kalau tidak sobat bisa mengganti nama blog yang lainnya seperti namablog999 atau terserah sobat. Nah, apabila sudah kini tinggal memilih template atau tampilan blog, pilih sesuai selera Sobat. Untuk template bisa dirubah lagi jadi pilih kalau merasa tidak ada yang bagus, pilih sembarang saja.

Setelah selesai, Selamat blog Sobat sudah jadi, tinggal klik Mulai mengeposkan untuk membuat artikel terbaru bagi blog Sobat atau klik gambar pensilnya. 

Itulah langkah-langkah mengenai cara membuat blog gratis dan mudah di blogspot. Semoga tulisan ini bisa membantu Sobat yang mau membuat blog gratis dan bisa mempunyai blog di blogspot

Read more »

Video Lucu Parodi PRABOWO vs JOKOWI

animenmangax - Setelah pertama kali muncul dalam Pemilihan Gubernur (Pilgub) DKI Jakarta lalu, kelompok yang berisikan anak-anak muda kembali mengisi hingar bingar politik pada Pemilu Presiden (Pilpres). Kali ini, bukan kampanye negatif, namun mereka membuat video yang mengungkap sisi negatif masing-masing capres.

Video itu baru ditonton 30.000an viewers. Video ini memperoleh tanggapan positif dari pengguna internet. Stand up komedian, Ernest Prakarsa jadi salah satu yang menyebutnya sangat menarik.

Salah satu adegan kocak di video ini adalah saat parodi Prabowo melempar ponsel. Isu ini sempat muncul ketika PPP ragu-ragu berkoalisi mengusung Prabowo Subianto. Meski sulit dikonfirmasi kebenarannya, kabar ini jadi salah satu isu panas.

Terakhir yang cukup kontroversial. Saat seorang memesan boneka Jokowi tiba-tiba yang datang boneka perempuan bertubuh tambun. Apa maksudnya? Simak dan tafsirkan sendiri.

Mau tahu isi lengkapnya, berikut video lucu tersebut:

Read more »