Tutorial dan Free Download

Launching Blog : Sang Merak

SangMerak - Adalah sebuah nama dari blog saya yang saya jadikan sebagai catatan pribadi, cerita tentang kehidupan Saya , pengalaman, kisah dan kejadian-kejadian dalam hidupku tertulis blog itu

SangMerak - Journal Blog dari "Anasku" yang akan saya jadikan media Saya sharing-sharing.. "Bukan tentang blogger" tetapi tentang pernak-pernik kehidupan Saya.. so.. buat Anda para blogger silahkan mengunjungi blog saya tersebut dan kita dapat saling berbagi disitu... bebas untuk tukar-tukar pengalaman dan hal lainya...

Kunjungi ya kawan-kawan > > http://sangmerak.blogspot.com

terima kasih
"Anas Luqman"

Floating Box Cocok Untuk Adsense

Oh betapa kangenya Saya untuk mengupdate blog Saya yang agak gak keurus ini, dikarenakan minimnya ide-ide untuk menulis sebuah artikel untuk memperbarui posting di blog ini. Eh kok malah curhat ya, he. . he . . *Back To Topic* Membuat Floating Box yang biasanya dipasang di blogger yang biasanya diisi content Ads ini. Coba lihat deh Shoot layar yang aku ambil dari blog Saya yang Saya buat dengan niat iseng-iseng ini.

Coba kita lihat box yang berwarna kuning diatas, itulah element box floating yang akan tetap di pojok kanan atas jika scroll di geser-geser kebawah atau keatas.

Saya menemukan script ini bermula dari browsing-browsing untuk tips yang cocok untuk memasang adsense di blog dan akhirnya Saya menemukan script ini di Dynamicdrive dan saya akan mengulas ulang di blog Saya ini agar Anda dapat menggunakanya dengan mudah. Monggo..

Pertama yang Anda lakukan adalah Log In ke blogger lalu masuk menu "Layout" Kemudian Masuk bagian "Edit HTML"

Pasang code ini dibawah code <head> atau sebelum code </head>

Dan pasang Code CSS dibawah ini diatas code ]]></b:skin>

#topbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
width: 620px;
visibility: hidden;
z-index: 100;
}

(Edit code CSS diatas untuk menentukan style dari box)

Kemudian di Save dulu ukkay kawan.

Dan masuk pada bagian "Layout -> Page Elements"

Pilih tempat Gadget yang kamu ingini (terserah karena box ini akan melayang) dan klik "Add a gadget" Masukkan code dibawah ini

<div id="topbar">

MASUKKAN CODE SCRIPT ADS / LAINYA DISINI

<a href="" onclick="closebar(); return false"><img src="http://sites.google.com/site/anasprod/close.gif" border="0" /></a>

</div>

Ingat ganti code yang berwarna merah diatas dengan code gadget yang kamu ingini.

Kalau sudah. . . SAVE deh...

Selesai..

Yapzz semoga bermanfaat nie tutorial dari pengalaman Saya.

Baru Di Blogger : Template Designer

Kabar gembira buat para blogger yang suka mengotak-atik template, kini blogger meluncurkan sebuah fitur baru di draft blogger yang kayaknya sudah ditunggu lama oleh para pengguna blogger yaitu "Template Designer". Apa itu "Template Designer"?. Ya "Template Designer" adalah sebuah fitur baru blogger yang memudahkan kita untuk mengotak-atik template kita tanpa melalui "Edit HTML", misalnya mengganti background, warna font/link, tata letak dan masih banyak lainya.

Bagaimana menurut Anda tentang fitur baru blogger in draft ini??

Mungkin jika Saya menjelaskan dengan detail percuma.. mendingan Anda langsung praktek aja biar lebih jelas . Hehe

Begini caranya jika mau coba untuk Anda yang belum tau caranya.

Buka Alamat http://draft.blogger.com dan Log In kemudian masuk ke menu "Layout/Tata Letak"

