n' logo ini hasil karya siswa/i CT foundation......!!!
maaf yach...klw jelek...!!
created by ABDUL HALIM ZEGA (Adu hai liebe ofima-fb)
Post by M.WAHID SIDDIK
Sabtu, 04 Agustus 2012
CT Foundation's Hostle
n' logo ini hasil karya siswa/i CT foundation......!!!
maaf yach...klw jelek...!!
created by ABDUL HALIM ZEGA (Adu hai liebe ofima-fb)
Post by M.WAHID SIDDIK
Sabtu, 26 Mei 2012
Cara Membuat Share Button Like, Share dan Twitter untuk template gelap
Jika Anda menggunakan template gelap / dark template, Silakan Anda dapat mencoba kode di bawah ini:
|
<!--Widget Share Button Melayang Start-->
<style> #pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#000000;padding:0 0 2px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style> <div id='pageshare' title="Bagikan ke teman anda"> <div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div> <div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div> <div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div> <div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div> <div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div> <div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://blogbelajar2.blogspot.com/2012/02/cara-membuat-share-button-like-share.html" target="blank"><font color="white">[Get Widget]<font></font></font></a></div></div> <!--Widget Share Button Melayang End--> |
Pengaturan lihat kode-kode warna merah:
- angka 15% mengatur letak tinggi posisi share button dr sisi bawah blog, silakan dikurangi jika posisinya ingin diturunkan
- angka 10 pixel adalah posisi dari tepi paling kanan blog, ditambah jika sobat ingin mengetengahkan.
- sedangkan border: 1px solid black, adalah ukuran ketebalan batas kotak share button dan warna batas/garis share button itu sendiri.
Slamat mncoba.. :D
Cara Membuat Share Button Like, Share dan Twitter di Sisi Blog
baru beberapa menit slamat tinggal uda nongol alias slamat datang lagi ..
Like, Share dan Twitter Button
- Untuk meningkatkan lalu lintas kunjungan ke blog kita, selain upaya
optimasi SEO , perlu juga kiranya kita mengintegrasikan blog kita dengan
media jejaring sosial populer seperti facebook dan twitter.
Jika kita meremehkan "kekuatan" share button / tombol berbagi ini, sama
saja kita menyiakan-nyiakan peluang untuk menambah kunjungan ke blog
kita.
Jika pada posting sebelumnya kita membuat share button di bawah posting, pada tutorial kali ini, Julak mau berbagi sama temen-temen bagaimana membuat salah satu widget share button melayang di sisi kanan blog. Widget kali ini dilengkapi tombol suka dan share Facebook,
Tweet, Digg, stumble Upon dan Google +1 termasuk perhitungannya alias
berapa banyak pengunjung yang membagikannya. Cara pembuatannya sangat
mudah, karena tidak perlu mengedit CSS atau menambahkan kode HTML.
1. Langkah pertama masuk ke akun blogger > Dasbor, > klik design/rancangan > Tata Letak
2. Klik Tambah Gadget, di bagian sidebar.
3. Pilih HTML/Javascript, kemudian masukkan kode di bawah ini:
<!--Widget Share Button Melayang Start-->
<style>
#pageshare {position:fixed; bottom:15%; right:10px; float:left;
border: 1px solid black;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0
0 2px
0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner
{-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px
!important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px
!important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title="bagikan ke teman anda">
<div class='sbutton' id='gb'><script
src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like
layout="box_count" show_faces="false"
font=""></fb:like></div>
<div class='sbutton' id='rt'><a
href="http://twitter.com/share"
class="twitter-share-button" data-count="vertical"
>Tweet</a><script src='http://platform.twitter.com/widgets.js'
type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript"
src="https://apis.google.com/js/plusone.js"></script><g:plusone
size="tall"></g:plusone></div>
<div class='sbutton'
id='su'><script
src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton'
id='digg' style='margin-left:3px;width:48px'><script
src='http://widgets.digg.com/buttons.js'
type='text/javascript'></script><a class="DiggThisButton
DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share"
type="box_count"
href="http://www.facebook.com/sharer.php">Share</a><script
src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"
type="text/javascript"></script></div><br/><div
style="clear: both;font-size: 9px;text-align:center;"><a
href="http://pangeranthumberslikers.blogspot.com/2012/02/cara-membuat-share-button-like-share.html"
target="blank"><font color="blue">[Get
Widget]<font></font></font></a></div></div>
<!--Widget Share Button Melayang End-->
|
5. Simpan widget dan preview Blog Anda
Jika Anda sudah memiliki tombol google + di atas atau di bawah posting Anda, kemungkinan widget tersebut tidak muncul. Silakan hapus kode berwarna merah jika sobat mau menghapusnya, karena mungkin bisa mempercepat loading blog.
Cara Membuat Recent Comment dengan Avatar (Image Unik)
Buat sobat blogger yang ingin menampilkan komentar terakhir di blognya
bisa mencoba widget yang satu ini. menurut saya widget recent comments
ini cukup unik karena juga menampilkan avatar image. Sobat blogger bisa
melihat tampilannya seperti pada gambar di bawah.
_________Step________
][> Masuk ke akun blogger][> tata letak
][> add gadget
][> HTML/Javascript
][> Setelah itu tinggal masukkan saja kode widget recent comments dibawah ini;
|
<style
type="text/css">
ul.md_recent_comments{list-style:none;margin:0;padding:0;}
.md_recent_comments li{background:none !important;margin:0 0 6px
!important;padding:0 0 6px 0
!important;display:block;clear:both;overflow:hidden;list-style:none;}
.md_recent_comments li
.avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px
#ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px
#ccc;float:left;margin:0 6px 0
0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.md_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.md_recent_comments li span{margin-top:4px;color: #666;display:
block;font-size: 13px;font-style: italic;line-height:
1.4;}</style><script
type="text/javascript">//<![CDATA[ // Recent
Comments Settings var
numComments = 5,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 40,
showMorelink = true,
moreLinktext = "More »",
defaultAvatar =
"http://www.gravatar.com/avatar/?d=mm",
hideCredits = false;//]]></script><script
type="text/javascript"
src="http://julak-project.googlecode.com/files/recent%20comments%20.js"></script><script
type="text/javascript" src="http://pangeranthumberslikers.blogspot.com/feeds/comments/default?alt=json&callback=md_recent_comments&max-results=5"></script>
|
][> Terakhir pratinjau, lalu simpan template.
Modifikasi;
1. angka 5 (warna biru adalah jumlah komentar terakhir yang ingin ditampilkan)
2. angka 60 dan 40 adalah ukuran image avatar komentar postingan blog.
3. Silahkan mencoba bereksperimen sendiri untuk hal-hal lainnya, cobalah.
4. Ganti http://pangeranthumberslikers.blogspot.com dengan nama blog sobat
Monggo dicoba mas dan mbak bro..
Cara membuat tombol show/hide untuk teks V2
Hai sobat SBI..
jumpa lagi nih.. :D
kali ini saya akan sharing SPOILER V2 ..
kenapa saya membagikan kembali tentang spoiler ini??
jawabannya: karena saya berinsting bahwasannya spoiler yang pertama saya bagi mungkin tidak bekerja...
gak tau ntah kenapa kok bisa gitu.. awalnya saya coba suksesfull... dan stelah berkali-kali saya coba ko gk bisa lagi..
mungkin untuk yang ini bisa dipergunakan pada blog anada nanti nya..
ok langsung saja kita ke TKP..
][> Copy code script di bawah ini.
|
<div style="margin-bottom: 2px;">Klik Show Untuk Membuka Spoiler
<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div> <div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">Spoiler V2 by SBI blog </div></div></div> |
][> Keterangan;
- Klik show untuk membuka spoiler bisa sobat ganti termasuk Show.
- Sedangkan kode berwarna biru adalah isi dari spoiler dengan teks.
Klik Show Untuk Membuka Spoiler
][> nah.. mudah bukan??.. selamat mencoba :D
Jumat, 25 Mei 2012
Cara membuat Tombol Show / Hide Spoiler di Postingan Blog
Hai sobat SBI.. pada siang hari ini..
saya akan mengeshare tentang bagaimana cara membuat tombol Show / Hide
yg biasa disebut SPOILER..
cara membuat nya sangat mudah sekali..
Langsung saja ke TKP.. xixiee. :D
1. Tuliskan teks yang akan kamu posting dengan spoiler..
2. Copy code HTML/Java Script di bawah ini..
3. Ganti tulisan yg berwarna merah bercetakkan tebal dengan teks/foto kamu..<div><div style="margin-bottom: 2px;"><i><b><small>Coba di Klik</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px;font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'show'; }" type="button"></div><div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
TULISAN, LINK ATAU URL GAMBAR BISA DILETTAKKAN DISINI
</div></div></div>
4. dan lihat hasil nya
Coba di Klik
Sangat mudah bukan??.. hehe..
Selamat mencoba yak..
_________________________________
Sekian posting saya kali ini..
sampai jumpa di post selanjut nya yow :D
xixiee.. =)
Cara Membuat Mode Penyimpanan Energi Pada Blog
Hai sobatt..
baru beberapa menit kita bertemu..
dan sekarang sudah bertemu lagi..
haha.. << kemarokk>> mbok elloosss :P
________________________________________________
Pada trik kali ini saya akan membahas cara Membuat Mode Penyimpanan Energi pada Blogger. Ada baiknya sebelum membaca triknya, diterangkan dulu apa fungsi penyimpanan energi blogger ini? Fungsi dari Mode Penyimpanan Energi Blogger hampir sama dengan fitur Stand By pada Windows, namun secara jelasnya fungsi dari Membuat Mode Penyimpanan Energi Blogger ini adalah untuk menghemat energi saat loading blog, sehingga loading blog akan terasa lebih cepat dan tidak akan begitu terasa perbedaannya. Sedangkan apabila halaman blog dibiarkan terbuka dan pengunjung blog tidak melakukan aktifitas apa-apa, seperti nge-klik link-link yang ada di blog tersebut maka akan muncul layar gelap dan bertuliskan Mode Penyimpanan Energi. Bagi Anda yang tertarik untuk memasang Penyimpanan Energi Blogger ini,, silahkan ikuti langkah-langkahnya sebagai berikut:
Caranya sangatlah mudah :
1. login dulu Blogger Anda
2. lalu pilih Rancangan
3. Expand Template Widget <<untuk jaga2 apabila terjadi kesalahan dalam proses editing. kalo bisa sobat download template nya.. tapi ribet kali nanti. malah gak jadi-jadi edit nya.. xixiee.. yo wes lanjut ke step brikut nya.
4. Edit HTML
5. cari kode </head>
6. setelahnya, copy dan paste kode html di bawah, di atas kode </head>
baru beberapa menit kita bertemu..
dan sekarang sudah bertemu lagi..
haha.. << kemarokk>> mbok elloosss :P
________________________________________________
Pada trik kali ini saya akan membahas cara Membuat Mode Penyimpanan Energi pada Blogger. Ada baiknya sebelum membaca triknya, diterangkan dulu apa fungsi penyimpanan energi blogger ini? Fungsi dari Mode Penyimpanan Energi Blogger hampir sama dengan fitur Stand By pada Windows, namun secara jelasnya fungsi dari Membuat Mode Penyimpanan Energi Blogger ini adalah untuk menghemat energi saat loading blog, sehingga loading blog akan terasa lebih cepat dan tidak akan begitu terasa perbedaannya. Sedangkan apabila halaman blog dibiarkan terbuka dan pengunjung blog tidak melakukan aktifitas apa-apa, seperti nge-klik link-link yang ada di blog tersebut maka akan muncul layar gelap dan bertuliskan Mode Penyimpanan Energi. Bagi Anda yang tertarik untuk memasang Penyimpanan Energi Blogger ini,, silahkan ikuti langkah-langkahnya sebagai berikut:
Caranya sangatlah mudah :
1. login dulu Blogger Anda
2. lalu pilih Rancangan
3. Expand Template Widget <<untuk jaga2 apabila terjadi kesalahan dalam proses editing. kalo bisa sobat download template nya.. tapi ribet kali nanti. malah gak jadi-jadi edit nya.. xixiee.. yo wes lanjut ke step brikut nya.
4. Edit HTML
5. cari kode </head>
6. setelahnya, copy dan paste kode html di bawah, di atas kode </head>
<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?lang=id"></script>
7. Selesai.. hehe.. :D
Menurut saya sendiri.. ini adalah hal termudah untuk mengedit html
=)
Sampai jumpa di posting berikut nya yak..
Menurut saya sendiri.. ini adalah hal termudah untuk mengedit html
=)
Sampai jumpa di posting berikut nya yak..
100+ Tempat Untuk Promosikan Postingan Blog
|
Ass.. wr.wb << islam bung :P
kali ini saya akan memposting
artikel 100+ website untuk promosikan postingan blog. Blogging adalah bisnis.
Setiap produk bisnis perlu dipromosikandalam rangka untuk diperhatikan
sehingga kamu bisa mendapatkan keuntungan dari pekerjaan kamu. Jika kamu
seorang desainer yang mencintai menciptakan konten awesome dan berpikir
bagaimana mempromosikannya posting ini adalah untuk Kamu. Dan bagi siapa saja
yang ingin dunia melihat apa yang harus Kamu katakan penyerahan link yang
datang benar-benar berguna.
Ketika saya menulis posting /
tutorial saya menginginkannya untuk dibaca oleh orang-orang jadi aku berpikir
bagaimana cara untuk mendapatkan pekerjaan saya dipromosikan. Selama Web saya
bepergian saya telah mengumpulkan nama-nama tempat paling berguna di mana aku
bisa mengirimkan konten saya dan mendapatkan beberapa bebas lalu lintas. Saya
ingin berbagi daftar dengan pembaca saya.
Bagaimana cara kerjanya? Kamu mengisi
formulir menunjukkan Kamu nama / title blog / posting url / post deskripsi
dan menekan tombol submit. Sebagian besar pengiriman link secara manual
diberikan. Jika konten Kamu sesuai dengan kriteria posting judul dan
deskripsi akan ditempatkan ke sungai di halaman rumah dan siapa saja bisa
melihatnya.
Kamu harus menyediakan tautan yang
relevan dan berguna untuk komunitas desain. Pastikan url adalah perhatian
benar dan judul dan deskripsi yang menarik. Kamu ingin berdiri dari orang
banyak, bukan?
Umumnya ada tiga jenis bagaimana
Kamu bisa mengirimkan karya desain Kamu:
|
Katalog - Kamu mengirimkan
tutorial Kamu / posting ke katalog tanpa gaya dan gambar, ia akan muncul di
sungai seperti twitters tanpa pengakuan khusus. Katalog tidak mengarahkan
lalu lintas sebanyak tetapi ini bisa menjadi awal yang baik untuk mendapatkan
lebih banyak pembaca. Mereka adalah cara lebih cepat untuk mempromosikan
karena Kamu tidak harus mendaftar ke situs yang berbeda beban dan menunggu
untuk email verifikasi dll
Katalog Registrasi diperlukan -
sama tipis seperti Katalog hanya Kamu harus terdaftar untuk mengirim link
Kamu.
*Desain sumber daya yang membayar*
Jika Kamu seorang Penulis Tutorial
keluar untuk membuat uang cepat, maka pengiriman dibayar pasti jalan ke
depan. Situs seperti PSDTUTS akan membayar Kamu $ 150 untuk pengajuan tutorial
sukses. Kamu juga akan mampu membangun nama untuk diri sendiri dan membuat
orang berbicara tentang pekerjaan Kamu jauh lebih cepat.
Perhatikan daftar berikut:
Sumber daya desain - mereka
membayar untuk setiap tutorial diterima Kamu menulis untuk mereka (sampai
dengan $ 150). Hal ini selalu baik untuk memiliki uang tunai di saku Kamu,
tetapi perhatikan bahwa Kamu tidak akan memiliki hak untuk tutorial yang Kamu
kirimkan. Semua dapat Kamu harapkan adalah "Tentang Penulis" kotak
dan url ke situs Kamu. Kamu tidak diizinkan untuk kembali mengirimkan satu
tutorial untuk sejumlah sumber daya.
baik kawan, berikut ini adalah
tempat yang cocok untuk mempromosikan postingan blog kamu. tapi agak panjang
sob. makanya saya kasih scroll aja sob biar gak capek nggulung scrollnya.
langsung aja sob!
*100+ TEMPAT PROMOSIKAN POSTINGAN
BLOG*
|
Langganan:
Postingan (Atom)
