CARA MEMBUAT SLIDE SHOW DI POST BLOGGER

    

Banyak kegiatan-kegiatan di sekitar yg dapat direkam di blog kita menggunakan teknik Slide Show, sehingga memudahkan pembaca untuk mengetahui kegiatan melalui kumpulan foto-foto kita..Ini lebih mudah daripada kita terlebih dahulu membuat file gambar dalam bentuk . gif seperti contoh disamping. Selain membutuhkan waktu lebih juga untuk foto-foto dalam jumlah banyak dapat membuat blog kita menjadi lemot karena file gif nya terlalu besar.
Langsung aja ke tujuan .. cara membuat slide show di postingan kita..
1. Buka Blog kita
2, Klik gambar pensil (post)
3. Pilih HTML (jangan yang compose)
4. Copy paste kode dibawah ini :

<script src='http://yourjavascript.com/114893121052/Database5.js' type='text/javascript'></script>
<script type="text/javascript" src="http://yourjavascript.com/90260412110/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
   position: relative;
   width: auto;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: auto;
   height: 250px;
}
</style>
<div id="content-slider">
<img src="URL Foto 1" />
<img src="URL Foto 2" />
<img src="URL Foto 3" />
<img src="URL Foto 4" />
<img src="URL Foto 5" />
<img src="URL Foto 6" />
</div>


Catatan :
- yang berwarna biru merupakan panjang dan lebar slide kita
- URL Foto merupakan alamat dari gambar/ foto kita
   contoh :  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheXBR-bKEm_Gjmy2dVfm3AHGzi2wYhgbyOO7zoEmx0_FjVgiA_Rm8mNSt22jQduLjxfyGHFeycWhE-anEo3pvD6WqmJclbCIo1Iwp5GSBO2XgKS1ama0xsDYVRQ0xO8tA7BTHIOZO5Wda-/s1600/IMG_8273_zps30a932e0.jpg
   Bila foto lebih dari enam, anda dapat menambahkan sendiri kodenya..



Selamat Mencoba ......... Bila belum berhasil silahkan untuk bertanya ......

MEMASUKKAN FILE PDF KE DALAM BLOG

Bagaimana memasukkan file pdf ke dalam blog kita? Pertanyaan ini selalu mengganggu pikiran penulis. Ada banyak cara baik menggunakan bahasa HTML maupun menggunakan jasa pihak ketiga seperti SCRIBD. Setelah melalui berbagai macam percobaan akhirnya penulis menemukan titik terang. EUREKA!!!
1. Pertama-tama jelas anda harus mempunyai blog terlebih dahulu yang tentunya harus mempunyai alamat email di GMAIL.COM
2. login di email anda xxxx@gmail.com
3. Klik gambar kotak segiempat di atas tengah kanan
4. Pilih Drive

5. Klik Upload  >> Pilih File / Folder  >> klik Open




6. Setelah proses Upload selesai maka akan tampak gambar seperti di gambar 2.  Klik Share

7. Klik "Get Shareable Link"

8. Klik "Copy Link" >> klik Done


Simpan terlebih dahulu Link. Selesai sudah satu langkah. Langkah berikutnya adalah memasukkan alamat URL ke blog

9. Login ke blog anda

10. Klik New Post >>>> klik HTML
      Masukkan perintah dibawah ini <copy paste>

-----------------------------------------------------------------------------------------------------------------

<iframe height="460" src=" https://drive.google.com/file/d/0ByhbkWbRXvq4dGZkWTJRM3g2TlU/view?usp=sharing" width="580"></iframe>

--------------------------------------------------------------------------------------

Catatan : Ganti warna merah dengan URL link anda
               Ganti yang berwarna biru disesuaikan dengan ukuran pos blog anda



Selamat mencoba...

COLOR HEX GENERATOR

MEMBUAT JUDUL BLOG BERGERAK INDAH

Untuk memperindah atau membuat unik blog kita, ini ada sebagian trik yang bisa membuat judul bergerak-gerak sendiri, sehingga bila kita membuka banyak blog, blog kita seakan lain sendiri.

Sebaiknya sebelum kita memasukkan html seperti dibawah ini, sobat mengamankan terlebih dahulu template yang sudah ada, sehingga bila perubahan ini tidak disukai, maka tinggal mengunduh kembali.
Caranya mengamankan :
- Login ke blog kita
- Masuk ke template
- Klik Cadangkan/ Pulihkan di sebelah kanan atas
- Klik Unduh Template lengkap --->  klik Tutup
Setelah selesai mengamankan template sobat sebelumnya, saatnya sekarang ke pokok tujuan..

1. Klik Template kembali
2. Klik Edit HTML
3. Cari kode <title><data:blog.pageTitle/></title> dengan menekan Ctrl F 
4. Copy kode diatas lalu tekan Ctrl V (Paste)
5. Bila sudah ketemu ganti kode diatas dengan berikut ini :

<b:include data='blog' name='all-head-content'/>

<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>



>>> Angka 100 menunjukkan kecepatan tulisan bergerak, bila nilainya diperbesar maka kecepatan tulisan semakin berkurang

6. Save template bila sudah selesai

Lihat hasilnya... Bagaimana ??

MERUBAH WARNA LATAR BELAKANG POS DI BLOGGER

Untuk menambah variasi dari halaman blog kita, tidak ada salahnya kita mengganti warna default halaman pos warna putih menjadi lebih colorful.

 Caranya adalah sebagai berikut :
1. Anda masuk ke halaman pos blog anda
2. Klik HTML
3. Kemudian selipkan html dibawah ini
---------------------------------------------------------------
<div style="background-color: #addfff; padding: 12 px;">
Tulis disini..
</div>

------------------------------------------------------------------

CATATAN :

Satu halaman bisa dibuat dengan berbagai macam warna...
Ganti tulisan berwarna merah dengan kode warna lain yang anda sukai
Padding adalah jarak tulisan dengan batas terluar warna latar belakang

MERUBAH WARNA LATAR BELAKANG DAN WARNA TULISAN

Sama halnya dengan cara diatas, cuma yang ini disertai dengan perubahan warna tulisan...
Caranya adalah sebagai berikut :
--------------------------------------------------------------------
<div style="background-color: #0066b3; padding: 15px;">
<span style="color: #15317e;">
Tulisan Anda 
</span>
</div>
--------------------------------------------------------------------

Selamat mencoba...

CARA MEMASANG MP3 DI BLOG

Memasang lagu di blog tentunya mengasyikkan, terutama bila kita bisa mencoba satu persatu untuk mendengarkan lagu yang kita sukai, dan kita tidak usah berpindah dari blog yang kita buka tsb.
Beberapa kali penulis mencoba memasang mp3 di blog, ada yang kurang memuaskan dan banyak yang tidak berhasil. Kali ini penulis mencoba dengan Podsnack, semacam tool third party yang memudahkan kita memasang lagu plus mp3 player nya sekaligus, sehingga rekan-rekan bisa mendownload lagunya (bila cocok) dengan mencobanya terlebih dahulu. Kelebihan mp3 player yang satu ini kita bisa meng-share lagu ke twitter, facebook.


Caranya adalah sebagai beikut :
1. Login ke PODSNACK
2. Sign Up / Daftar terlebih dahulu menggunakan email kita
3. Klik Build the Playlist

4. Klik Upload --> Ambil file lagu dari komputer --> Klik Ok

    Rekan2 bisa mengupload file lagu terlebih dahulu sebanyak mungkin.. Setelah kita 

    mengupload  file2 mp3, maka kita akan ditawari untuk menggunakan Dropbox. Ikuti saja

    cara &petunjuknya dan lanjut...

5. Tambahkan ke Playlist dengan menekan tombol +

    Catatan : karena ini free lebih baik rekan untuk memasukkan daftar lagu satu persatu

6. Kita bisa lihat gambar dibawah ini, setelah ada playlist nya, kemudian kita klik Next

7. Pilih template / tampilan player --> klik Next

8. Ketik judul lagunya ---> klik Embed

9. Klik User Free( with watermark)

10. Centang Enable Embedding with https pages --> Klik Copy 

11. Kembali ke Blogger.com. Masuk ke Post Blog kita --> ambil HTML --> Paste

Selesai sudah acara meng-embed  lagu mp3 yang kita inginkan ke blog kita..

Selamat Mencoba... bila belum berhasil bisa ditanyakan...

MEMASANG BURUNG TWITTER DI BLOG

Untuk menambah variasi dari penampilan blog kita, saya mencoba untuk memasang burung Twitter yang bisa terbang-terbang sesuai dengan arah kursor mouse kita.

