hallo sahabat BT, apa kabar ? baikkan, gimana artikelnya bagus apa gak ? pembaca yang baik tidak pernah meninggal komentar :)

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: