hallo sahabat BT, apa kabar ? baikkan, gimana artikelnya bagus apa gak ? pembaca yang baik tidak pernah meninggal komentar :)
Home » Archives for Juni 2014

Cara mengganti Scrollbar di blog

in - on 17.20 - No comments
بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ


Mengganti scrollbar di blog juga salah satu cara memperindah blog kita oke !!!
langsung aja ke caranya yha !! -_-

Caranya :
  • masuk blog kamu
  • Template > Edit html > Cari kode ]]></b:skin> (biar lebih gampang nyarinya pake CTRL + F)
  • dan letakkan kode dibawa ini DIATAS kode ]]></b:skin>
::-webkit-scrollbar-thumb:vertical {
background-color:#FFFF00
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
 ::-webkit-scrollbar {
width:7px;
height:5px;
background-color:#FFFFFF;
}

  • tinggal simpan template
PERHATIAN :
  1. tidak semua blog bisa memakai script ini
  2. tergantung template BLOG agan
  3. Blog saya juga gak bisa kok
  4. agan bisa mengganti kode berwarna kuning dan biru, agan bisa mencarinya di link berikut http://html-color-codes.info
Sekian dan terima kasih
Read more
Label:

Cara membuat Like Box facebook di kanan blog

in - on 17.04 - No comments
بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ


Pagi Kawan ku !! Awalilah pagimu dengan basmallah dan senyuman :), pada pagi hari ini kita akan membahas tentang "Cara membuat Like Box facebook di kanan blog" nanti jika sudah jadi akan seperti gambar diatas tuh !! keren kan, gampang kok cara membuatnya ikuti langkahnya di bawah ini !

Langkah - langkah membuat Like Box di kanan Blog :
  • login Blog agan
  • Template > Edit HTML > Cari kode </head> (cara cepat untuk mencari dengan menggunakan CTRL + F) > Letakkan kode dibawah ini Diatas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'> </script>
ATAU 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
  • Simpan Template, eits jangan senang dulu masih ada nih
  • Sekaran agan masuk ke Tata Letak > Tambahkan Gadget > HTML/JavaScript, copy kode berikut dan letakan di HTML/JavaScript tadi

 <script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZbAWHjGpi6LV991TG73BdYBb6xMDYQ-QF0Ir7Qzng-juEMPhIxlRDmhrYAkEkxJrX1RdDv0uzaH0udSpvGHP8LSw47A_9DqG16fQvwXBoDw3RMGNQCk-lmOfd-CmdqaXz5ujE-F0CsnGa/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Berbagi-Tulis4n/463992467060995?fref=ts&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://berbagitulis4n.blogspot.com/2014/06/cara-membuat-like-box-facebook-di-kanan.html" target="_blank">+ Buat Seperti Ini</a></span></div></div>

  • Ganti kode berwarna Biru dengan URL FanPage agan
Mudah ?? sekian dari saya,,

Read more
Label:

Cara membuat Chat Box disamping kanan blog

in - on 06.39 - No comments
بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ


memasang Chat Box juga salah satu cara untuk menghias blog kita biar tambah keren, cara nya sih mudah tapi kalau ada kesusahan tinggal chat atau koment, oke my friends langsung aja yha !!

Cara mendapatkan kode Chat Boxnya :
  • setelah itu login, jika belum punya daftar dengan klik sing up, nanti akan ada gambar seperti berikut (buat yang sudah daftar dan login)
  • setelah itu klik Publish!, setelah itu kita akan ditujukan ke halaman berikutnya seprti gambar berikut
  • sebut saja code nya KodeCBOX
Cara memasangnya :
  • Copy kode berikut
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFYBvWuK4YOpMRTGeCUDNV1rC46-bGM6GgnJhyphenhyphenMlCAqfVfZg64edhoey3RWo5e6AjG7wr6jK9nv6RviiWrQIJtGUubEq1bgHDarWJe5fSFTliIDFfStePTo1wGMfoOrggNpNK409I9VdA-/s1600/bukutamu.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #74A64E;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="background-position:center;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaj4E1V0orTpePGYG9Epa3N1WIhuVnoITLdgJkv9rvenQ13iWhSESYemlIiZ79DgIqZ47O9pi86I3sXJaRBV9UrNVLwiuFsNjb2OTP8SB7lHf9SGLjJ5AXuSaglPsOdVN31Va4OHuQWous/s1600/avawae+2.PNG); width:200px; height:350px; padding-top:60px;padding-left:1px; background-repeat:no-repeat;"> <!--
Isikan dengan KodeCBOX agan, </div>
<div style="text-align:right">
<a></a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
  • buka blog agan
  • masuk Tata Letak > Tambahkan Gadget > HTML/JavaScript > pastekan kode nya dan SAVE