Gambar burung ini mengarah ke bentuk burung hantu..burung yang dianggap mengandung kekuatan mistis...bla..bla... Anda bisa mengganti gambar burung ini misalnya dengan burung Cendrawasih misalnya...Tetapi untuk permulaan kita bisa mengadopsi contoh gambar burung berikut. Baiklah untuk mempersingkat waktu, pertama-tama kita menyimpan javascriptnya di Gadget Blog :
1. Login ke blogger akun kita
2. Pilih Tata letak -> Tambah Gadget -> Pilih HTML/ Java Script
3. Copy pastekan kode berikut ini ke gadget
4. Judul bisa diisi sesuai dengan keinginan kita

<!-- floating twitter Bird -->

<script type="text/javascript" src="http://p4r46h-blog.googlecode.com/files/twitterfloat.js"></script>

<script type="text/javascript">

var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg45HvBHJ15BAZfH5K2IAc0V30n8vIcxc7JR-84keczfwCa3FVxV9PcnvC4ZKbpD-L8kFWafcgtdCdyxYsrv35j5W07QZMNS7RK8pyDaUeSnVUpdn0i7oi0iT67QL3BFTvhylULUAyOs_2U/s1600/burung+twitter+terbang.png "; var targetElems=new Array("img","hr","table","td","div","input","textarea","button",

"select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/arkeyes88";var tweetThisText = "Twitter - arkeyes88http://arkeyes88.blogspot.com/";tripleflapInit();

</script>

                                                5. Simpan dan lihat hasilnya

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaT59ifoO6tGYAppiXOoItoxCLkq9oVdX_Yg816fmzCH6LVq1gcIZ4o1eo6MaxHice_RVWW25RRYyQpwh7Wk91OXN-BmnLjPLBEzW7eEnPJwonuQs3pJrnFnnI4SlNA56PdXSre9fM9miG/s1600/yellow+bird.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQGzSohKXP7uGgto_iFkUDRDo_yrYxoaucNL-bJyZXYF2ee7sv-lCpEHwOTEeGY8cDSgywEX4eKEgpsP09-MDN6UXyVuwvw9XAhw1cUSip1j13YDEm-Vif1P2DqyTLyTW2eN890rMlU2yy/s1600/white+bird.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq-lEM_jj6gOW4s4ljHx_DbAfrK_Ad4yjBZp5xGXyc6hlL05YW8TXEt714z6Lps571_we1pzye4VGrqWxLH3k2Dkqg2C0uzmOcKIC8NKLP8MAPXR115cs_xRkSU9z7pdXqhcFoqp_OUHcc/s1600/black+bird.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9DaSOWDbkU09FBok8TH4LHNJukyi7Aiye89gZoo5wFnBghFjppIrbnxJSGdZE0hRIzdvfEv9MLYnLWoLMxvVsAJ-OjF1s4gJ8R8V5A5frIEsdz7N-WUkTRkdD30-fBCUAgzX8mIzyKlyX/s1600/Blue+bird.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHmKr2mzMKdJiyjA6OSaw10wYNl5GIAgYaviXGRbWxtI9fgl_DFQB3a51Mg2oKoVyg7_KD1CWbmm-TObV0mhifx6T2Wr3iY8AuhXHlOE2KHRhVbM02ySiyPK5I5qayRfcim9RisHuaQhVe/s1600/brown+bird.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQXtm24N9sm9elhwk1FAlDqtGIvC5IZ_t_-vjg30TvGG3lUGU6TIHVY11lH_bZEltdw5UShaJ8pS9eu1udbyxm5vWb-zaBE3y4gLwkz3ajZYih_sc1HDz4B-b1jEU_kPj8ay_B00JO1Ohv/s1600/Green+bird.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMkNFpN4LlO6jXqeaMC-S5xCF_WbX2A8sDGoN31dlS-7oQmdk70KKwYdne03gLkLEFzeLF7GoRK7FCKB03wBh4W_2tDhstt2J_oYHf4MQT-10UuSO_obTh-Mne-TLIkvydAPWTzZf71XBJ/s1600/purple+bird.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB-ag9MqzLh3flUah2dUV7YATu1CWnqXkzOG6uGtUkB-uwpcQvV3EUXpFrGfaA2YPiSq6Xx62l9Y51cu7SkSJXBLDMTY__721naZGzDr08RC7RmWn-FDYsMTReQtrpL80m0ovsPDsYJT_7/s1600/red+bird.png

HEX COLOR GENERATOR

Color/Code	Red	Green	Blue
0-255
HEX

Free JavaScripts provided
by The JavaScript Source COLOR CHOOSER 2

Background				Foreground
Red
Green
Blue

Free JavaScripts provided
by The JavaScript Source COLOR TABLE

Variable Background Color Changer

Keep pressing buttons to change color (The color will start as black)

Free JavaScripts provided
by The JavaScript Source COMPARE COLOUR

Select Background aliceblue antiquewhite aqua aquamarine azure beige bisque black blanchedalmond blue blueviolet brown burlywood cadetblue chartreuse chocolate coral cornflowerblue cornsilk crimson cyan darkblue darkcyan darkgoldenrod darkgray darkgreen darkkhaki darkmagenta darkolivegreen darkorange darkorchid darkred darksalmon darkseagreen darkslateblue darkslategray darkturquoise darkviolet deeppink deepskyblue dimgray dodgerblue firebrick floralwhite forestgreen fuchsia gainsboro ghostwhite gold goldenrod gray green greenyellow honeydew hotpink indianred indigo ivory khaki lavender lavenderblush lawngreen lemonchiffon lightblue lightcoral lightcyan lightgoldenrodyellow lightgreen lightgrey lightpink lightsalmon lightseagreen lightskyblue lightslategray lightsteelblue lightyellow lime limegreen linen magenta maroon mediumaquamarine mediumblue mediumorchid mediumpurple mediumseagreen mediumslateblue mediumspringgreen mediumturquoise mediumvioletred midnightblue mintcream mistyrose moccasin navajowhite navy oldlace olive olivedrab orange orangered orchid palegoldenrod palegreen paleturquoise palevioletred papayawhip peachpuff peru pink plum powderblue purple red rosybrown royalblue saddlebrown salmon sandybrown seagreen seashell sienna silver skyblue slateblue slategray snow springgreen steelblue tan teal thistle tomato turquoise violet wheat white whitesmoke yellow yellowgreen This is where the hex code for the background color shows.

Select Text aliceblue antiquewhite aqua aquamarine azure beige bisque black blanchedalmond blue blueviolet brown burlywood cadetblue chartreuse chocolate coral cornflowerblue cornsilk crimson cyan darkblue darkcyan darkgoldenrod darkgray darkgreen darkkhaki darkmagenta darkolivegreen darkorange darkorchid darkred darksalmon darkseagreen darkslateblue darkslategray darkturquoise darkviolet deeppink deepskyblue dimgray dodgerblue firebrick floralwhite forestgreen fuchsia gainsboro ghostwhite gold goldenrod gray green greenyellow honeydew hotpink indianred indigo ivory khaki lavender lavenderblush lawngreen lemonchiffon lightblue lightcoral lightcyan lightgoldenrodyellow lightgreen lightgrey lightpink lightsalmon lightseagreen lightskyblue lightslategray lightsteelblue lightyellow lime limegreen linen magenta maroon mediumaquamarine mediumblue mediumorchid mediumpurple mediumseagreen mediumslateblue mediumspringgreen mediumturquoise mediumvioletred midnightblue mintcream mistyrose moccasin navajowhite navy oldlace olive olivedrab orange orangered orchid palegoldenrod palegreen paleturquoise palevioletred papayawhip peachpuff peru pink plum powderblue purple red rosybrown royalblue saddlebrown salmon sandybrown seagreen seashell sienna silver skyblue slateblue slategray snow springgreen steelblue tan teal thistle tomato turquoise violet wheat white whitesmoke yellow yellowgreen This is where the hex code for the font color shows.

Free JavaScripts provided
by The JavaScript Source BACKGROUND COLOR CHANGER 2

Red: Green: Blue:
Hex Code:

BASIC COLOR CUBE

Color Cube

Click on a color to lock it.
Click on any square to unlock.

Here's the color code to match up the RGB in paint.

Red	Green	Blue

Free JavaScripts provided
by The JavaScript Source JAVASCRIPT COLOR SHOW The Ultimate Original JavaScript ColorShow

to Display Current Hex Values

bg
link
vlink
alink
scroll

Free JavaScripts provided
by The JavaScript Source