Tampilkan postingan dengan label BLOGGER. Tampilkan semua postingan
hay teman.. ^_^ pernahkah kalian mengalami "Undefined" saat mencoba mengganti template.
setelah saya selidiki, ternyata kesalahannya ada pada pemformatan tanggal postingan kalian.. !
cara mengatasinya yang telah saya coba satu satu..
ini dia cara yang manjur alias yg mampu. :v
1. buka dasbor blogger kalian
2. klik setelan
3.
Ubah Format Header tanggalnya ke Hari, Bulan, Tanggal, Tahun ( Sabtu, 11 Maret 1997 )
Ubah Tanggal Index Arsip ke bulan tahun ( Maret 1997 )
Ubah Format Timestamp ke Hari, Bulan, Tanggal, Tahun ( Sabtu, Maret 11, 1997 )
Okay selamat mencoba ^_^ dan semoga berhasil.
setelah saya selidiki, ternyata kesalahannya ada pada pemformatan tanggal postingan kalian.. !
cara mengatasinya yang telah saya coba satu satu..
ini dia cara yang manjur alias yg mampu. :v
1. buka dasbor blogger kalian
2. klik setelan
3.
Ubah Format Header tanggalnya ke Hari, Bulan, Tanggal, Tahun ( Sabtu, 11 Maret 1997 )
Ubah Tanggal Index Arsip ke bulan tahun ( Maret 1997 )
Ubah Format Timestamp ke Hari, Bulan, Tanggal, Tahun ( Sabtu, Maret 11, 1997 )
Okay selamat mencoba ^_^ dan semoga berhasil.
Tag :// BLOGGER,
Tag :// TIPS DAN TRIK
Tumblr merupakan sebuah layanan tumblelog yang mengizinkan penggunanya untuk melakukan posting, tidak hanya dalam bentuk tulisan, akan tetapi dapat juga melakukan posting dalam bentuk foto, quote, video, chat, audio, dan link. Tumblr didirikan pada tahun 2007 oleh David Karp dengan kantor pusat di New York. Tumbl adalah sebuah situs web untuk social network service (Layanan Jaringan Sosial) dan micro blogging.
Itu adalah sedikit gambaran tentang situs web Tumblr yang saya petik dari beberapa situs termasuk dari Wikipedia. Sebenarnya, hari ini saya bukannya mau bercerita tentang situs web Tumblr, tetapi saya mau memberikan panduan tentang bagaimana cara membuat tombol Follow seperti yang ada di situs web Tumblr untuk follower Google Friend Connect sobat blogger. Saya yakin, sobat blogger tidak akan tau bentuk tombol follow itu kalau sobat blogger tidak pernah berkunjung ke Tumblr.
Ganti yang warna merah dengan ID blog sobat. Untuk melihat Identitas blog sobat, sobat blogger harus sign in di blogger.com. Ketika sobat sudah berada di laman beranda blogger.com, klik link blog sobat, maka di kotak pencarian browser sobat akan langsung terlihat nomor id blog sobat. Lihat gambar di bawah ini!
Itu adalah sedikit gambaran tentang situs web Tumblr yang saya petik dari beberapa situs termasuk dari Wikipedia. Sebenarnya, hari ini saya bukannya mau bercerita tentang situs web Tumblr, tetapi saya mau memberikan panduan tentang bagaimana cara membuat tombol Follow seperti yang ada di situs web Tumblr untuk follower Google Friend Connect sobat blogger. Saya yakin, sobat blogger tidak akan tau bentuk tombol follow itu kalau sobat blogger tidak pernah berkunjung ke Tumblr.
- Sign In di Blogger.com
- Pada Menu drop down, pilih layout dan klik add a gadget
- Pilih HTML/JavaScript dan copy paste kode berikut pada kolom yang tersedia
<div style="display:scroll; position:fixed; top:5px; right:95px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></a> <div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://www.tutorialblogspot.com/" target="_blank" rel="dofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div>
- Simpan Widget follow dan dashboard sobat blogger
Ganti yang warna merah dengan ID blog sobat. Untuk melihat Identitas blog sobat, sobat blogger harus sign in di blogger.com. Ketika sobat sudah berada di laman beranda blogger.com, klik link blog sobat, maka di kotak pencarian browser sobat akan langsung terlihat nomor id blog sobat. Lihat gambar di bawah ini!
selamat mencoba !!
dan semoga berhasill !! ^_^
Tag :// BLOGGER,
Tag :// TIPS DAN TRIK
Menu vertikal ini cocok kalau dipasang di sidebar karena bentuknya berjajar sevara vertikal . Contohnya seperti gambar dibawah ini:
Beginilah cara membuatnya :
1. Login ke blogger trus pilih "Layout-->Edit HTML"
2. Masukkan kode berikut sebelum kode ]]></b:skin> atau sebelum kode </style> . Pokoknya ditaruh di dalam Barisan kode CSS deh.
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url('http://blog.superinhost.com/vertical/blue1.gif') repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu li ul{
position: absolute;
width: 190px;
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width: 180px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url('http://blog.superinhost.com/vertical/blue2.gif');
}
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
Untuk memilih warna menu, perhatikan kode2 yang berwarna biru muda (blue1.gif dan blue2.gif). Ganti kode tersebut dengan pilihan warna dibawah ini. Misal jika kamu ingin memilih menu warna merah maka kodenya menjadi seperti ini :
.glossymenu li a{
background: white url('http://blog.superinhost.com/vertical/red.gif') repeat-x bottom left;
dan
.glossymenu li a:hover{
background-image: url('http://blog.superinhost.com/vertical/red.gif');
Pilihan Warna menu vertikal :
blue1.gif
blue2.gif
green1.gif
green2.gif
red1.gif
red2.gif
pink1.gif
pink2.gif
black1.gif
black2.gif
3. Kemudian di save.
4. Lalu pergi ke menu "Page Elements"
5. Pilih "Add a Gadget -->HTML/JavaScript" kemudian masukkan kode berikut kedalamnya:
<ul id="verticalmenu" class="glossymenu">
<li><a href="/">Home</a></li>
<li><a href="http://trik-blog-nyaman.blogspot.com">Trik Blog</a></li>
<li><a href="http://trik-nyaman.blogspot.com" >Free Template</a></li>
<li><a href="http://getebook.co.cc">Free Ebook</a></li>
</li>
</ul>
Kode yang berwarna biru muda adalah linknya dan yg warna kuning adalah teks yang ditampilkan.
Selamat mencoba dan semoga berhasil ^_^
Beginilah cara membuatnya :
1. Login ke blogger trus pilih "Layout-->Edit HTML"
2. Masukkan kode berikut sebelum kode ]]></b:skin> atau sebelum kode </style> . Pokoknya ditaruh di dalam Barisan kode CSS deh.
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url('http://blog.superinhost.com/vertical/blue1.gif') repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu li ul{
position: absolute;
width: 190px;
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width: 180px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url('http://blog.superinhost.com/vertical/blue2.gif');
}
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
Untuk memilih warna menu, perhatikan kode2 yang berwarna biru muda (blue1.gif dan blue2.gif). Ganti kode tersebut dengan pilihan warna dibawah ini. Misal jika kamu ingin memilih menu warna merah maka kodenya menjadi seperti ini :
.glossymenu li a{
background: white url('http://blog.superinhost.com/vertical/red.gif') repeat-x bottom left;
dan
.glossymenu li a:hover{
background-image: url('http://blog.superinhost.com/vertical/red.gif');
Pilihan Warna menu vertikal :
blue1.gif
blue2.gif
green1.gif
green2.gif
red1.gif
red2.gif
pink1.gif
pink2.gif
black1.gif
black2.gif
3. Kemudian di save.
4. Lalu pergi ke menu "Page Elements"
5. Pilih "Add a Gadget -->HTML/JavaScript" kemudian masukkan kode berikut kedalamnya:
<ul id="verticalmenu" class="glossymenu">
<li><a href="/">Home</a></li>
<li><a href="http://trik-blog-nyaman.blogspot.com">Trik Blog</a></li>
<li><a href="http://trik-nyaman.blogspot.com" >Free Template</a></li>
<li><a href="http://getebook.co.cc">Free Ebook</a></li>
</li>
</ul>
Kode yang berwarna biru muda adalah linknya dan yg warna kuning adalah teks yang ditampilkan.
Selamat mencoba dan semoga berhasil ^_^
Tag :// BLOGGER,
Tag :// TIPS DAN TRIK