PERHATIAN :
  1. kode yang warna Hijau :  gambar buku tamunya (bisa diganti dengan selera agan)
  2. kode yang warna Kuning : gambar background buku tamunya (bisa diganti dengan selera agan)
  3. kode yang warna Merah : gantikan dengan KodeCBOX agan
Gampang kan ?? tapi masalahnya tangan admin yang pegel hhe :D gpp kok demi agan tercinta :D, Terima kasih sudah berkunjung :), jika masih ada yang kurang ngerti bisa koment atau Chating lewat CBOX punya admin :)
Read more
Label:

Cara menambahkan facebook fanpage ke blog

in - on 23.43 - No comments
بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ


okok kali ini saya mau berbagi sedikit ilmu saya ke agan, yaitu tentang "Cara menambahkan facebook fanpage ke blog" kalian tau kan namanya fanpage facebook, pasti tau dong :) , caranya gampang kok tinggal liat dibawah ini 
caranya :
  • agan harus punya facebook fanpage dulu, kalau belum punya agan bisa tahu cara buatnya disini
  • buka link developers disini
  • setelah itu akan muncul gambar seperti berikut
PERHATIAN :
  1. Facebook Page URL gantikan dengan URL fanpage agan
  2. Height : tingginya
  3. Widht : lebarnya
  4. Colour Scheme bisa light (terang) dan dark (gelap)
  5. Show Friends' Faces : foto PP para likers
  6. Show post : postingan terakhir FP
  7. Show header : memperlihatkan header (Temukan kami di Facebook)
  8. Show border : memperlihatkan bordernya

  • setelah itu klik Get kode dan muncul gambar seperti berikut
  • copy codenya
  • buka blog agan > Tata Letak > Tambahkan Gadget > HTML/JavaScript > pastekan codenya
  • dan.... jadi deh
Terima kasih dan Selamat mencoba
Read more
Label:

Cara membuat facebook fanspage 2014

in - on 23.22 - No comments
بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ

langsung yha !!
caranya :
  • login facebook agan
  • klik bagian atas pojok kanan facebook, dan pilih buat halaman seperti gambar diatas
  • selanjutnya akan ketemu gambar seperti berikut
  • terserah agan mau pilih kategori yang mana terserah agan, contoh agan pilih yang kategori hiburan, maka akan ada gambar seperti berikut
  • terserah agan mau pilih kategori dan nama apa
  • setelah itu klik memulai, dan ada menuju ke halaman seperti gambar di bawah !
terima kasih sudah berkunjung jangan lupa kome yha !!
Read more
Label:

Cara membuat ucapan selamat datang di blog

in - on 07.49 - 1 comment
بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ


Ahlan wa sahlan ya ash - shahaabah (Selamat datang wahai sahabatku), pada kali ini saya akan membagi ilmu saya sedikit tentang "Cara membuat ucapan selamat datang di blog" oke... kita mulai yha ikuti caranya di bawah ini.

Caranya :
  • login blog kalian
  • template > Edit HTML > letakan code dibawa ini tepat DIATAS code </head> (mencari codenya dengan CTRL + F)
<script type='text/javascript'>
alert(&quot;Selamat datang di Berbagi tulis4n.blogspot.com, semoga agan sekalian menikmati artikel yang ada :)&quot;);
</script>

  •  simpan template, dan lihat hasilnya :)
Gimping bingits kan ?? hahahahahaha :D
Read more
Label:

Pengertian surah Al - fatihah

in - on 06.02 - No comments
بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ


Surah Al - fatihah artinya pembukaan, Disebut pembukaan karena Al - fatihah terletak di awal Al - Quran, selain itu Al - fatihah terdiri dari 7 ayat, Al - fatihah juga mempunyai nama lain sebagai berikut : Umumul kitab (induk Al - Quran), As - tsabu'ul matsani (tujuh yang di ulang - ulang), Al - hamdu (pujaan), As - sholat (do'a), As - syifaa (penawar/obat), Ar - ruqyah (jampi), Asas Al - quran (dasar Al - Quran), Al waqiyah (pelindung), Al - kafiyah (yang mencukupi), Berikut adalah ayat Al - fatihah dan artinya :

بِسْمِ اللَّهِ الرَّحْمَٰنِ الرَّحِيمِ 
"Dengan menyebut nama ALLAH yang maha pengasih lagi maha penyayang"

الْحَمْدُ لِلَّهِ رَبِّ الْعَالَمِينَ 
"Segala puji bagi ALLAH tuhan semesta alam"