Nah setelah itu masuk pada bagian "Template Design"

Nah setekah Anda masuk pada "Template Design" Silahkan coba aja, dijamin menyenangkan.

Kelemahanya adalah tidak bisa bekerja pada template yang sudah di otak-atik, akan muncul pesan seperti "Not applicable for this template" atau "

This template does not allow for layout customizations" untuk bagian-bagian tertentu buat template yang sudah di otak-atik sendiri.

Nah gimana? Semakin Asyik kan nge-Blog? semakin canggih aja fitur Blogger.com.

Sekedar informasi buat Anda semoga bermanfaat.

Menambah Status Yahoo Messenger Di Gagdet Profil

Gadget profil adalah gadget dimana Anda bisa manampilkan foto, deskripsi tentang Anda dan link profil blogger Anda kedalam blog Anda. Untuk menambahkan widget ini cukup mudah yaitu dari menu "Layout/tata letak" kemudian klik "Add a gagdet" lalu pilih "Profile". Dan untuk mengedit profil dan foto Anda bisa melalui Dashboard blogger Anda dengan mengklik "Edit Profile" yang ada di sebelah kanan dashboard Anda.

Nah kali ini Saya akan membahas tentang bagaimana caranya menambah Status Yahoo Messenger kedalam gadget Anda, yang berhubungan dengan postingan Saya yang dulu tentang menambah Status Yahoo Messenger ke dalam blog.

Coba lihat contoh dari modifikasi sederhana ini :

Terlihat diatas ada tambahan status Yahoo messenger ke dalam gadget profil Saya.

Nah dibawah ini adalah caranya :

1. Langkah pertama yang Anda harus lakukan Adalah Log In ke Blogger lalu menuju bagian "Layout" kemudian masuk "Edit HTML"

2. Setelah itu centang "Expand Widget Templates"

3. Kemudian cari code dibawah ini :

4. Setelah ketemu code diatas lalu tambahkan code dibawah ini diatasnya

Code yang berwarna merah diatas ganti dengan ID YM kamu, dan angka yang berwarna hijau adalah bentuk dari lambang status YM, keterangan lebih jelasnya bisa dibaca disini.

5. Kalau sudah kemudia SAVE

Nah diatas adalah cara menambah Status Yahoo Messenger kedalam gadget profil, Anda juga bisa Status YM dengan status Camfrog, G-Talk dan lainya.

Cukup disini dulu postingan Saya. . . Semoga bermanfaat dan silahkan menuliskan komentar dibawah ini untuk tanggapan dan pertanyaan.

Widget Sederhana Twitter

Tentunya Anda sudah tau apa itu twitter dan Anda jugalah pengguna twitter untuk saat ini. Ya, Twitter adalah salah satu Social Networking yang terkenal selain Facebook yang banyak digunakan orang di seluruh penjuru dunia.

Namun kali ini Saya akan membahas tentang bagaimana caranya membuat widget Twitter yang sederhana ke dalam blog kita, dalam artian widget ini lebih simple dari pada widget yang diberikan oleh pihak twitter.

Isi dari widget ini adalah hanya tweets dan link twitter Anda, pas buat Anda yang suka hal ringkas namun bertujuan jelas. Coba lihat contoh widgetnya dibawah ini

Gambar diatas screen capture dari widget twitter sederhana di blog Saya ini. Yuk mari Saya pandu cara buat widget ini

Pertama yang Anda lakukan adalah Log In ke blogger Anda, setelah masuk Dashboard Lalu klik Link Layout / Tata Letak

Setelah masuk pada menu Layout lalu pilih tempat yang mau Anda pasangi Widget ini kemudian klik "Add a Gadget" kemudian pilih "HTML/JavaScript"

Kemudian Paste code dibawah ini

