Browse » Home » Archives for 2010
Lansung saja, cara buat animasi salju pada blog ikuti langkah2 dibawah ini:
Begini nih cara membuat animasi salju untuk blog:
Paste kode diatas tepat dibawah tag <body>
klik tombol Simpan Template dan lihat hasilnya......
Selamat mencoba.......
[[..selengkapnya..]]
Begini nih cara membuat animasi salju untuk blog:
- Log in ke blogger.com
- Klik link Tata Letak > Edit HTML
- Cari tag <body>
- Copy kode berikut:
<script src=’http://www.google-analytics.com/urchin.js’ type=’text/javascript’>
</script>
</script>
Paste kode diatas tepat dibawah tag <body>
klik tombol Simpan Template dan lihat hasilnya......
Selamat mencoba.......
Browse » Home » Archives for 2010
Salah satu keuntungan dari menu drop-down dibandingkan dengan tombol yang lain adalah ruang yang dibutuhkan sedikit. Tetapi itu pendapat sebagian orang, ada yang berpendapat menu ini sangat merugikan, karena orang tidak dapat melihat semua pilihan pada menu ini.
Baiklah, berikut beberapa Dropdown Menu yang saya dapat kan hasil survey blogging....
1. Simple Navigation
Kode nya:
2. Navigation, Opens In New Tab
Masih banyak lagi Select Box Navigation yang lain.... Tapi untuk sekarang ini dulu. Terima kasih sudah membaca artikel kami....
Selamat mencoba.....
[[..selengkapnya..]]
Baiklah, berikut beberapa Dropdown Menu yang saya dapat kan hasil survey blogging....
1. Simple Navigation
Kode nya:
<form action="../">
<select onchange="window.open(this.options[this.selectedIndex].value,'_top')">
<option value="">Pilih Alamat tujuan...</option>
<option value="http://www.yahoo.com/">YAHOO</option>
<option value="http://www.google.com/">GOOGLE</option>
<option value="http://www.facebook.com/">FACEBOOK</option>
<option value="http://twitter.com/">TWITTER</option>
<option value="http://amiroktavia.blogspot.com/">MY BLOG</option>
</select>
</form>
<select onchange="window.open(this.options[this.selectedIndex].value,'_top')">
<option value="">Pilih Alamat tujuan...</option>
<option value="http://www.yahoo.com/">YAHOO</option>
<option value="http://www.google.com/">GOOGLE</option>
<option value="http://www.facebook.com/">FACEBOOK</option>
<option value="http://twitter.com/">TWITTER</option>
<option value="http://amiroktavia.blogspot.com/">MY BLOG</option>
</select>
</form>
2. Navigation, Opens In New Tab
Masih banyak lagi Select Box Navigation yang lain.... Tapi untuk sekarang ini dulu. Terima kasih sudah membaca artikel kami....
Selamat mencoba.....
Browse » Home » Archives for 2010
Oke dah langsung saja,saya coba share SN XP yang bisa digunakan untuk semua jenis XP,Professional maupun yang lain
1. V2C47 - MK7JD - 3R89F - D2KXW - VPK3J
2. H689T - BFM2F - R6GF8 - 9WPYM - B6378
3. WCBG6 - 48773 - B4BYX - 73KJP - KM3K3
Nah dengan tiga key diatas windows xp anda bisa seperti Original,yang biasa saya gunakan serial yang pertama.Untuk serial XP selain diatas silahkan coba serial berikut ini :
BKQW7 - 3JYTB - D26TX - DHPDM - 3MTKG
XP PRO SP 2 : QW4HD - DQCRG - HM64M - 6GJRK-8K83T
XP 64-Bit : M4676 - 2VW7F - 6BCVH - 9QPBF - QBRBM
Dan Kalau anda menggunakan OS lain selain XP,misal vista,gak ada salahnya mencoba serial ini jika anda belum ada serialnya.
368Y7 - 49YMQ – VRCTY - 3V3RH - WRMG7
72PFD - BCBK8 - R7X4H - 6F2XJ - VVMP9
Windows Vista Business : J9QVT-JJMB9-RVJ38-M8KT6-DMT9M
Windows Vista Home Basic : KJTCW-YQGRK-XPQMR-YTQG8-DKVG6
Windows Vista Home Basic N : YQWWH-2YD6Y-V3K2X-H4H8V-WJ8WT
Windows Vista Home Premium : PYYBC-K9XT9-V92KD-6CT89-4VB82
Windows Vista Ultimate :
PVVFY-2F78Q-8T7M8-HDQB2-BR3YT
6F2D7-2PCG6-YQQTB-FWK9V-932CC
R8G6T-YBCXF-R29PG-9VFY3-FR9JB
YFKBB-PQJJV-G996G-VWGXY-2V3X8
368Y7-49YMQ-VRCTY-3V3RH-WRMG7
2QBP3-289MF-9364X-37XGX-24W6P
Windows Vista Ultimate Rtm Build 6.0.6000.16384 :
- GLAD2-SEEUH-AVEAS-ENSEO-FHUMR
- YFKBB-PQJJV-G996G-VWGXY-2V3X8
Windows Vista Enterprise : CYD8T-QHBMC-6RCMK-4GHRD-CRRB7
XP Black edition : W9VCJ-74DXW-JDDBV-PW777-WXD2T
Windows 7 (Seven) 32-Bit : 4HJRK-X6Q28-HWRFY-WDYHJ-K8HDH
Windows 7 64-Bit : JYDV8-H8VXG-74RPT-6BJPB-X42V4
Selamat Mencoba..........
Sumber: http://www.bismillahslamet.com/2010/04/serial-number-windows-xp-pro-sp1sp2sp-3.html
[[..selengkapnya..]]
1. V2C47 - MK7JD - 3R89F - D2KXW - VPK3J
2. H689T - BFM2F - R6GF8 - 9WPYM - B6378
3. WCBG6 - 48773 - B4BYX - 73KJP - KM3K3
Nah dengan tiga key diatas windows xp anda bisa seperti Original,yang biasa saya gunakan serial yang pertama.Untuk serial XP selain diatas silahkan coba serial berikut ini :
BKQW7 - 3JYTB - D26TX - DHPDM - 3MTKG
XP PRO SP 2 : QW4HD - DQCRG - HM64M - 6GJRK-8K83T
XP 64-Bit : M4676 - 2VW7F - 6BCVH - 9QPBF - QBRBM
Dan Kalau anda menggunakan OS lain selain XP,misal vista,gak ada salahnya mencoba serial ini jika anda belum ada serialnya.
368Y7 - 49YMQ – VRCTY - 3V3RH - WRMG7
72PFD - BCBK8 - R7X4H - 6F2XJ - VVMP9
Windows Vista Business : J9QVT-JJMB9-RVJ38-M8KT6-DMT9M
Windows Vista Home Basic : KJTCW-YQGRK-XPQMR-YTQG8-DKVG6
Windows Vista Home Basic N : YQWWH-2YD6Y-V3K2X-H4H8V-WJ8WT
Windows Vista Home Premium : PYYBC-K9XT9-V92KD-6CT89-4VB82
Windows Vista Ultimate :
PVVFY-2F78Q-8T7M8-HDQB2-BR3YT
6F2D7-2PCG6-YQQTB-FWK9V-932CC
R8G6T-YBCXF-R29PG-9VFY3-FR9JB
YFKBB-PQJJV-G996G-VWGXY-2V3X8
368Y7-49YMQ-VRCTY-3V3RH-WRMG7
2QBP3-289MF-9364X-37XGX-24W6P
Windows Vista Ultimate Rtm Build 6.0.6000.16384 :
- GLAD2-SEEUH-AVEAS-ENSEO-FHUMR
- YFKBB-PQJJV-G996G-VWGXY-2V3X8
Windows Vista Enterprise : CYD8T-QHBMC-6RCMK-4GHRD-CRRB7
XP Black edition : W9VCJ-74DXW-JDDBV-PW777-WXD2T
Windows 7 (Seven) 32-Bit : 4HJRK-X6Q28-HWRFY-WDYHJ-K8HDH
Windows 7 64-Bit : JYDV8-H8VXG-74RPT-6BJPB-X42V4
Selamat Mencoba..........
Sumber: http://www.bismillahslamet.com/2010/04/serial-number-windows-xp-pro-sp1sp2sp-3.html
Browse » Home » Archives for 2010
Wahhhhhh, setelah blog yang udah lama sepi ini akhirnya hari ini blog ku kedatangan pengunjung yang request cara buat "Recent Post with Thumbnails". Makasi buat pengunjung itu telah mengunjungi blog yang telah lama sepi dan sederhana ini.....
Secara ringkas Recent Post with Thumbnails ini dilengkapi dengan thumbnail image yang bisa kita udah sesuai keinginan, juga tersedia tanggal posting diterbitkan......
Berikut kode untuk menampilkan "Recent Post with Thumbnails" dan cara nya cupuk copy paste pada element blog kita:
Pada kode yang bewarna hijau diganti sama alamat blog masing2......
Kode yang bewarna merah merupakan ukuran tinggi dan lebar kotak Recent Post, sesuai.... sebaiknya ukuran lebar ny disamakan biar stabil...
Selamat Mencoba.....
[[..selengkapnya..]]
Secara ringkas Recent Post with Thumbnails ini dilengkapi dengan thumbnail image yang bisa kita udah sesuai keinginan, juga tersedia tanggal posting diterbitkan......
Berikut kode untuk menampilkan "Recent Post with Thumbnails" dan cara nya cupuk copy paste pada element blog kita:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:220px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#000;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#FFFFF;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#000;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk8kj4WptLgL0zb8rgaaPkcNQ-hxK5op0kHxtwR1Z_Q67j_ZypVyTYl-qRSslYYNzl-euQGtmPVrHU2HqW1_hy2SE5US8Z2vbZAMImHpcGkPp3jNK95oM_ziy86RCnb0g0UQWckLN4pJA/s400/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk8kj4WptLgL0zb8rgaaPkcNQ-hxK5op0kHxtwR1Z_Q67j_ZypVyTYl-qRSslYYNzl-euQGtmPVrHU2HqW1_hy2SE5US8Z2vbZAMImHpcGkPp3jNK95oM_ziy86RCnb0g0UQWckLN4pJA/s400/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk8kj4WptLgL0zb8rgaaPkcNQ-hxK5op0kHxtwR1Z_Q67j_ZypVyTYl-qRSslYYNzl-euQGtmPVrHU2HqW1_hy2SE5US8Z2vbZAMImHpcGkPp3jNK95oM_ziy86RCnb0g0UQWckLN4pJA/s400/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk8kj4WptLgL0zb8rgaaPkcNQ-hxK5op0kHxtwR1Z_Q67j_ZypVyTYl-qRSslYYNzl-euQGtmPVrHU2HqW1_hy2SE5US8Z2vbZAMImHpcGkPp3jNK95oM_ziy86RCnb0g0UQWckLN4pJA/s400/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk8kj4WptLgL0zb8rgaaPkcNQ-hxK5op0kHxtwR1Z_Q67j_ZypVyTYl-qRSslYYNzl-euQGtmPVrHU2HqW1_hy2SE5US8Z2vbZAMImHpcGkPp3jNK95oM_ziy86RCnb0g0UQWckLN4pJA/s400/noimage.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#000000";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#000";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#FFFFFF";
icon2 = " ";
numposts = 10;
home_page = "http://amiroktavia.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:220px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#000;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#FFFFF;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#000;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk8kj4WptLgL0zb8rgaaPkcNQ-hxK5op0kHxtwR1Z_Q67j_ZypVyTYl-qRSslYYNzl-euQGtmPVrHU2HqW1_hy2SE5US8Z2vbZAMImHpcGkPp3jNK95oM_ziy86RCnb0g0UQWckLN4pJA/s400/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk8kj4WptLgL0zb8rgaaPkcNQ-hxK5op0kHxtwR1Z_Q67j_ZypVyTYl-qRSslYYNzl-euQGtmPVrHU2HqW1_hy2SE5US8Z2vbZAMImHpcGkPp3jNK95oM_ziy86RCnb0g0UQWckLN4pJA/s400/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk8kj4WptLgL0zb8rgaaPkcNQ-hxK5op0kHxtwR1Z_Q67j_ZypVyTYl-qRSslYYNzl-euQGtmPVrHU2HqW1_hy2SE5US8Z2vbZAMImHpcGkPp3jNK95oM_ziy86RCnb0g0UQWckLN4pJA/s400/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk8kj4WptLgL0zb8rgaaPkcNQ-hxK5op0kHxtwR1Z_Q67j_ZypVyTYl-qRSslYYNzl-euQGtmPVrHU2HqW1_hy2SE5US8Z2vbZAMImHpcGkPp3jNK95oM_ziy86RCnb0g0UQWckLN4pJA/s400/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk8kj4WptLgL0zb8rgaaPkcNQ-hxK5op0kHxtwR1Z_Q67j_ZypVyTYl-qRSslYYNzl-euQGtmPVrHU2HqW1_hy2SE5US8Z2vbZAMImHpcGkPp3jNK95oM_ziy86RCnb0g0UQWckLN4pJA/s400/noimage.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#000000";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#000";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#FFFFFF";
icon2 = " ";
numposts = 10;
home_page = "http://amiroktavia.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>
Pada kode yang bewarna hijau diganti sama alamat blog masing2......
Kode yang bewarna merah merupakan ukuran tinggi dan lebar kotak Recent Post, sesuai.... sebaiknya ukuran lebar ny disamakan biar stabil...
Selamat Mencoba.....
Browse » Home » Archives for 2010
Komentar Terbaru (Recent Comment)pada blog sangat membantu dlm melihat tanggapan para pengunjung apakah mereka mengerti atau tidak dengan posting kita, atau apakah posting kita mengalami masalah dan terdapan kekurangan.
Cara Pertama
Dengan menambahkan Gadget baru dan pilih "Feed"
Setelah itu isikan alamat feed blog kita:
ganti tulisan yang bewarna diatas dengan alamat blog masing-masing
Save dan lihat hasil nya....
Cara Kedua
Dibawah ini source kode untuk membuat "Recent Comment" dan cara ny copas pada element blog:
Ganti kode yang bewarna hijau diatas dengan alamat blog kita....
[[..selengkapnya..]]
Cara Pertama
Dengan menambahkan Gadget baru dan pilih "Feed"
http://amiroktavia.blogspot.com/feeds/comments/default
ganti tulisan yang bewarna diatas dengan alamat blog masing-masing
Save dan lihat hasil nya....
Cara Kedua
Dibawah ini source kode untuk membuat "Recent Comment" dan cara ny copas pada element blog:
<script style='text/javascript' src='http://giga.ovh.org/rc'></script><script style='text/javascript'>var a_rc=10;var m_rc=true;var n_rc=true;var o_rc=100;</script><script src='http://amiroktavia.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments'></script>
Ganti kode yang bewarna hijau diatas dengan alamat blog kita....
Browse » Home » Archives for 2010
Ada banyak jenis gaya CSS Border Style yang bisa kita buat. CSS Border Style lebih jadi menarik dan cantik jika dipadukan dengan banyak warna / kombinasi CSS Border Style yang satu dengan yang lain.
Berikut macam-macam CSS Border Style dan contoh nya:
Ket:
- border: 4px atau border: 2px adalah tebal dari border.
- background:#0F192A adalah kode untuk warna background.
- padding: 10px adalah jarak antara tulisan dengan border.
- width: 500px adalah lebar dari kotak.
[[..selengkapnya..]]
Berikut macam-macam CSS Border Style dan contoh nya:
CSS Border Style-solid
<div style="border: 2px solid #909090; padding: 10px; width: 500px; background:#0F192A; ">CSS Border Style-solid</div>
CSS Border Style-double
<div style="border: 4px double #909090; padding: 10px; width: 500px;background:#0F192A;">CSS Border Style-double</div>
CSS Border Style-groove
<div style="border: 4px groove #909090; padding: 10px; width: 500px;background:#0F192A;">CSS Border Style-groove</div>
CSS Border Style-dotted
<div style="border: 4px dotted #909090; padding: 10px; width: 500px;background:#0F192A;">CSS Border Style-dotted</div>
CSS Border Style-dashed
<div style="border: 2px dashed #909090; padding: 10px; width: 500px;background:#0F192A;">CSS Border Style-dashed</div>
CSS Border Style-inset
<div style="border: 4px inset #909090; padding: 10px; width: 500px;background:#0F192A;">CSS Border Style-inset</div>
CSS Border Style-outset
<div style="border: 4px outset #909090; padding: 10px; width: 500px;background:#0F192A;">CSS Border Style-outset</div>
CSS Border Style-ridge
<div style="border: 4px ridge #909090; padding: 10px; width: 500px;background:#0F192A;">CSS Border Style-ridge</div>
Ket:
- border: 4px atau border: 2px adalah tebal dari border.
- background:#0F192A adalah kode untuk warna background.
- padding: 10px adalah jarak antara tulisan dengan border.
- width: 500px adalah lebar dari kotak.
Browse » Home » Archives for 2010
"Breadcrumbs" biasanya terletak pada bagian atas halaman web atau biasanya di bawah header nav bar. Breadcrumbs manampilkan link ke setiap halaman sebelumnya dan memberikan link terkait ke halaman sebelumnya. Breadcrumbs memberikan jejak bagi user untuk mengikuti kembali ke awal atau beranda. Antara link tersebut dipisahkan oleh tanda (seperti »).
Berikut langkah-langkah menambah "Breadcrumbs" di samping judul:
1. Pergi ke Layout> Edit HTML> Klik "Expand Template Widget"
2. Cari kode dibawah ini:
Letakkan kode dibawah ini tepat "diatas" kode langkah 2:
3. Setelah itu, cari kode seperti ini :
Letakkan kode berikut ini tepat "dibawah" kode langkah :
Simpan Template.
[[..selengkapnya..]]
Berikut langkah-langkah menambah "Breadcrumbs" di samping judul:
1. Pergi ke Layout> Edit HTML> Klik "Expand Template Widget"
2. Cari kode dibawah ini:
]]></b:skin>
Letakkan kode dibawah ini tepat "diatas" kode langkah 2:
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef}
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef}
3. Setelah itu, cari kode seperti ini :
<div class='post hentry uncustomized-post-template'>
Letakkan kode berikut ini tepat "dibawah" kode langkah :
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != "true"'> , </b:if> </b:loop> </b:if> » <data:post.title/> </div> </b:if> </b:if>
Simpan Template.
Browse » Home » Archives for 2010
Seperti yang sama-sama kita ketahui, bagi para sobat blogger yang tidak ingin orang lain meng copas isi artikel nya bisa pakai scrip ini.
Langkah-langkah nya cukup Tambah Gadget baru dan masukkan scrip dibawah ini.
Anda juga bisa meletakkan scrip nya diatas kode </head> di dalam edit HTML.
Berikut scrip ny:
Anda bisa mengganti kata-kata yang bewarna dengan kata-kata anda sendiri...
Semoga bermanfaat....
[[..selengkapnya..]]
Langkah-langkah nya cukup Tambah Gadget baru dan masukkan scrip dibawah ini.
Anda juga bisa meletakkan scrip nya diatas kode </head> di dalam edit HTML.
Berikut scrip ny:
<script>
var message="Maaf, Klik Kanan Tidak Diperbolehkan !";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>
var message="Maaf, Klik Kanan Tidak Diperbolehkan !";
Anda bisa mengganti kata-kata yang bewarna dengan kata-kata anda sendiri...
Semoga bermanfaat....
Browse » Home » Archives for 2010
Apa Itu -border-radius? -border-radius adalah salah satu property css3, sedangkan fungsi dari border-radius adalah untuk membuat lengkungan pada box-box tag html! -border-radius properti digunakan dalam CSS dan beberapa tag HTML khusus untuk membuat perbatasan bulat objek tertentu. Tapi efeknya hanya dapat dilihat dalam browser tertenu, seperti Mozilla Firefox dan Safari, seperti berdirinya moz untuk Mozilla. Ini hanya akan membuat perbatasan jika ada background-color/image tertentu pada objek. Untuk fungsionalitas pada browser yang lain, gunakan properti perbatasan-radius. MozBorderRadius untuk Mozilla and webkitBorderRadius untuk Safari.
Mari lihat contoh:Apa Itu Border-Radius?
Kodenya:
<div style="border: 1px solid #2C97F3; padding: 8px; background-color: #0F192A; color:#fff; -moz-border-radius:10px;">Apa Itu Border-Radius?</div>
<div style=" (kode ini membuat kotak border otomatis melebar)
border: 1px solid #2C97F3; (kode ini untuk memberi warna border seperti contoh diatas)
padding: 8px; (kode ini untuk memberi jarak antara tulisan ke border)
background-color: #0F192A; (kode ini untuk memberi warna latar)
color:#fff; (kode ini untuk memberi warna pada tulisan)
-moz-border-radius:10px; (kode ini memberi lengkungan pada ujung border sebesar 10px)
">
Apa Itu Border-Radius?
</div> (tutup kembali dengan div)
border: 1px solid #2C97F3; (kode ini untuk memberi warna border seperti contoh diatas)
padding: 8px; (kode ini untuk memberi jarak antara tulisan ke border)
background-color: #0F192A; (kode ini untuk memberi warna latar)
color:#fff; (kode ini untuk memberi warna pada tulisan)
-moz-border-radius:10px; (kode ini memberi lengkungan pada ujung border sebesar 10px)
">
Apa Itu Border-Radius?
</div> (tutup kembali dengan div)
Apa Itu Border-Radius?
Kodenya:
<span style="border: 1px solid #2C97F3; padding: 8px; background-color: #0F192A; color:#fff; -moz-border-radius:10px;">Apa Itu Border-Radius?</span>
(penjelasan nya sama dengan yang diatas, tetapi beda ny pada kata SPAN. Kode ini memberikan efek dimana border yang ditampilkan sesuai dengan kata kita....)
Lihat contoh diatas....
"Penggunaannya bisa dimodifikasi sebagai berikut"
Apa Itu Border-Radius?
<div style="border: 1px solid #2C97F3; padding: 8px; background-color: #0F192A; -moz-border-radius-topleft: 10px;">Apa Itu Border-Radius?</div>
Apa Itu Border-Radius?
<div style="border: 1px solid #2C97F3; padding: 8px; background-color: #0F192A; -moz-border-radius-topright: 10px; ">Apa Itu Border-Radius?</div>
Apa Itu Border-Radius?
<div style="border: 1px solid #2C97F3; padding: 8px; background-color: #0F192A; -moz-border-radius-bottomright: 10px;">Apa Itu Border-Radius?</div>
Apa Itu Border-Radius?
<div style="border: 1px solid #2C97F3; padding: 8px; background-color: #0F192A; -moz-border-radius-bottomleft: 10px;">Apa Itu Border-Radius?</div>
Browse » Home » Archives for 2010
Browse » Home » Archives for 2010
Comment Bubble merupakan lingkaran bulat seperti balon di pojok kanan judul posting yang sangat membantu kita seberapa comment yang ada dalam postingan kita. Hal ini sangat membantu pada saat kita tidak sempat Login ke akun kita untuk mengcek comment yang ada dikarenakan dot dot dot
Sebelum mengedit template Anda mulai menyimpan cadangan dulu untuk jaga-jaga dengan meng-klik "Download Template Lengkap".
Sudah siap apa belum??
Berikut langkah-langkah menambah "Comment Bubble" di samping judul:
1. Pergi ke Layout> Edit HTML> Klik "Expand Template Widget"
2. Cari kode dibawah ini:
3.Copy paste kode dibawah ini tepat "diatas" langkah 2
4. Sekarang cari kode:
Jika anda tidak menemukan cari kode di bawah ini:
5. Copy paste kode dibawah ini tepat sesudah kode pada langkah 4:
Save dan lihat hasil nya....
Sobat bisa menukar gambar background "Comment Bubble" dengan mengganti
Anda tidak perlu membuang waktu Anda untuk mencari gambar "Comment Bubble", saya sudah pasang link supaya Anda dapat mendownload koleksi gambar "Comment Bubble"
Download Comment Bubble.rar
[[..selengkapnya..]]
Sebelum mengedit template Anda mulai menyimpan cadangan dulu untuk jaga-jaga dengan meng-klik "Download Template Lengkap".
Sudah siap apa belum??
Berikut langkah-langkah menambah "Comment Bubble" di samping judul:
1. Pergi ke Layout> Edit HTML> Klik "Expand Template Widget"
2. Cari kode dibawah ini:
]]></b:skin>
3.Copy paste kode dibawah ini tepat "diatas" langkah 2
/*------Commment Bubble Start------*/
.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs4m4DunajkHQbiHjo_x2LNRIL_5kTnWI18Pv2bLT017HL8m6CC6HYaq9DYNxFnxf_zitn7eUmbg4WZ0TsDehPRG680bzelilyspFB489p5jVZICOuSUVmATnVtMzjFeLtgb08eNLdmnq7/s128/bubble9.png) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
padding:0px 0px 0px 0px;
}
/*------Commment Bubble End AmirOktavia------*/
4. Sekarang cari kode:
<h3 class='title'><data:title/>
Jika anda tidak menemukan cari kode di bawah ini:
<h2 class='title'><data:title/>
5. Copy paste kode dibawah ini tepat sesudah kode pada langkah 4:
<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
Save dan lihat hasil nya....
Sobat bisa menukar gambar background "Comment Bubble" dengan mengganti
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs4m4DunajkHQbiHjo_x2LNRIL_5kTnWI18Pv2bLT017HL8m6CC6HYaq9DYNxFnxf_zitn7eUmbg4WZ0TsDehPRG680bzelilyspFB489p5jVZICOuSUVmATnVtMzjFeLtgb08eNLdmnq7/s128/bubble9.png) no-repeat;
Anda tidak perlu membuang waktu Anda untuk mencari gambar "Comment Bubble", saya sudah pasang link supaya Anda dapat mendownload koleksi gambar "Comment Bubble"
Download Comment Bubble.rar
Browse » Home » Archives for 2010
Facebook telah datang dengan satu set baru plugin Sosial yang memungkinkan Anda untuk memberikan pengalaman menarik sosial kepada pengguna dengan hanya garis dari HTML. Facebook Like Button salah satu nya. Anda dapat melihat demo dari tombol seperti pada halaman ini. Facebook seperti tombol akan memungkinkan pembaca Anda dengan cepat berbagi posting Anda dengan teman Facebook mereka. Anda juga dapat mengetahui berapa banyak orang yang menyukai Posting Blog Anda. Berikut ini adalah sedikit Demo.
Berikut langkah-langkah nya:
Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Rancangan - Edit HTML" "Expand your Widget Templates"
Langkah 3
Cari kode dibawah ini:
Letakkan script dibawah ini "diatas" kode langkah 3:
Para sobat bisa meletakkan didalam posting dengan menghilangkan kode warna hijau diatas.
Happy Blogging....
[[..selengkapnya..]]
Berikut langkah-langkah nya:
Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Rancangan - Edit HTML" "Expand your Widget Templates"
Langkah 3
Cari kode dibawah ini:
<data:post.body/>
Letakkan script dibawah ini "diatas" kode langkah 3:
<b:if cond='data:blog.pageType == "item"'>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike&layout=standard&show_faces=true&width=450&action=like&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
</b:if>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike&layout=standard&show_faces=true&width=450&action=like&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
</b:if>
Para sobat bisa meletakkan didalam posting dengan menghilangkan kode warna hijau diatas.
Happy Blogging....
Browse » Home » Archives for 2010
Dengan adanya fitur ini berbagi di blogger menjadi semakin mudah dengan menyelipkan ikon-ikon dibawah atau di atas postingan.
Kode nya:
Kode nya:
Kode nya:
Kode nya:
Kode nya:
Kode nya:
Letakkan script diatas sebelum
Semoga bermanfaat dan membuat blog Anda lebih cantik juga memudahkan orang membagi artikel Anda.
[[..selengkapnya..]]
Kode nya:
<div style="text-align: right;">
<a class="google-buzz-button" data-button-style="normal-count" href="http://www.google.com/buzz/post" title="Post to Google Buzz"></a></div>
<div style="text-align: right;">
<script src="http://www.google.com/buzz/api/button.js" type="text/javascript">
</script></div>
<a class="google-buzz-button" data-button-style="normal-count" href="http://www.google.com/buzz/post" title="Post to Google Buzz"></a></div>
<div style="text-align: right;">
<script src="http://www.google.com/buzz/api/button.js" type="text/javascript">
</script></div>
Kode nya:
<div style="text-align: right;">
<a class="google-buzz-button" style="" href="http://www.google.com/buzz/post" title="Post to Google Buzz"></a></div>
<div style="text-align: right;">
<script src="http://www.google.com/buzz/api/button.js" type="text/javascript"><br /></script></div>
<a class="google-buzz-button" style="" href="http://www.google.com/buzz/post" title="Post to Google Buzz"></a></div>
<div style="text-align: right;">
<script src="http://www.google.com/buzz/api/button.js" type="text/javascript"><br /></script></div>
Kode nya:
<div style="text-align: right;">
<a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Bagikan</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"><br /></script></div>
<a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Bagikan</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"><br /></script></div>
Kode nya:
<div style="text-align: right;">
<a href="http://www.facebook.com/sharer.php" name="fb_share" type="button_count">Bagikan</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script></div>
<a href="http://www.facebook.com/sharer.php" name="fb_share" type="button_count">Bagikan</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script></div>
Kode nya:
<div style='float:right; margin-right:10px;'>
<script>var twittleystyle = "1";</script><script src='http://twittley.com/button/button.js'/>
</div>
<script>var twittleystyle = "1";</script><script src='http://twittley.com/button/button.js'/>
</div>
Kode nya:
<div style="text-align: right;">
<script type="text/javascript">
tweetmeme_style = 'compact';
</script>
<script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript">
</script></div>
<script type="text/javascript">
tweetmeme_style = 'compact';
</script>
<script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript">
</script></div>
Letakkan script diatas sebelum
<data:post.body/>
Semoga bermanfaat dan membuat blog Anda lebih cantik juga memudahkan orang membagi artikel Anda.
Browse » Home » Archives for 2010
Ini adalah tutorial tentang cara menambahkan yang sederhana untuk menambahkan "Aboout Author" di bawah setiap posting di Blogger yang hanya muncul di halaman posting. Pertama saya bingung cara membuat nya padahal saya ongin bangat ada itu, setelah saya pelajari dari blog teman2 saya bisa menerapkan nya.... Saya yakin bahwa kita semua akan melihat fitur ini terutama di blog Wordpress. Tapi sekarang, pengguna Blogger dapat memiliki fitur ini juga. Ikuti langkah di bawah ini untuk menambahkannya:
Langkah 1
Login ke Blogger
Langkah 2
Pilih "Tata Letak - Edit HTML"
Langkah 3
Backup Template Blog untuk mengantisipasi kegagalan modifikasi template
Langkah 4
Jangan lupa check "Expand widget template"
Langkah 5
Cari kode dibawah ini :
Copy Paste (CoPas) kode dibawah ini tepat diatasnya :
Sekarang cari kode berikut:
Copy Paste (CoPas) kode dibawah ini tepat dibawahnya :
Sesuaikan kata yang saya tandai dengan gambar, nama dan tentang diri anda.....
Happy Blogging....
[[..selengkapnya..]]
Langkah 1
Login ke Blogger
Langkah 2
Pilih "Tata Letak - Edit HTML"
Langkah 3
Backup Template Blog untuk mengantisipasi kegagalan modifikasi template
Langkah 4
Jangan lupa check "Expand widget template"
Langkah 5
Cari kode dibawah ini :
]]></b:skin>
Copy Paste (CoPas) kode dibawah ini tepat diatasnya :
.author-box {
background: #F7F7F7;
margin: 20px 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
border: 1px solid #E6E6E6;
}
background: #F7F7F7;
margin: 20px 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
border: 1px solid #E6E6E6;
}
Sekarang cari kode berikut:
<div class='post-footer-line post-footer-line-1'>
Copy Paste (CoPas) kode dibawah ini tepat dibawahnya :
<b:if cond='data:blog.pageType == "item"'>
<div class='author-box'>
<p><img alt='' class='avatar avatar-70 photo' height='70' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJAH9mMhiubyZN_WafPx9HH2oWECCj2HPKfoX2xdbbHAeeQvRnb7GsKOJvmbwfbw4mDlpOZamMYRjvsTUEqsPi4N6IQpCvW1Ni58I052ADI1xRM1m2RWujlcO0kkPiS7om5teRR65HrVrt/s128/My.JPG' width='70'/><b>Nama _Anda</b><br/>
Nama saya AmirOktavia, saya seorang mahasiswa di salah satu Universitas Swasta Padang. Blog ini berisi tips, trik seputar Blog, Internet, Software. Saya belajar blog dari tutorial teman-teman. Sebagian besar tutorial yang ada di blog ini berasar dari blog teman-teman. Jika ada saya yg salah, mohon di koreksi<br/></p>
</div>
</b:if>
<div class='author-box'>
<p><img alt='' class='avatar avatar-70 photo' height='70' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJAH9mMhiubyZN_WafPx9HH2oWECCj2HPKfoX2xdbbHAeeQvRnb7GsKOJvmbwfbw4mDlpOZamMYRjvsTUEqsPi4N6IQpCvW1Ni58I052ADI1xRM1m2RWujlcO0kkPiS7om5teRR65HrVrt/s128/My.JPG' width='70'/><b>Nama _Anda</b><br/>
Nama saya AmirOktavia, saya seorang mahasiswa di salah satu Universitas Swasta Padang. Blog ini berisi tips, trik seputar Blog, Internet, Software. Saya belajar blog dari tutorial teman-teman. Sebagian besar tutorial yang ada di blog ini berasar dari blog teman-teman. Jika ada saya yg salah, mohon di koreksi<br/></p>
</div>
</b:if>
Sesuaikan kata yang saya tandai dengan gambar, nama dan tentang diri anda.....
Happy Blogging....
Browse » Home » Archives for 2010
Jika blog Anda mendapatkan pengunjung dari seluruh dunia, maka lebih baik untuk menempatkan sebuah widget terjemahan. Sehingga, mereka akan tinggal lebih lama di halaman Anda dan mereka dapat mengunjungi blog Anda lagi. Berikut ini adalah koleksi terjemahan 5 widget keren untuk blog Anda.
1. Google Translation Widget
2. "Translate This" Button
On Mauseover......
3. Microsoft Translator Widget
4. Yahoo Babelfish Widget
5. Widget by AllBlogTools
[[..selengkapnya..]]
1. Google Translation Widget
<div id="google_translate_element"></div><script><br /> function googleTranslateElementInit() {<br /> new google.translate.TranslateElement({<br /> pageLanguage: 'en'<br /> }, 'google_translate_element');<br /> }<br /> </script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
2. "Translate This" Button
On Mauseover......
<!-- Begin TranslateThis Button --><br /> <br /> <div id="translate-this"><a href="http://translateth.is/" class="translate-this-button">Translate</a></div><br /> <br /> <script type="text/javascript" src="http://www.google.com/jsapi"></script><br /> <script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script><br /> <script type="text/javascript"><br /> TranslateThis();<br /> </script><br /> <br /> <!-- End TranslateThis Button --><br />
3. Microsoft Translator Widget
<script type="text/javascript" src="http://www.microsofttranslator.com/translatepagelink.aspx?pl=en"></script>
4. Yahoo Babelfish Widget
<script type="text/javascript" charset="UTF-8" language="JavaScript1.2" src="http://uk.babelfish.yahoo.com/free_trans_service/babelfish2.js?from_lang=en®ion=us"></script>
5. Widget by AllBlogTools
<style><br /> <br /> .google_translate img {<br /> filter:alpha(opacity=100);<br /> -moz-opacity: 1.0;<br /> opacity: 1.0;<br /> border:0;<br /> }<br /> .google_translate:hover img {<br /> filter:alpha(opacity=30);<br /> -moz-opacity: 0.30;<br /> opacity: 0.30;<br /> border:0;<br /> }<br /> .google_translatextra:hover img {<br /> filter:alpha(opacity=0.30);<br /> -moz-opacity: 0.30;<br /> opacity: 0.30;<br /> border:0;<br /> }<br /> </style><br /> <br /> <div><br /> <br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcWvX9GbuP6z7rh-2RCZ7gFTOFZdemOd7VdSvTcY2b68zbKA2jq0K68ZVotjWOltw8kTuylvq45D6rXAUZHw7fI5CxBRWJOj00BQlK7wz2bSQ86jsIHtHCqZqKf3NJ32KtX3pZkr0iAzw/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24"/></a><br /> <br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNWExihOgqKpS8-IGwEupJqds9SzWYFJZ1FRon9pn8ddN0rsySvrTzjRGfdYsKircwrzVB9BmjVGj-H4DvpLIw7MJMgtLH_BZCkt-LfPV6HYxWBUvLmDjAlp7QLLn5NBh0JqUvUeNYhGI/s200/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br /> <br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCWJKhJJgK9qxQZala-o4mwSGhECktj85pwzptLDx7CaPgutsPcGYjGVODNHzkZIDNO_hsFqTkl2OG1gC5ELFir0lxeWNg8wQzdcuQOVw9_7GBVsddLPklTDnxcSv2juom985KKJmbLdg/s200/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br /> <br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzrnJ66O8h09dLhOg90jfrAu1YYfVpbrDyGN8hG3whziZbwdg87aStp84SedbOD3SDyjSLK-Juje7wmWyMx_RtBVWHi0dNm1b3_1XyiMdQQQ19kGinv8W4aUmPH1gwE8blbqnHkTNO1FE/s200/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br /> <br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIvcMPLleY2lsENr1iIIAfuLrLrux9jFmZ39nXZKO8-0iUDxSptHsHU-2HhPTWIjOkjJdHJTJmOOJBJ47zEdEGT1lqydbxYf_xIQgDkegFed0VCxtzbCUJ0oyTCFz_qP5fftZOA7pEX_E/s200/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br /> <br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEJRD-k_pwAyclYorBOsL6jGD7wg1H3up9-MqFzddidsMRJ7GERY2CqST7VdEe9r0HgqaJyZvpXaoko_UWUV_wkqGGD72AKXU0y1o6r4uX8cBPKGgzpjb84ZJKtIotj6XjQ6ST1PrS60c/s200/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSwl3W5pX7y-C1xG8i9oRzRoOjxgFzG2rkZEYjU9i3BlJEZP-F9dY3RZOC7JkS8Wa4ZNpQ87io7treLOxPtDGXx9QXwBbhlLZukIySVJ5XEP3loA4rKSmwVBwh9zWuRcgoVOaIbM_Ugdo/s200/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br /> <br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoFSQx6NNG79O-FdDX_NuDN6vA8d6-KkjZrruD-y33VD6QUiK1xamk46hyphenhyphen7V022sf5xUJLNuZ4wQkQzMdHieDxqDuApm6NGCrm5KMk6tZ7aQeEmAV2phB6pHBPOlwMNP2jo0ASv0vGXDY/s200/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br /> <br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnodIMF178TURSxNWVfbbyaQbJnb_METr8lx18RwqmhCwXx3yCNRzN6Em55bJ2x7_7lSzyocehxcu1fioHZfwRMweDOA9Ir2cYd0LuJY75kRgVfrD7P51pM18PxxKMmSJ3PoNXYpCj0Lo/s200/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br /> <br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtRIWaMt6RDLU3wZ0TnxHtEwlN9Fz9dyj5KxjhcNvdr_IRPKTog5CFGnpU2ySN_U6-UVodKSmOjsKJlduJkTZmErGrKY4ZIm_BsT5g0Jy2668lOnIFUFGFROGnhyphenhyphenf9Z0xi6WGbCMF6Lr0/s200/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br /> <br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizY96oyas9f0lpSDAJLbcwBx9FY8M7Rqg2gl1ZlT8zlxHY_3zBgQunY-Ww6shG7tDt80m94ExiQmFGur70NzK5NUL5utMAoiSQbUTA3ztgISi4JV8eyJzAoiwpmVT7AS0zUP7JUsdmiY8/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br /> <br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLi2Rx0PxEQdxJToGj-xUTNwQy13sMlK0U5HdY1jeAtlbBCU1MUOSgHOlMP-EUk79yB1V8t5j_DjgabXOYyLSrDY9VZLSEcHWtE-4Dfeg3d-SR7Lwrg_eWvH0XhQ7PzePsQ1zYanJKHxU/s200/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a> </div> <br /> <div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div><br /> <br /> <br/><br /> <a href="http://www.bloggerarticle.com/"><font size="1px">this widget by www.AllBlogTools.com</font></a><br />
Browse » Home » Archives for 2010
Menampilkan link ke posting terkait bersama dengan thumbnail pos yang sesuai akan membantu Anda meningkatkan tampilan halaman blog anda. Pengguna akan tergoda untuk pergi untuk posting yang bersangkutan pada saat mereka disajikan menarik dengan thumbnail.
Berikut adalah langkah-langkah rinci untuk menginstal widget posting terkait untuk blogger dengan thumbnail:
Langkah 1
Login ke Blogger
Langkah 2
Pilih "Tata Letak - Edit HTML"
Langkah 3
Backup Template Blog untuk mengantisipasi kegagalan modifikasi template
Langkah 4
Jangan lupa check "Expand widget template"
Langkah 5
Cari kode dibawah ini :
Anda dapat menyesuaikan jumlah maksimum posting terkait yang ditampilkan dengan mengedit baris ini dalam kode berikut:
var maxresults=5;
Untuk mengedit judul widget Anda dapat mengubah baris kode ini berikut:
var relatedpoststitle="Related Posts";
Untuk mengubah gambar thumbnail, Anda dapat mengedit baris kode ini:
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk8kj4WptLgL0zb8rgaaPkcNQ-hxK5op0kHxtwR1Z_Q67j_ZypVyTYl-qRSslYYNzl-euQGtmPVrHU2HqW1_hy2SE5US8Z2vbZAMImHpcGkPp3jNK95oM_ziy86RCnb0g0UQWckLN4pJA/s400/noimage.png";
Untuk Mengubah Warna Garis Splitter, anda bisa mengedit kode ini:
var splittercolor="#d4eaf2";
Selamat mencoba........
[[..selengkapnya..]]
Berikut adalah langkah-langkah rinci untuk menginstal widget posting terkait untuk blogger dengan thumbnail:
Langkah 1
Login ke Blogger
Langkah 2
Pilih "Tata Letak - Edit HTML"
Langkah 3
Backup Template Blog untuk mengantisipasi kegagalan modifikasi template
Langkah 4
Jangan lupa check "Expand widget template"
Langkah 5
Cari kode dibawah ini :
</head>
Copy Paste (CoPas) kode dibawah ini tepat diatasnya :<!--Related Posts with thumbnails Scripts and Styles Start-->Sekarang cari kode berikut:
<!-- remove --><b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk8kj4WptLgL0zb8rgaaPkcNQ-hxK5op0kHxtwR1Z_Q67j_ZypVyTYl-qRSslYYNzl-euQGtmPVrHU2HqW1_hy2SE5US8Z2vbZAMImHpcGkPp3jNK95oM_ziy86RCnb0g0UQWckLN4pJA/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
<div class='post-footer-line post-footer-line-1'>
Jika tidak ditemukan cari kode dibawah ini:<p class='post-footer-line post-footer-line-1'>
Copy Paste (CoPas) kode dibawah ini tepat diatasnya :<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://www.bloggerplugins.org/' ><img style="border: 0" alt="Blogger Widgets" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->
Anda dapat menyesuaikan jumlah maksimum posting terkait yang ditampilkan dengan mengedit baris ini dalam kode berikut:
var maxresults=5;
Untuk mengedit judul widget Anda dapat mengubah baris kode ini berikut:
var relatedpoststitle="Related Posts";
Untuk mengubah gambar thumbnail, Anda dapat mengedit baris kode ini:
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk8kj4WptLgL0zb8rgaaPkcNQ-hxK5op0kHxtwR1Z_Q67j_ZypVyTYl-qRSslYYNzl-euQGtmPVrHU2HqW1_hy2SE5US8Z2vbZAMImHpcGkPp3jNK95oM_ziy86RCnb0g0UQWckLN4pJA/s400/noimage.png";
Untuk Mengubah Warna Garis Splitter, anda bisa mengedit kode ini:
var splittercolor="#d4eaf2";
Selamat mencoba........
Browse » Home » Archives for 2010
Berikut ini adalah kumpulan widget shoutbox untuk blog. A shoutbox, yang juga dikenal sebagai buku tamu, Chatbox, saybox adalah sebuah platform komunikasi yang memungkinkan pengunjung untuk meninggalkan pesan untuk Anda dan Anda dapat meninggalkan pesan untuk mereka di blog / situs web, seperti forum atau layanan olah pesan cepat.
1. Sbox
2. Shoutmix
3. Yellbox
4. Free-Shoutbox
5. IShoutBox
6. Free-Shoutbox.co.uk
7. Shoutjax
8. Flashboon
9. Shootbox
[[..selengkapnya..]]
1. Sbox
2. Shoutmix
3. Yellbox
4. Free-Shoutbox
5. IShoutBox
6. Free-Shoutbox.co.uk
7. Shoutjax
8. Flashboon
9. Shootbox
Browse » Home » Archives for 2010
Ada 2 cara untuk membuat label pada blog, yaitu:
A.melalui menu posting
1.login ke blogger.com
2.klik new post
2.sekarang anda ada didalam menu posting.lihat dibagian paling bawah kiri.disana ada tulisan label
3.anda bisa menuliskan label di kolom tersebut.nanti label yang telah anda tulis disana otomatis akan langsung tersimpan dengan sendirinya.
B.melalui menu dasboard
1.login ke blogger.com
2.anda akan langsung masuk ke menu dasborad.klick edit post di bagian blog yang akan anda tambahkan label
3.di menu edit post akan muncul daftar tampilan semua tulisan/postingan anda
4.centang setiap postingan yang ingin anda tambahkan label
5.setelah itu klik bagian atas yang bertuliskan label.pilih new label..tuliskan nama label yang ingin anda gunakan.maka otomatis postingan yang tadi anda pilih telah tertempel label.
setelah pembuatan label selesai,sekarang kita akan memunculkan label-label yang telah kita buat ke dalam blog dengan cara:
1.masuk ke bagian layout-page/tata letak.
2. Pilih add gadget/tambah gadget, nanti akan muncul banyak sekali gadgets..
3.pilih "label"
4. atur letak label sesuai dengan yang anda inginkan.
5.kemudian save perubahan yang telah anda buat
[[..selengkapnya..]]
A.melalui menu posting
1.login ke blogger.com
2.klik new post
2.sekarang anda ada didalam menu posting.lihat dibagian paling bawah kiri.disana ada tulisan label
3.anda bisa menuliskan label di kolom tersebut.nanti label yang telah anda tulis disana otomatis akan langsung tersimpan dengan sendirinya.
B.melalui menu dasboard
1.login ke blogger.com
2.anda akan langsung masuk ke menu dasborad.klick edit post di bagian blog yang akan anda tambahkan label
3.di menu edit post akan muncul daftar tampilan semua tulisan/postingan anda
4.centang setiap postingan yang ingin anda tambahkan label
5.setelah itu klik bagian atas yang bertuliskan label.pilih new label..tuliskan nama label yang ingin anda gunakan.maka otomatis postingan yang tadi anda pilih telah tertempel label.
setelah pembuatan label selesai,sekarang kita akan memunculkan label-label yang telah kita buat ke dalam blog dengan cara:
1.masuk ke bagian layout-page/tata letak.
2. Pilih add gadget/tambah gadget, nanti akan muncul banyak sekali gadgets..
3.pilih "label"
4. atur letak label sesuai dengan yang anda inginkan.
5.kemudian save perubahan yang telah anda buat
Browse » Home » Archives for 2010
Bagi para sobat yang baru membuat blog, ada beberapa settingan / pengaturan yang harus di lakukan agar blog kita bisa di kenali mesin pencari semisal Google,yahoo, Msn serta teman-temannya yang lain. Bila belum tahu apa yang harus di setting, silahkan ikuti langkah-langkahnya :
1. Silahkan sobat Login ke blogger.com dengan user name dan password milik sobat
2. Klik judul blog yang mau di setting ( jika sobat sudah mempunyai beberapa blog)
3. Klik Pengaturan, trus klik Dasar. Beberapa form yang harus di isi pada menu Dasar :
* Judul ⇒ isi dengan judul blog sobat. Contoh : Blogspot Tutorial
* Uraian ⇒ isi dengan deskripsi blog sobat. Contoh : disini kita akan berbagi pengalaman dan pengetahuan seputar Blog
* Tambahkan blog Anda ke daftar kami? ⇒ pilih ya agar setiap posting kita selalu masuk di daftar Blogger.com.
* Biarkan mesin pencari menemukan blog Anda? ⇒ pilih ya
* Tampilkan Editing Cepat di Blog Anda? ⇒ pilih Ya
* Tampilkan Link Posting Email? ⇒ Sebaiknya pilih ya, tapi pilih tidak juga tidak apa-apa
* Konten Dewasa? ⇒ Pilih tidak. Kalau pilih ya berarti blog anda di anggap blog untuk dewasa (semacam blog porno)
* Tampilkan Mode Compose untuk semua blog Anda? ⇒ pilih Ya
* Aktifkan transliterasi? ⇒ pilih Tidak, jika anda ingin ada button untuk mengubah biasa ke hurup hindi (India), pilih ya jika sebaliknya)
* Klik tombol Simpan Pengaturan . Selesai
4. Klik Publikasi untuk mengatur menu Publikasi :
* Alamat Blog*Spot ⇒ isi dengan nama blog sobat. Contoh : kolom-tutorial. Biasanya alamat yang tercantum adalah langsung alamat blog anda, jadi jangan di ubah aja.
* Klik tombolSimpan pengaturan. Selesai
5. Klik Format untuk mengatur menu format :
* Tampilkan ⇒ pilih angka posting yang ingin anda tampilkan. Missal : Tampilkan : 6 posting, berarti posting yang akan tampil di halaman blog sobat adalah sebanyak enam posting. Pilih posting (jangan hari) pada menu pulldown.
* Format Header Tanggal ⇒ pilih model tanggal/bulan yang anda sukai, Format tanggal/bulan ini akan selalu muncul diatas postingan kita.
* Format tanggal Index Arsip ⇒ pilih model untuk peng-arsip-an yang anda sukai.
* Format Timestamp ⇒ Pilih bentuk waktu yang anda sukai.
* Zona Waktu ⇒ Pilih zona waktu yang sesuai. Contoh untuk WIB : [UTC-+7.00]Asia/Jakarta.
* Bahasa ⇒ Pilih bahasa yang di inginkan.
* Tampilkan Field judul ⇒ Pilih ya
atau tidakpun tidak apa-apa
* Tampilkan kolom link ⇒ pilih ya, tapi seandainya pilih tidak juga tidak apa-apa.
* Aktifkan perataan float ⇒ pilih ya, tapi seandainya mau pilih tidak juga tidak apa-apa
* Klik tombol Simpan Pengaturan. Selesai
6. Klik Komentar Untuk mengatur menu komentar :
* Komentar ⇒ pilih tampilkan, ini agar artikel anda dapat di komentari oleh pengunjung
* Siapa yang Bisa Berkomentar ? ⇒ Pilih Siapa pun - termasuk Pengguna Anonim. Ini di maksudkan agar setiap orang bisa berkomentar tidak terbatas kepada anggota blogspot saja.
* Default Komentar untuk Posting ⇒ pilih Posting baru memiliki komentar.
* Link balik ⇒ Pilih tampilkan. Ini dimaksudkan agar kita mengetahui apabila ada yang memasang link pada artikel kita.
* Default Link Balik untuk Posting ⇒ pilih Posting baru Memiliki Link Balik.
* Format Timestamp Komentar ⇒ pilih format jam yg singkat. Contoh: 8.00 PM.
* Tampilkan komentar dalam sebuah window popup? ⇒ pilih Ya. Supaya ketika di klik oleh pengunjung, halaman blog anda tidak menghilang/tertimpa halaman komntar.
* Aktifkan moderasi komentar? ⇒ pilih Tidak (sebaiknya).
* Tampilkan verifikasi kata untuk komentar? ⇒ pilih Ya. ini di maksudkan agar terhindar dari software robot dengan tujuan melakukan spam.
* Tampilkan gambar profil dalam komentar? ⇒ pilih ya. Supaya gambar komentator yg punya id blogger, dapat menampilkan fotonya.
* Email Pemberitahuan Komentar ⇒ isi dg alamat email anda, ini di maksudkan agar setiap ada yang berkomentar pada artikel anda, anda dapat kiriman email dari blogger.com sebagai pemberitahuan.
* Klik tombol Simpan Pengaturan. Selesai
7. Klik Arsipkan Untuk mengatur menu Arsipkan :
* Frekuensi Arsip ⇒ pilih Bulanan.
* Aktifkan Halaman Posting? ⇒ pilih ya.
* Klik tombol Simpan Pengaturan . Selesai.
8. Klik Fedd Situs untuk mengatur menu feed situs :
* Izinkan Feed Blog ⇒ pilih Penuh.
* Posting URL Pengubahan Arah Feed ⇒ di isi dengan alamat feed penggati semisal alamat feed dari feed burner, jika belum punya, di kosongkan saja.
* Footer Feed Posting ⇒ Silahkan di isi dengan kode iklan yang anda punya, misal kode iklan dari Google adsense dsb, namun jika tidak punya, silahkan kosongkan saja.
* Klik tombol Simpan Perubahan. Selesai.
Satu pekerjaan sudah selesai, tinggal menyongsong pekerjaan lainnya
[[..selengkapnya..]]
1. Silahkan sobat Login ke blogger.com dengan user name dan password milik sobat
2. Klik judul blog yang mau di setting ( jika sobat sudah mempunyai beberapa blog)
3. Klik Pengaturan, trus klik Dasar. Beberapa form yang harus di isi pada menu Dasar :
* Judul ⇒ isi dengan judul blog sobat. Contoh : Blogspot Tutorial
* Uraian ⇒ isi dengan deskripsi blog sobat. Contoh : disini kita akan berbagi pengalaman dan pengetahuan seputar Blog
* Tambahkan blog Anda ke daftar kami? ⇒ pilih ya agar setiap posting kita selalu masuk di daftar Blogger.com.
* Biarkan mesin pencari menemukan blog Anda? ⇒ pilih ya
* Tampilkan Editing Cepat di Blog Anda? ⇒ pilih Ya
* Tampilkan Link Posting Email? ⇒ Sebaiknya pilih ya, tapi pilih tidak juga tidak apa-apa
* Konten Dewasa? ⇒ Pilih tidak. Kalau pilih ya berarti blog anda di anggap blog untuk dewasa (semacam blog porno)
* Tampilkan Mode Compose untuk semua blog Anda? ⇒ pilih Ya
* Aktifkan transliterasi? ⇒ pilih Tidak, jika anda ingin ada button untuk mengubah biasa ke hurup hindi (India), pilih ya jika sebaliknya)
* Klik tombol Simpan Pengaturan . Selesai
4. Klik Publikasi untuk mengatur menu Publikasi :
* Alamat Blog*Spot ⇒ isi dengan nama blog sobat. Contoh : kolom-tutorial. Biasanya alamat yang tercantum adalah langsung alamat blog anda, jadi jangan di ubah aja.
* Klik tombolSimpan pengaturan. Selesai
5. Klik Format untuk mengatur menu format :
* Tampilkan ⇒ pilih angka posting yang ingin anda tampilkan. Missal : Tampilkan : 6 posting, berarti posting yang akan tampil di halaman blog sobat adalah sebanyak enam posting. Pilih posting (jangan hari) pada menu pulldown.
* Format Header Tanggal ⇒ pilih model tanggal/bulan yang anda sukai, Format tanggal/bulan ini akan selalu muncul diatas postingan kita.
* Format tanggal Index Arsip ⇒ pilih model untuk peng-arsip-an yang anda sukai.
* Format Timestamp ⇒ Pilih bentuk waktu yang anda sukai.
* Zona Waktu ⇒ Pilih zona waktu yang sesuai. Contoh untuk WIB : [UTC-+7.00]Asia/Jakarta.
* Bahasa ⇒ Pilih bahasa yang di inginkan.
* Tampilkan Field judul ⇒ Pilih ya
atau tidakpun tidak apa-apa
* Tampilkan kolom link ⇒ pilih ya, tapi seandainya pilih tidak juga tidak apa-apa.
* Aktifkan perataan float ⇒ pilih ya, tapi seandainya mau pilih tidak juga tidak apa-apa
* Klik tombol Simpan Pengaturan. Selesai
6. Klik Komentar Untuk mengatur menu komentar :
* Komentar ⇒ pilih tampilkan, ini agar artikel anda dapat di komentari oleh pengunjung
* Siapa yang Bisa Berkomentar ? ⇒ Pilih Siapa pun - termasuk Pengguna Anonim. Ini di maksudkan agar setiap orang bisa berkomentar tidak terbatas kepada anggota blogspot saja.
* Default Komentar untuk Posting ⇒ pilih Posting baru memiliki komentar.
* Link balik ⇒ Pilih tampilkan. Ini dimaksudkan agar kita mengetahui apabila ada yang memasang link pada artikel kita.
* Default Link Balik untuk Posting ⇒ pilih Posting baru Memiliki Link Balik.
* Format Timestamp Komentar ⇒ pilih format jam yg singkat. Contoh: 8.00 PM.
* Tampilkan komentar dalam sebuah window popup? ⇒ pilih Ya. Supaya ketika di klik oleh pengunjung, halaman blog anda tidak menghilang/tertimpa halaman komntar.
* Aktifkan moderasi komentar? ⇒ pilih Tidak (sebaiknya).
* Tampilkan verifikasi kata untuk komentar? ⇒ pilih Ya. ini di maksudkan agar terhindar dari software robot dengan tujuan melakukan spam.
* Tampilkan gambar profil dalam komentar? ⇒ pilih ya. Supaya gambar komentator yg punya id blogger, dapat menampilkan fotonya.
* Email Pemberitahuan Komentar ⇒ isi dg alamat email anda, ini di maksudkan agar setiap ada yang berkomentar pada artikel anda, anda dapat kiriman email dari blogger.com sebagai pemberitahuan.
* Klik tombol Simpan Pengaturan. Selesai
7. Klik Arsipkan Untuk mengatur menu Arsipkan :
* Frekuensi Arsip ⇒ pilih Bulanan.
* Aktifkan Halaman Posting? ⇒ pilih ya.
* Klik tombol Simpan Pengaturan . Selesai.
8. Klik Fedd Situs untuk mengatur menu feed situs :
* Izinkan Feed Blog ⇒ pilih Penuh.
* Posting URL Pengubahan Arah Feed ⇒ di isi dengan alamat feed penggati semisal alamat feed dari feed burner, jika belum punya, di kosongkan saja.
* Footer Feed Posting ⇒ Silahkan di isi dengan kode iklan yang anda punya, misal kode iklan dari Google adsense dsb, namun jika tidak punya, silahkan kosongkan saja.
* Klik tombol Simpan Perubahan. Selesai.
Satu pekerjaan sudah selesai, tinggal menyongsong pekerjaan lainnya
Browse » Home » Archives for 2010
Lansung saja cara nya yah....
Pertama anda Login terlebih dahulu ke blogger,com kemudian masuk ke Dasboard pilih Tata Letak lalu masuk menu EditHTML
1. Cara pertama, tambahkan kode di bawah ini diatas kode ]]></b:skin>:
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
height:0px;
visibility:hidden;
display:none
}
2. Cara kedua, Bisa juga menaruh kode script berikut ini di bawah kode <body>
<style type='text/css'>
#navbar-iframe {display:none;}
</style>
#navbar-iframe {display:none;}
</style>
Setelah anda menyimpan template dengan cara save template. Coba anda login ke blog anda dan Navigasi Bar Blogger tersebut telah hilang. Simpan tips ini bila dikemudian hari anda ingin memunculkan kembali Navigasi Bar Blogger.
Note: sebenarnya menghilangkan navbar melanggar TOS blogger, tapi bila anda bersikeras ingin menghapus silahkan pakai cara diatas tapi dengan syarat segala resiko menjadi tanggung anda.
Browse » Home » Archives for 2010
Kalau dulu kita sudah mempelajari tentang membuat tampilan berbeda antara homepage dan isi dengan menyembunyikan widget, sekarang kita akan mencoba bereksperiment untuk memunculkan gadget hanya pada Static Page, Postingan, Halaman Arsip, bahkan pada Postingan tertentu.
Sebenarnya caranya sama dengan memunculkan widget di home saja, cuma kita lakukan sedikit modifikasi pada HTML penyembunyi widgetnya
Okay berikut tutorialnya:
Menampilkan Widget Hanya di Homepage
<b:if cond='data:blog.url == data:blog.homepageUrl'>
..........................
</b:if>
Menampilkan Widget selain di Homepage
<b:if cond='data:blog.url != data:blog.homepageUrl'>
.....................................
</b:if>
Menampilkan Widget hanya di Archivepages
<b:if cond='data:blog.pageType == "archive"'>
......................................
</b:if>
Menampilkan Widget selain di Archivepages
<b:if cond='data:blog.pageType != "archive"'>
....................................................
</b:if>
Menampilkan Widget hanya di Itempages / Postingan
<b:if cond='data:blog.pageType == "item"'>
............................................
</b:if>
Menampilkan widget selain di Itempages
<b:if cond='data:blog.pageType != "item"'>
....................................
</b:if>
Menampilkan widget hanya di Staticpages
<b:if cond='data:blog.pageType == "static_page"'>
..................................
</b:if>
Menampilkan widget selain di staticpages
<b:if cond='data:blog.pageType != "static_page"'>
............................
</b:if>
Menampilkan widget pada URL Postingan Tertentu
<b:if cond='data:blog.url == "alamatpostingan"'>
.........................................
</b:if>
nb: pada "alamat posting", ganti dengan url postingmu
Menampilkan widget selain di URL postingan tertentu
<b:if cond='data:blog.url != "alamaatpostingan"'>
................................................
</b:if>
nb: pada "alamat posting", ganti dengan url postingmu
Sekarang Cara mengaplikasikannya adalah dengan menaruh kodenya dengan susunan sebagai berikut:
Misal Judul Gadgetku adalah "translator"
Maka kode keseluruhan:
(Kode ini di dapat dengan mencontreng "Expand Template Widget")
Uhm... Tanda strip yang berwarna merah adalah tempat kamu harus meletakkan kode penyembunyi gadgetnya
Sebagai contoh, aku punya widget yang kuberi nama "Translator"
Maka kode keseluruhan pada templatenya adalah:
<b:widget id='HTML2' locked='false' title='Translator' type='HTML'>
<b:includable id='main'>
..................................................kode penyembunyi widget
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
.............................................. kode penutup
</b:includable>
</b:widget>
nb: kode ini di dapat dengan mencenthang "Expand Widget Template"
Contoh:
<b:widget id='HTML2' locked='false' title='Translator' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
[[..selengkapnya..]]
Sebenarnya caranya sama dengan memunculkan widget di home saja, cuma kita lakukan sedikit modifikasi pada HTML penyembunyi widgetnya
Okay berikut tutorialnya:
Menampilkan Widget Hanya di Homepage
<b:if cond='data:blog.url == data:blog.homepageUrl'>
..........................
</b:if>
Menampilkan Widget selain di Homepage
<b:if cond='data:blog.url != data:blog.homepageUrl'>
.....................................
</b:if>
Menampilkan Widget hanya di Archivepages
<b:if cond='data:blog.pageType == "archive"'>
......................................
</b:if>
Menampilkan Widget selain di Archivepages
<b:if cond='data:blog.pageType != "archive"'>
....................................................
</b:if>
Menampilkan Widget hanya di Itempages / Postingan
<b:if cond='data:blog.pageType == "item"'>
............................................
</b:if>
Menampilkan widget selain di Itempages
<b:if cond='data:blog.pageType != "item"'>
....................................
</b:if>
Menampilkan widget hanya di Staticpages
<b:if cond='data:blog.pageType == "static_page"'>
..................................
</b:if>
Menampilkan widget selain di staticpages
<b:if cond='data:blog.pageType != "static_page"'>
............................
</b:if>
Menampilkan widget pada URL Postingan Tertentu
<b:if cond='data:blog.url == "alamatpostingan"'>
.........................................
</b:if>
nb: pada "alamat posting", ganti dengan url postingmu
Menampilkan widget selain di URL postingan tertentu
<b:if cond='data:blog.url != "alamaatpostingan"'>
................................................
</b:if>
nb: pada "alamat posting", ganti dengan url postingmu
Sekarang Cara mengaplikasikannya adalah dengan menaruh kodenya dengan susunan sebagai berikut:
Misal Judul Gadgetku adalah "translator"
Maka kode keseluruhan:
(Kode ini di dapat dengan mencontreng "Expand Template Widget")
Uhm... Tanda strip yang berwarna merah adalah tempat kamu harus meletakkan kode penyembunyi gadgetnya
Sebagai contoh, aku punya widget yang kuberi nama "Translator"
Maka kode keseluruhan pada templatenya adalah:
<b:widget id='HTML2' locked='false' title='Translator' type='HTML'>
<b:includable id='main'>
..................................................kode penyembunyi widget
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
.............................................. kode penutup
</b:includable>
</b:widget>
nb: kode ini di dapat dengan mencenthang "Expand Widget Template"
Contoh:
<b:widget id='HTML2' locked='false' title='Translator' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
Browse » Home » Archives for 2010
Silahkan lihat contoh Daftar Isi Efek jQuery Accordion disini.
Berikut langkah-langkah membuat Daftar Isi Efek jQuery Accordion:
Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Rancangan - Edit HTML"
Langkah 3
Cari kode dibawah ini:
]]></b:skin>
Langkah 4
Masukan (copy paste) kode CSS dibawah ini diatas kode pada Langkah 3:
#dafis-acc{
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggHmSj4v3SmeMilxT8Jgq6yfJG66SGd3DuemcdNkF9O90YZjsJ4kG31QvnNWkrj4fGl4x1Yxmu-1Fp4zZ0_0o_QfxcZ19n2gNqBp7wzgGEF2F6I1sm6o5DJa-4vH5d3iLUMBf7yyVtM1g/d/bg5.gif) repeat-y scroll left center #E7F7FB;
padding:2px 0;
border:1px solid #339DC6;
}
.dafis-label{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOltQsxg9pKffxw0_vD1KQkSCVSiOvAErTpnxCPmOUkLV8Z7ExcQGVRFejPuphW5QAB7p12LOYYNjYabCpKiUMvV-wqip1cMYt1y6EiazkMN5M9d70IuzJO8kLmCYjfp2vcqQS-n2A4Yo/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB;
font-weight:bold;
line-height:1.4em;
overflow:hidden;
white-space:nowrap;
vertical-align: baseline;
margin: 1px 3px;
outline: none;
cursor: pointer;
text-decoration: none;
padding: 2px 10px;
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
border:1px solid #2F94BA;
}
.dafis-label:hover{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPTYFOcf9l5FJmcPx9l3RSM3JA6HNMNz4h8Yw-lpu0IONB_C-p_bwFrxyhUEg7hqNCyw2tOdSpPK1Rb_cZBNVYXEpFgCvprCm_yfPasboTDBH-_La7ukTFHah9oHqko44a7yrnr_M1548/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB;
color:#003366;
}
.dafis-daf ol{
margin:0 0 0 30px !important;
padding:0 !important;
}
.dafis-daf ol li{
background-color:#C9E9F4;
line-height:1.5em;
margin:1px 3px !important;
white-space:nowrap;
text-align:left;
border:1px solid #339DC6;
}
.dafis-daf ol li a{
text-decoration: none !important;
color:#333 !important;
display:block;
padding-left:10px;
}
.dafis-daf ol li a:hover{
background: #7BC4DF;
border-left: 5px #333 solid;
padding-left: 5px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
Langkah 5
Cari kode dibawah ini:
</head>
Langkah 6
Masukan (copy paste) kode dibawah ini diatas kode pada Langkah 5:
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'/>
Perhatian! Ingat jika pada bagian tag head pada template blogger anda sudah pernah/ada framework jQuery maka lewati Langkah 6 ini
Langkah 7
Simpan template blogger...
Cara membuat Daftar Isi dengan Efek jQuery Accordion pada Artikel:
Langkah 1
Buat sebuah artikel dengan judul terserah anda (misal; Label dan Isi Artikel)
Langkah 2
Pindahkan mode Editor artikel ke mode Edit HTML
Langkah 3
Masukan (copy paste) kode dibawah ini ke dalam artikel :
<script type="text/javascript" src="http://hensblog.googlecode.com/files/dafis_accv1.js"></script>
<script src="http://amiroktavia.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script src="http://amiroktavia.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
Langkah 4
Ubah URL blog pada langkah 3 (warna biru) sesuai dengan URL Blog anda
Langkah 5
Terbitkan artikel dan preview artikel tersebut...
tutorial "Daftar Isi Efek jQuery Accordion" diambil dari "http://modification-blog.blogspot.com/"
Browse » Home » Archives for 2010
Cara nya mudah untuk mengganti icon Blogger.
Cari gambar atau icon yang mau diganti untuk blog kita, setelah itu copy URL gambar tersebut. Untuk memasukkan ke blog anda silakan kembali ke Dasboard blogger anda,silakan ke menu Layout->Edit HTML->jangan lupa klik Expand Widget kemudian temukan kode berikut </head>
Setelah itu letakkan kode dibawah ini sebelum kode diatas
<link href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyG_-KsgFlLafy7bd0nQFVvaL9IEV7hJr4zwO0bdRF-K3qRpGA9DUKGqLOYYkykKqgs87-rhn78_9IVbKYUy-xjqzROPmDr5Q9u8wls3dKaHwKU_n_iQjHKK2v4v-mCwOod0vPblohDNgz/s1600-r/blogger+copy.png" rel="SHORTCUT ICON">
Silakan ganti kode yang berwarna dengan URL gambar yang akan anda gunakan anda
Kemudian Save Setting,,Selesai,,
Browse » Home » Archives for 2010
Membuat arsip blog menjadi scroll. Trik ini sama seperti model scroll yang lain, contohnya Label Scroll dan Scrolling pada Box Comments. Kita hanya menambahkan script berikut:
<div style='overflow:auto; width:ancho; height:100px;'>
....
</div>
Untuk letaknya apa udah pada tau? Kalo belum, ayo kita lihat caranya:....
</div>
1. Login - Layout - Elemen halaman
2. Buat widget Arsip dengan nama Arsip Blog
3. Pilih model Hirearchy untuk model ini
4. Save
5. Masuk ke Edit HTML - cek kotak Expand Template Widget
6. Cari 'Arsip Blog'. Selengkapnya begini:
<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:100px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>javascript:void(0)
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div>
<b:include name='quickedit'/>
Tambahkan kode warna biru pada teamplates anda.<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:100px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>javascript:void(0)
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div>
<b:include name='quickedit'/>
warna hijau anda sesuaikan berapa tinggi kotak scrool.
7. Sebelumnya tidak ada kode merah di template Anda. Tambahkan kode itu untuk mengaktifkan scrolling-nya
8. Simpan template Anda dan lihat hasilnya
Semoga bermanfaat!!!