الرَّحْمَٰنِ الرَّحِيم 
"Yang maha pengasih lagi maha penyayang"

مَالِكِ يَوْمِ الدِّينِ 
"Yang menguasai hari pembalasan"

إِيَّاكَ نَعْبُدُ وَإِيَّاكَ نَسْتَعِينُ 
"Hanya kepada engkau-lah yang kami sembah, dan hanya kepada engkau-lah kami memohon pertolongan"

اهْدِنَا الصِّرَاطَ الْمُسْتَقِيمَ 
"Tunjukan-lah kami jalan yang lurus"

صِرَاطَ الَّذِينَ أَنْعَمْتَ عَلَيْهِمْ غَيْرِ الْمَغْضُوبِ عَلَيْهِمْ وَلَا الضَّالِّينَ
"(Yaitu) jalan orang - orang yang kau beri nikmat, bukan (jalan) mereka yang kau murkai dan bukan (pula jalan) orang yang sesat" 

Sekian dari saya.. :) semoga pelajaran kali ini membawa berkah amin......
Read more
Label:

Cara membuat gambar GIF

in - on 04.20 - No comments
بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ


hola semua ?? pada malming kali ini kita akan ngebahas tentang "Cara membuat gambar GIF" pasti semua udah tau kan tentang gambar GIF, itu tuh yang gambar bisa ganti - ganti, langsung aja yha !! CEKIDOT !!
Caranya :

  • download Photoscape di sini, jika sudah punya tinggalkan
  • buka photoscape > Editor > buat gambar yang banyak > Save, contoh :



  • setelah itu menuju ke Animated GIF
  • seret gambar - gambar yang agan sudah buat letakan ke kolom yang kosong
  • jika sudah Save
  • contoh punya saya setelah jadi, keren kan !!

Selesai deh :) 

Terima kasih yha :) !!
Read more
Label:

Cara membuat cursor dengan nama/gambar sendiri di blog

in - on 02.40 - No comments

بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ

sore all, di sore ini (tempat saya sekarang) saya akan mempostingkan tentang "Cara membuat cursor dengan nama/gambar sendiri di blog" gak usah basa basi yha !! langsung aja deh :)

Langkah - langkahnya :
  • simpan gambar dibawah ini
  • download photoscape di Sini , jika yang sudah punya lanjut aj :)
  • masuk photoscape > Editor > buka gambar tadi > Tambahkan tulisan/gambar yang kalian mau
  • jika sudah save gambar tadi
  • copy code berikut
<style type="text/css">
body{cursor: url("URL gambar agan"), auto;}
</style>

  • masuk blog agan > Tata Letak > Tambahkan Gadget > HTML/JavaScript > paste code tadi > SAVE
Mudah kan ??

Terima kasih :) :) :)
Read more
Label:

Cara mengganti judul blog dengan logo

in - on 01.52 - No comments
بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ

hy teman - teman yang baik, pada kali ini saya kita akan membahas tentang "Cara mengganti judul blog dengan logo" oke, kita ke TKP

Langkah - langkahnya :
  • silahkan agan pilih salah satu text tersebut
  • jika sudah agan akan bertemu gambar seperti berikut
  • terserah agan mau diapain, jika sudah selesai klik Create Logo
  • selanjutnya akan ada gambar seperti berikut
  • selanjutnya simpan gambarnya dan buka blog agan > Tata letak > Edit (header) > Choose file > selain judul dan keterangan > Save
Mudah kan teman - teman ??
sekian dan terima kasih
Read more
Label:

Cara menambahkan lagu di blog dengan SCM Musik Player

in - on 00.57 - No comments
بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ

siapa yang tidak tau tentang musik ?? pasti semua tau dong :D, ngomong - ngomong tentang musik pada postingan pertama ini kita akan membahas tentang "Cara menambahkan lagu di blog dengan SCM Musik Player" langsung aja yha !!

Langkah - Langkahnya :
  • pada gambar tersebut agan tinggal pilih mana yang agan sukai
  • setalah itu agan ke edit Playlist dan ada gambar seperti berikut

  • Pada kolom SONG URL isikan URL youtube lagu kalian (hanya suara bukan video) dan pada kolom SONG TITTLE isikan judul lagunya
  • selanjutnya ke configure setting akan ada gambar berikut
  • isikan terserah agan, jika sudah klik DONE
  • copy > masuk blog agan > TATA LETAK > Tambah Gadget > HTML/JavaScript > Pastekan code tadi dan Save
Sekian dari saya... dan Selamat mencoba.... Terima kasih
Read more
Label: