Showing posts with label Tips Blog. Show all posts
Showing posts with label Tips Blog. Show all posts

Highlight Admin [Author] Comment

    Highlight Admin / Author comment fungsinya adalah untuk membedakan komentar Admin / Author / Pengarang / Penulis atau bisa di sebut juga pemilik blog dengan orang lain. Contohnya bisa dilihat dari blog ini. Kalau Admin [hitsuke] yang memberi komenter maka komentar yang muncul ada gambar thumbnail Admin dan juga komennya diberi warna background dan sedikit border, pokoknya ada efek-efek lain githu lah (: . Baiklah, sudah siap semuanya? Berikut akan saya jelaskan bagaimana caranya membuat komentar admin blog berbeda dari komen selain admin.

    Highlight AuthorComment


    Langkah 1


    Login dulu ke blogger terus pilih Rancangan > Edit HTML


    Langkah 2

    Beri tanda centang pada "Expand Widget Templates"

    Langkah 3

    Copy script berikut ini sebelum kode ]]></b:skin> atau copy kedalam kode css

    .owner-Body{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoeLCYIi7wSV7fOomWUgoteCWfUJQMLoIUk5EhGy_xN8BFfaaOmZ7EpCCHH7ZzR3GKdQCXMh49hBHVT4Sp6otQLL0Li8zdTA17iVo55KE5P_clCcj5F4B6TLSAdDlTDYJXXhEDTez2sLn-/);background-position:top-left;background-repeat:no-repeat;text-align:justify;text-decoration:bold;margin:0;padding:10px 0 35px 90px}

    .owner-Body p{background:#ffc;border:1px dotted #f5003d;margin:0 10px 15px;padding:10px 15px 10px 30px}


    Ganti URL gambarnya dengan gambar sesukamu. Selebihnya otak-atik aja sendiri yah byar cepat pinter ^^

    Langkah 4

    Cari kode-kode berikut ini. Mungkin disetiap template kodenya akan berbeda, tapi walaupun berbeda cobalah cari kode yang semirip mungkin dengan kode dibawah ini
    <dl id='comments-block'>

    <b:loop values='data:post.comments' var='comment'>

    <dt class='comment-author' expr:id='"comment-" + data:comment.id'>

    <a expr:name='"comment-" + data:comment.id'/>

    <b:if cond='data:comment.authorUrl'>

    <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

    <b:else/>

    <data:comment.author/>

    </b:if>

    said...

    </dt>



    <b:if cond='data:comment.author == data:post.author'>

    <dd class='owner-Body'>

    <p><data:comment.body/></p>

    </dd>

    <b:else/>




    <dd class='comment-body'>

    <b:if cond='data:comment.isDeleted'>

    <span class='deleted-comment'><data:comment.body/></span>

    <b:else/>

    <p><data:comment.body/></p>

    </b:if>

    </dd>



    </b:if>


    <dd class='comment-footer'>

    <span class='comment-timestamp'>

    <a expr:href='"#comment-" + data:comment.id' title='comment permalink'>

    <data:comment.timestamp/>

    </a>

    <b:include data='comment' name='commentDeleteIcon'/>

    </span>

    </dd>

    </b:loop>

    </dl>


    Langkah 5

    Kode yang berwarna Merah adalah kode yang harus kamu tambahkan ke HTML kamu dan posisinya harus benar. Ingat itu yah!!

    Langkah 6

    Kalau merasa semuanya sudah selesai di Save ya templatenya.
    Comment author ini berfungsi berdasarkan profil dari pemilik blog. Jadi supaya efeknya muncul sebelum memberi komentar kamu harus login dulu di blogger. OK. Satu hal lagi yang perlu kamu ingat ini bukan untuk kotak komentar yang Haloscan melainkan yang murni dari blogger.

Post Title

→

Highlight Admin [Author] Comment


Post URL

→

https://guidice-galleries.blogspot.com/2010/11/highlight-admin-author-comment.html


Visit guidice galleries for Daily Updated Wedding Dresses Collection

Facebook Taskbar / Toolbar Widget

     Contoh Facebook Taskbar pada halaman web / blog itu seperti ini





    Akhirnya jadi juga widget facebook taskbar yang sudah lama di nantikan kedatangannya ini. Hm..baiklah untuk tutorial kali ini tidak perlu banyak omong, kita langsung saja masuk ke cara pemasangan widget facebook taskbar/toolbar ini. Tutorial ini hanya di tujukan kepada pe-blogger level menengah ke atas jadi bagi pemula mungkin akan sedikit membingungkan.

    1. Seperti biasa pastikan anda sudah login

    2. Dibagian Layout, pilih tab Edit HTML jangan lupa centang tanda expand widget jika diperlukan,
    kemudian cari kode </head> (gunakan CTRL + F agar lebih mudah mencarinya)

    3. Kalau sudah ketemu, letakan kode dibawah ini tepat sebelum kode </head> tadi

    <link href="http://sites.google.com/site/hitsukeproject/fbtoolbar-original.css" rel="stylesheet" type="text/css"/>

    4. Save templatemu

    5. Masih di bagian Layout, tapi kali ini pilih tab Page Element, lalu pilih Add Gadget yang
    HTML/Javascript

    6. Copy - Pastekan saja kode dibawah ini di dalamnya, kemudian di SAVE


    Silahkan Copy - Paste kode dibawah. Supaya lebih mudah: klik tombol Select All lalu tekan CTRL + C atau boleh juga klik kanan lalu pilih copy





    Nah sekarang yang paling perlu kamu lakukan sekarang adalah mengganti kode Buku tamu, Recent Post ( Postingan terbaru dengan gambar thumbnail + penghitung komentar), dan yang lainnya yang kamu anggap perlu untuk diganti. Tapi ingat, hanya kode yang berwarna hitam dan berkedip sajalah yang boleh kamu ganti. Widget facebook Taskbar ini juga sudah dilengkapi dengan tombol share on facebooknya sekalian jadi kan gampang buat sharing ma teman-teman kita di facebook.hehe..^_^

    Oh iya hitsuke ampe lupa...Widget facebook taskbar ini mempunyai dua macam style yang bisa kamu pilih dengan cara mengganti kode cssnya.

    1. Original Facebook Taskbar Style




    <link href="http://sites.google.com/site/hitsukeproject/fbtoolbar-original.css" rel="stylesheet" type="text/css"/>


    2. Blue Facebook Taskbar 



    <link href="http://sites.google.com/site/hitsukeproject/fbtoolbar-blue.css" rel="stylesheet" type="text/css"/>

    cara mengganti style nya mudah saja. Cari kode <link href="http://sites.google.com/site/hitsukeproject/fbtoolbar-original.css" rel="stylesheet" type="text/css"/> yang kamu letakkan sebelum </head> tadi kemudian ganti saja link CSS-nya dengan salah satu link CSS di atas.

    Note:
    Bagi sobat hitsuke yang tercantum linknya diatas sebagai Top 10 Friends, silahkan Copy-Paste artikel ini dengan catatan harus mencantumkan link sumber asli artikelnya. Hal ini juga berlaku bagi para Plagiat, tolong cantumkan link sumber artikelnya, kalau tidak lo bakal malu ndiri...n reputasi blogmu bakalan hancur.

Post Title

→

Facebook Taskbar / Toolbar Widget


Post URL

→

https://guidice-galleries.blogspot.com/2009/12/facebook-taskbar-toolbar-widget.html


Visit guidice galleries for Daily Updated Wedding Dresses Collection

Memasang Kotak Komentar di Bawah Postingan

    Akhirnya datang juga....
    Setelah lama ditunggu-tunggu oleh para penggemar setianya, akhir blogger/blogspot menerbitkan juga comment box atau kotak komentar yang langsung muncul berada dibawah postingan. Kalau dulu hanya berupa link "Post a Comment", maka yang sekarang lain, yg sekarang kotak komentarnya langsung muncul persis dibawah postingan (seperti kotak komentar dibawah ini). Dengan adanya kotak komentar yang seperti ini, akupun rela mengganti kotak komentarku yang dulu (haloscan) dengan comentbox yang ini. Walaupun kotak komentar ini masih dalam draft tapi sudah bisa dinikmati.

    Begini nih cara membuat kotak komentar blogger yang berada dibawah postingan.

    1. Login ke http://draft.blogger.com, Ingat yang http://draft.blogger.com bukan blogger.com.
    2. Trus ke menu Setting-->Comments. Kemudian ganti "Comment Form Placement" menjadi "Embedded below post" (lihat gambar dibawah)



    3. Kemudian klik "Save Setting"

    Sekarang coba kamu lihat blogmu dan coba di klik salah satu postinganmu kemudian lihat hasilnya, apakah sudah ada kotak komentarnya yg dibawah postingan atau belum. kalau sudah berarti langkahnya cukup disini. Kalau belum ikuti langkah berikut ini.
    (ini karena kode HTML tiap2 template itu berbeda. Untuk template default dari blogger yang baru, kode HTMLnya sudah berubah, sedangkan template yg lama atau ambil dari luar ada yg belum dan ada juga yg sudah).

    4. Selanjutnya pergi ke menu "Layout-->Edit HTML"
    5. Beri tanda centang kotak "Expand widget templates".
    6. Trus cari kode berikut ini :

    <p class='comment-footer'>

    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>

    <data:postCommentMsg/></a>

    </p>

    </b:if>

    7. Kemudian ganti kode tersebut dengan kode dibawah ini:


    <p class='comment-footer'>

    <b:if cond='data:post.embedCommentForm'>

    <b:include data='post' name='comment-form'/>

    <b:else/> <b:if cond='data:post.allowComments'>

    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>

    <data:postCommentMsg/></a>

    </b:if> </b:if> </p> </b:if>

    8. Lalu simpan template kamu.

    Lihat deh hasilnya, coba kamu klik salah satu postingan kamu, maka dibawahnya akan muncul kotak komentar seperti punyaku ini (Bagi yang berhasil).


    Credits: Tips Trik Blog

Post Title

→

Memasang Kotak Komentar di Bawah Postingan


Post URL

→

https://guidice-galleries.blogspot.com/2009/11/memasang-kotak-komentar-di-bawah.html


Visit guidice galleries for Daily Updated Wedding Dresses Collection

How to Do Promote Blog or Website on Facebook

    How to Do Promote Blog on Facebook



    ___________________________________________________________

    Sorry friend gw bwt na pake' Bahasa Inggris...heheheehe....tapi mudah di mengerti kox coz
    banyak gambar ilustrasi na.

    ___________________________________________________________

    Well, In this case you can use two ways. I usually do this to promote my blog on facebook. Oh yeah..I forget to say,, make sure you have an account on facebook, so you can to promote on it. But if you don't, How can, right..!?


    1. Facebook Walking

    In this way you have to walk or visit your friend. After that, on your friend's Wall there is Sharing Box. When your mouse over that box there is four type that you can share.


    • Now you choose Share Link
    Share blog or website on facebook


    • Attach your link and Submit the verification code
    Share blog or website on facebook
    Submit the verification code

    Share blog or website on facebook


    • If your post have an image, facebook will automatically catch it and then you choose the thumbnail
    Share blog or website on facebook


    • Press Share button and finished.


    Now your link has been share.

    Share blog or website on facebook


    2. Use Share on facebook Button on Your Blog

    There Two type of this button


    First, share on facebook button Widget. Second, share on facebook button in template. It both have the same function.


    To promote your blog, you have to install this button first. Afterward, login to your facebook > make a list of friend.


    • Create New List > select max 20 of your friend (NB : Facebook will not allowed if more than 20)Share blog or website on facebook
    Share blog or website on facebook


    • Go to your blog > press share on facebook button > Send to list of friend that you have made before.
    Share blog or website on facebook




    Share blog or website on facebook


    Well done my friend, Your link has been share to 20 your friend.


    That's all from me about how to do promote blog on facebook. If you have any question, you can fill comment box below.




Post Title

→

How to Do Promote Blog or Website on Facebook


Post URL

→

https://guidice-galleries.blogspot.com/2009/07/how-to-do-promote-blog-or-website-on.html


Visit guidice galleries for Daily Updated Wedding Dresses Collection

Post Comment with Facebook Connect

    facebookNah begini cara masang nya..

    1. Daftar Disqus

    2. Pada bagian home klik Add Website . isi Website URL,Website Name dan Short name

    3. Setelah itu silakan pilih platform blog kamu



    4. Di halaman selanjutnya adalah petunjuk penginstalan

    Sampai tahap ini kamu sudah dapat melihat kotak komentar baru seperti kotak komentar wordpress yang berisikan name, email, dan url tetapi masih belum tersedia facebook connect.

    5. Masuk halaman admin > setting, akan ada pilihan feature termasuk Facebook Connect . Centang kotak facebook connect dan kamu akan diminta " Enter Facebook API Key "

    6. API Key didapat setelah kamu membuat sebuah aplikasi Facebook disini , beri nama pilih agree dan save




    7. Di halaman edditapp kamu akan mendapatkan API Key. Copy, paste pada halaman setting disqus (langkah no.5) dan save




    paste di halaman admin > setting disqus




    8. Kembali ke edditapp klik pada link connect (sebelah kanan), silakan isi connect url dengan alamat blog, base domain dengan alamat blog tanpa http:// dan klik save changes




    Selesai dan silakan lihat kembali halaman blog kamu.

    Sumber dari ADe-tips-fb.com


Post Title

→

Post Comment with Facebook Connect


Post URL

→

https://guidice-galleries.blogspot.com/2009/05/post-comment-with-facebook-connect.html


Visit guidice galleries for Daily Updated Wedding Dresses Collection

Popular Posts

My Blog List