<div id="twitter_div" style="background: url(http://i725.photobucket.com/albums/ww258/anasceria/new-tuts/single-bird-icon-1.png) top left no-repeat; color:#000000; font-size:14px; padding-left: 50px;"><ul id="twitter_update_list"></ul>
<a id="twitter-link" style="display:block;text-align:right;" href="http://twitter.com/anasceria">follow me on Twitter</a>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/anasceria.json?callback=twitterCallback2&count=3" type="text/javascript"></script>

Perhatikan !! :

Ganti code yang berwarna merah diatas dengan ID Twitter Anda
Ganti Angka 3 yang berwarna biru diatas dengan jumlah angka tweet Anda yang ingin Anda Tampilkan
Code yang berwarna hijau adalah style dari widget tersebut, diantaranya ada URL gambar dari widget tersebut, sesuaikan dengan selera Anda, klik disini untuk panduan CSSnya
Text "follow me on twitter" adalah text link perintah untuk Follow Twitter Anda yang bisa Anda ganti sesuai Selera Anda

Nak demikianlah tutorial Saya hari ini untuk membuat widget sederhana twitter. Semoga bermanfaat bagi Anda dan jangan lupa Follow Twitter Saya disini untuk mengetahui update dari Saya, Terima Kasih.

Static Page - Halaman Di Blogger

Static Page - Fitur baru dari blogger yang memungkinkan para blogger bisa menambahkan halaman diluar posting, sebagai contoh adalah halaman daftar isi saya tersebut yang Saya taruh di halaman static page.

Static Page ini diresmikan oleh blogger setelah uji coba dulu di draft blogger, jadi kita bisa menggunakan Static Page ini sebagai halaman About Me, Contact me dan lain-lain seperti halnya wordpress yang sudah lebih duluan menggunakan fitur ini. Jadi intinya static page ini adalah halaman tersendiri seperti halaman posting namun dipisahkan dari halaman posting.

Coba di pahami. .

1. Langkah Anda jika ingin menggunakan Static Page adalah dari Dashboard Anda masuk ke menu "Edit Posts"

2. Setelah Anda masuk pada halaman "Edit Posts" Kemudian pilih halaman "Edit Pages"

3. Setelah Anda masuk kedalam halaman "Edit Pages" lalu klik tombol "New Page" untuk menambah halaman baru dan masukkan isi dari halaman tersebut dengan text editor seperti halnya dalam postingan.

Dan perintah "Add Page List Gadget" adalah gadget untuk menu navigasi Static Page Anda.

Diatas adalah gambaran pengaturan setelah mengklik perintah "Add Page List Gadget", Anda bisa mengatur sesuai keinginan Anda..

Sekedar informasi Aja buat Anda tentang Static Page, dan kita untuk saat ini hanya bisa menambahkan 10 pages aja, entah kapan ada pembaharuan dari pihak blogger tentang fitur ini, tunggu aja deh.

Dapet Juara II

Syukur Alhamdulillah Saya haturkan kepada Allah SWT yang telah memberikan rahmatnya kepada Saya sehingga Saya bisa mendapatkan juara 2 dalam lomba blog tingkat SLTA se-Kab Jepara yang diadakan pada tanggal 22 sampai 30 Desember 2009 Lalu.

Ucapan terima kasih Saya yang pertama kepada Orang tua Saya yang telah memberikan doanya kepada Saya, teman-teman yang mensupport Saya, Guru-guru yang telah memberikan dana komunikasi dan transportasi juga dukunganya kami ucapkan terima kasih.

Teman-teman yang udah memberikan Voting kami ucapkan terima kasih sebesar-besarnya, karena tanpa dukungan kalian Saya tidak akan mendapatkan juara 2 ini, terutama teman-teman dari Blogger, Facebook, YM, Camfrog dan social network lainya Saya ucapkan terima kasih sebesar-besarnya.

Okkelah kalo begitu :D buat yang lainya tetap berkreatifitas ya...

Salam Terima Kasih

Luqman Khoirul Anas