Archive for Januari 2011

Pada postingan sebelumnya saya pernah membahas tentang Tiga Kolom/Elemen Halaman Widget di Bawah Header dan Cara Menambah Dua Elemen di Bawah Header, tapi kali ini kita akan coba membahas tentang Menambah Kolom di Luar Content Blog.

Menambah kolom diluar content blog maksudnya adalah menambah kolom pada elemen template akan tetapi penempatannya diluar template aslinya. Contohnya adalah pada gambar berikut :


Pada tambahan kolom tersebut, anda dapat menggunakannya untuk berbagai hal. seperti menaruh script iklan atau yang lainnya.

Cara Membuat Kolom Diluar Content Blog adalah sebagai berikut :

  1. Setelah anda login di blogger, langsung menuju ke "Rancangan >> Edit HTML".
  2. Cari code #outer-wrapper, perhatikan berapa width code tersebut.
  3. Tambahkan code CSS berikut dan letakkan di atas code #outer-wrapper :

    /* Luar-Wrapper */
    #luar-wrapper {
    background:#ccc;
    width:1350px;
    }

    /* Luar-Kiri */
    #luar-kiri {
    margin-left:10px;
    width:180px;
    float:left;
    }
    /* Luar-Kanan */
    #luar-kanan {
    margin-right:10px;
    width:180px;
    float:right;
    }



  4. Kemudian cari code </body> , letakkan code berikut dibawahnya :

    <div id='luar-wrapper'>

  5. Letakkan code penutup berikut diatas </body> :

    </div>

  6. Cari lagi code <div id='luar-wrapper'> dan letakkan code berikut tepat dibawahnya :

    <b:section class='luar' id='luar-kiri' preferred='yes'>
    <b:section class='luar' id='luar-kanan' preferred='yes'>

  7. Simpan Template


Silahkan sesuaikan nilai width untuk #luar-wrapper, #luar-kiri dan #luar-kanan agar sesuai dengan lebar template yang anda gunakan.



Description: Menambah Kolom Elemen Widget di Luar Konten Blog
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Menambah Kolom Elemen Widget di Luar Konten Blog

Facebook Graph API Connect with PHP and Jquery

Selasa, 25 Januari 2011
Posted by Unknown
Last few days I have been working on labs.9lessons to connecting Facebook Graph API access token system, it’s very interesting. This post I had presented in easy way to connect and read the Facebook home timeline with PHP and Jquery. Explained how to store facebook token and user id hope you like it. Thanks !

Facebook Graph API connection PHP
Read more »
Description: Facebook Graph API Connect with PHP and Jquery
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Facebook Graph API Connect with PHP and Jquery

Yahoo Oauth Login Connect

Kamis, 20 Januari 2011
Posted by Unknown
Nowadays every website authenticating a user using some of the greatest trusty third party websites like Google, yahoo or some of the social networks. Today we are learning how to authenticate a user using his Yahoo account. By using third party login we make user feel happy by avoiding filling a registration form. So just start with a simple illustration.

Yahoo connect using Social sdk
Read more »
Description: Yahoo Oauth Login Connect
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Yahoo Oauth Login Connect

User Signup using Facebook Data

Rabu, 12 Januari 2011
Posted by Unknown
Using facebook registration plug-in users can easily sign up on your website using facebook data. With one simple facebook login the form will be filled with user appropriate data. This plug-in is a simple iframe you can place it anywhere on your webpage. You can also add a custom field if facebook doesn’t have.

User Registration using facebook registration plugin
Read more »
Description: User Signup using Facebook Data
Rating: 4.5
Reviewer: Unknown
ItemReviewed: User Signup using Facebook Data

Efek Roaming Windows

Sabtu, 08 Januari 2011
Posted by Unknown
Halo para sobat yang caem-caem dan yang ganteng ganteng kang fatur dateng lagi nie mao ngasih tips baru buat para sobat

Tips kali ini yaitu tentang Membuat Efek Roaming Window : Sebenarnya, sudah lama Kang Fatur ingin memposting tentang efek roaming window ini. yaa karena kang fatur juga masih dalam tahap pembelajaran akhirnya ketinggalan waktunya abis dipake memodif templat kang fatur sendiri yang masih acak-acakan (jelek). Oh, iya script untuk menciptakan efek tersebut kang fatur dapatkan ketika kang fatur mampir di blog Bizmax. Oleh karena itu pada kesempatan ini, perkenankanlah kang fatur untuk memposting ulangnya, siapa tahu ada para sobat blogger lain yang membutuhkannya.


Efek roaming window yang dimaksud di sini adalah efek seperti window yang menggulung dan bergerak memutar dengan durasi sekitar satu hingga dua detik. Untuk lebih jelasnya, mungkin pengunjung harus mencoba sendiri atau para sobat pingin jelas lagi klik aja disini apa yang terjadi???

Untuk mendapatkan efek roaming window ini tidak diperlukan langkah-langkah yang rumit, yang diperlukan hanya copy paste terhadap script yang akan kang fatur sampaikan berikut ini pada gadget/widget blog para sobat. Jika suatu saat sudah tidak menginginkan lagi, para sobat tinggal menghapus gadget atau widget tersebut. Mudah dan praktis, bukan!! Siapa juga kang fatur gitu looch


Ok kalau para sobat senang dan tertarik pada widget ini kita langsung aja pada tahap pemasangan, jangan banyak ngobrol coz belum ada geratisan

Langkah-langkahnya adalah sebagai berikut:

  1. Seperti biasa pastikan dulu para sobat sudah Log In di blogger yah??
  2. Lalu beranjak ke menu Layout Kemudian Page elements
  3. Kalau sudah Pilih tempat yang di mana para sobat mao nyimpannya terus Tambah Gadget
  4. Lalu pilih Menu HTML/JavaScript
  5. Taruh Code Dibawah ini Kedalam HTML/JavaScript

<script language="JavaScript1.2" src=" http://kangfatur.googlecode.com/files/Efek%20Roaming%20Windows.js">
</script>

6. Lalu klik simpan


Selesai!!! sekarang gimana blog para sobat keren kaan, selamat mencoba semoga bermanfaat. jangan lupa comentarnya O.K


Photobucket

KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI
Description: Efek Roaming Windows
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Efek Roaming Windows
Sometimes registration form decides your web application success rate, I feel the first step(registration) should be less fields and eye catching it will surely impress the users. I had designed a new style registration form with gravitational effect. I hope you like this. Thank you!

delete records before color change
Read more »
Description: Gravity Registration Form with Jquery
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Gravity Registration Form with Jquery

PHP Captcha Code

Senin, 03 Januari 2011
Posted by Unknown
In this tutorial I want explain how to create a Captcha in PHP. We are using some of the features available in PHP for creating an image. This is very simple and basic tutorial and we are not using any custom fonts for generating captcha image. And we know that captcha code used to avoid spam/abuse or auto-submission.

Flickr Like Edit Title

Read more »
Description: PHP Captcha Code
Rating: 4.5
Reviewer: Unknown
ItemReviewed: PHP Captcha Code
Welcome to My Blog

Popular Post

Labels

Followers

- Copyright © 2013 shad0w-share | Designed by Johanes Djogan -