Mau menulis kalimat pada Twitter lebih panjang ? coba saja disini

Twishort

Layanan gratis yang diberikan disini adalah penulisan kalimat untuk social networking Twitter dengna jumlah lebih dari 140 karakter

1. Bukalah halaman twishort.com. Setelah terbuka, pada halaman tersebut aka nada tombol untuk melakukan sign in dengan account Twitter Anda. Klik tombol tersebut untuk melanjutkannya.

2.Jika anda belum melakukan login. Twitter pada browser, akan muncul login form terlebih dahulu. Isilah dengan menggunakan username beserta password Anda kemudian klik Sign in.

3.Seperti aplikasi lainnya yang memanfaatkan username account Twitter, Twitter akan mengkonfirmasikan Anda apakah Anda kaan mengizinkan aplikasi Twishort untuk mengakses dan melakukan update atas data Twitter Anda atau tidak. Klik tombol Allow untuk mengizinkannya.

4.Setelah itu, akan muncul form update Tweet yang mirip dengan halaman Twitter. Dibagian kanan atas form ada karakter copyright yang jika diklik akan menampilkan karakter berupa symbol. Untuk melakukan update, isilah form tersebut kemudian klik tombol Tweet.

5.Tweet Anda akan dipotong sampai kuran dari 140 karakter sehingga follower Anda dapat membaca hanya bagian awalnya. Di belakang tweet akan disertakan link untuk membaca keseluruhan tweet.

6.Jika link tersebut di klik, Anda akan menuju halaman Twishort yang menampilkan tweet secara penuh. Cukup merepotkan memang bila harus membaca tweet pada halaman yang berbeda, tetapi cari itu bisa digunakan bila memang 140 karakter di rasa kurang.

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

Follower. Dalam Twitter dikenal dengan istilah “follower” dan “following”. Follower adalah account twitter yang mengikuti update tweet Anda, sedangkan following adalah account Twitter yang anda ikuti. Biasanya, account terkenal atau yang memberikan banyak inspirasi dan informasi memiliki banyak follower.

Tutorial memecah Twitter menjadi 140 karakter

Talltweets

Layanan dari website ini merupakan aplikasi yang dapat memudahkan user-nya untuk meng-update tweet lebih dari 140 karakter. Berikut dibawah ini cara-caranya

1.Buka halaman talltweets.com. Sama seperti aplikasi lainnya, Anda tidak perlu membuat account baru, cukup menggunakan account Twitter Anda untuk memanfaatkan TallTweet karena aplikasi itu terintegrasi dengan Twitter API. Klik tombol Sign in with Twitter berwarna biru pada halaman.

2.Anda akan diminta untuk melakukan login dengan cara memasukkan username dan pasword Anda. Dalam proses login tersebut juga ditanyakan konfirmasi Anda untuk mengizinkan aplikasi TallTweet untuk melakukan update Twitter Anda. Klik tombol Allow untuk melanjutkan.

3.Untuk meng-update tweet, cukup isi textfield yang telah disediakan. Di bawah textfield tersebut tersedia penghitung karakter beserta kalkulasi pemecahan tweet menjadi beberapa bagian. Setelah selesai mengetikkan tweet, klik tombol Post Tweet.

4.Bila berhasil, TallTweet akan menampilkan pecahan tweet Anda secara terurut dari atas ke bawah. Setiap pecahan akan diikuti dengan nomor urut beserta angka yang menunjukkan total bagian yang dibuat.

5.Namun, ternyata tweet tersebut bukan di post secara terbalik, dari bawah ke atas. Tujuannya agar bila dibaca melalui timeline Twitter, tweet tetap dapat dibaca dari atas ke bawah. Interval melakukan update pun dalam waktu yang sama sehingga sangat kecil kemungkinan untuk terpisah akibat tweet lainnya.

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

API. Singkatan dari Application Programming Interface, merupakan interface yang diimplementasikan oleh program computer yang memungkinkan terjadinya interaksi dengan program lain. Twitter membuat API agar palikasi web lain bisa menggunakan fitur-fitur yang disediakan oleh Twitter.

Tutorial membuat Template Blog secara gratis

Layanan ini bisa dikatakan sebagai Blogger Template Generator. Jadi, layanan ini memiliki fungsi untuk mempermudah pembuatan blog dengan cara yang sangat sederhana serta mudah untuk diikuti. Dan bila anda ingin mendapatkan tutorial lengkapnya secara video, silahkan anda menu ke alamat ini. Namun, bila ingin mendapatkan tutorial ber-bahasa indonesia? Silahkan Anda ikuti langkah-langkah berikut di bawah ini

1.Klik Link alamat berikut

2.Setelah anda membuka situs tersebut terdapat 2 window/jendela. Window yang di depan adalah window untuk mengatur setingan template .Dan window yang dibelakangnya adalah adalah preview/hasil sementara dari hasil hasil settingan dari window yang di depan.

3.Di dalam window yang di depan terdapat 9 menu utama untuk mengatur template .Yaitu General settings,load/save template,choose layout,extra settings,body settings,outer wrapper,content wrapper,main wrapper,HTML Code.

4.Selanjutnya Buka menu load/save template .setelah anda klik akan terdapat beberapa menu . selanjutnya pilih menu category dengan trix designs .setelah memilih category selanjutnya memilih template .Ada 7 template yang siap anda buat , yaitu BG Styles,bubble,digital diary,notebook,orkut simple,puffy, dan vista. silakan pilih salah satu dengan selera. lalu klik menu load template yang ada disampingnya .dan lihat previewnya yang ada di jendela belakang.

5.Lalu Klik Menu Choose Layout ,dan beri tanda centang untuk bagian blog yang anda ingin tampilkan pada template.dan memilih tipe sidebar.

6.Selanjutnya klik menu Body Settings ada beberapa menu dan bagian yang bisa anda setting, yaitu background,Text,Dimensions,More Styles dan Link silakan atur sendiri menurut selera anda.

7.Berikutnya klik menu Outer Wrapper, sam aseperti body settings ada beberapa menu juga yang dapat di atur menurut selera anda seperti Background,Text,Dimensions dan More Styles silakan setting sendiri menurut selera anda.

8.Klik menu Header Wrapper,Pada menu header wrapper terdapat menu setting yang lebih banyak di antaranya Title,Description,Menu Wrapper,dan Menu Link yang di dalamnya masih terdapat menu stting lagi . silakan setting menurut selera anda .

9.Selanjutnya klik menu Content Wrapper ,Di dalam menu ini juga terdapat menu setting yang hampir sama pada menu setting sebelumnya . silakan setting menurut sera anda .

10.Setelah itu Klik menu Crosscol Wrapper , Dalam menu ini juga terdapat sedit lebih banyak menu setiing yang sama seperti menu setting header wrapper yang didalam menu tersebut masih ada beberapa menu setting lagi.

11.Selanjutnya Klik Menu Main Wrapper, Di dalam menu ini juga terdapat lebih banyak menu setting diantaranya Single Post,Date Header,Post Title,Post Content,Post Footer,Dan Block .dan masih ada menu setting lagi di dalam menu tersebut . silakan setting menurut selera anda.

12.Setelah itu klik menu Sidebar Wrapper , Lalu klik Menu setting satu per satu dan setting menurut selera anda.

13.Lalu Klik menu Footer Wrapper , dalam menu ini juga sama terdapat beberapa menu setting seperti menu setting sebelumnya .silakan seting menurut selera anda.

14.Inilah tahapan menu terakhir yaitu menu HTML Code .menu ini akan menampilkan Kode HTML dari hasil settingan template yang tadi anda setting . Klik Menu HTML Code Lalu klik Blogger dan akan tampil kode html dari hasil settinagn tadi .Selanjutnya blok semua kode tersebut untuk di paste ke blog anda.

15.Selanjutnya sig in ke blogger .klik tata letak Lalu klik edit html . Blok semua kode html tersebut yang anda di blog anda dan hapus semua kode tersebut.Lalu paste kode hasil pembuatan tamplate tadi ke blog anda.

Selanjutnya klik save template dan lihat hasilnya ?

Cara baru membuat Related Post dengan tampilan gambar / thumbnail

Melalui tutorial berikut, anda bisa menampilkan jumlah gambar Related Post yang tak terbatas (sekitar 40 s/d 80). Apalagi hasil yang didapat menghadirkan tampilan yang cukup elegan, mengesankan dan manis untuk dilihat pada tatanan blog Anda. Warna baru dari related post berjenis ini, idenya berasal dari layanan yang diberikan oleh Linkwithin. Dan bila anda pernah menggunakannya? saya kira cukup familiar bila anda mau menggunakan tutorial berikut di bawah ini :

1. Seperti biasa, masuk dulu ke halaman Edit HTML dan berikan tanda centang pada kotak "Expand Widget Templates"

2. Cari kode ini </head>

3. Kemudian ganti dengan kode dibawah ini

<!--Related Posts with thumbnails Scripts and Styles Start--> <b:if cond=’data:blog.pageType == &quot;item&quot;’> <style type="text/css"> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script src=’http://blogergadgets.googlecode.com/files/relatedthumbs21.js’ type=’text/javascript’/> </b:if> <!--Related Posts with thumbnails Scripts and Styles End--> </head>

4. Sekarang cari lagi kode dibawah

<div class=’post-footer-line post-footer-line-1’>

Jika tidak menemukan kode diatas, coba cari kode seperti ini

<p class=’post-footer-line post-footer-line-1’>

Kemudian taruh code berikut ini tepat di bawahnya

<!-- Related Posts with Thumbnails Code Start--> <b:if cond=’data:blog.pageType == &quot;item&quot;’> <div id=’related-posts’> <b:loop values=’data:post.labels’ var=’label’> <b:if cond=’data:label.isLast != &quot;true&quot;’> </b:if> <b:if cond=’data:blog.pageType == &quot;item&quot;’> <script expr:src=’&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;’ type=’text/javascript’/></b:if></b:loop><a href=’http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html’ style=’display:none;’>Related Posts with thumbnails for blogger</a><a href=’http://www.bloggerplugins.org/’ style=’display:none;’>blogger widgets</a> <script type=’text/javascript’> var currentposturl=&quot;<data:post.url/>&quot;; var maxresults=5; var relatedpoststitle="Related Posts"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div style=’clear:both’/> </b:if> <!-- Related Posts with Thumbnails Code End-->

5. Setelah kode nomor 4 tersebut telah anda paste, jangan lupa disimpan dan lihat hasilnya

Untuk menampilkan berapa banyak jumlah related posts gambar yang ditampilkan, anda bisa dengan mengedit kode dibawah ini pada jumlah angkanya: var maxresults=5;

Kalau judul / title Related Posts kurang anda minati, silahkan menggantinya melalui pengeditan kode berikut di bawah ini var relatedpoststitle="Related Posts";

Selamat Mencoba aja :)

Empat Pilihan cara membuat Search engine pada Blog

Langkah pertama, seperti biasa ke menu Desain dan klik Add gadget, serta pilih HTML/Javascirpt

Cara pertama

<right><form id="searchform" action="http://bagisahabat2.blogspot.com/search" name="searchform" method="get"> <input id="s" value="" name="q" type="text" /> <input id="searchsubmit" value="CARI" type="submit" /> </form></right>

Cara kedua

<form action="http://bagisahabat2.blogspot.com/search"method="get"><input class="textinput" name="q" size="25" type="text"/><input value="Search In Blogger" class="buttonsubmit"name="submit" type="submit"/></form>

Keterangan: Bagisahabat2 = Ganti dengan alamat blog anda.

Angka “25” =Adalah panjang kotak pencarian, silahkan disesuaikan.

Search in Blogger = Nama Tampilan Tombol Pencarian.

Cara ketiga

<blockquote><form action="http://nama-blog-anda.blogspot.com/search"method="get"> <input class="textinput" name="q" size="35" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form></blockquote>

Cara ke empat :

<form action="http://www.google.com/cse" id="cse-search-box"><div><input name="cx" value="017659905183369597187:ubcoxcm0lce" type="hidden"><input name="ie" value="UTF-8" type="hidden"><input name="q" size="25" type="text"><input name="sa" value="Search" type="submit"></div></form><script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>

Jangan lupa mengganti tulisan yang di bold dengan url blog anda. Sehingga menjadi http://blogmu.blogspot.com/search

Simpan hasil kerjaan anda dan selesai

Membuat related post pada Blog dengan thumbnail selayaknya Linkwithin

Bosan dengan tampilan related post yang hanya menampilkan tulisan saja. Atau merasa bahwa performa yang diberikan oleh related post biasanya kurang menggigit. Untuk menjawab itu, anda bisa menggunakan layanan yang diberikan oleh Linkwithin. Namun bilamana mengalami kesulitan untuk memproses kinerjanya pada blog anda. Tidak ada salahnya bila anda mengikuti step-step by step penjelasan di bawah ini.

1. Pertama, masuk dulu ke halaman Edit HTML, jangan lupa memberi tanda centang pada "Expand Widget Templates" 2. Cari kode ini </head> 3. Kemudian ganti dengan kode dibawah ini <!--Related Posts with thumbnails Scripts and Styles Start--> <b:if cond=’data:blog.pageType == &quot;item&quot;’> <style type="text/css"> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script src=’http://blogergadgets.googlecode.com/files/relatedthumbs21.js’ type=’text/javascript’/> </b:if> <!--Related Posts with thumbnails Scripts and Styles End--> </head>

4. Sekarang cari lagi kode dibawah <div class=’post-footer-line post-footer-line-1’> Jika tidak menemukan kode diatas, coba cari kode seperti ini <p class=’post-footer-line post-footer-line-1’> Kalo sudah ketemu, tinggal masukan semua kode dibawah ini dibawah salah satu dari kode diatas yang rekan temukan. <!-- Related Posts with Thumbnails Code Start--> <b:if cond=’data:blog.pageType == &quot;item&quot;’> <div id=’related-posts’> <b:loop values=’data:post.labels’ var=’label’> <b:if cond=’data:label.isLast != &quot;true&quot;’> </b:if> <b:if cond=’data:blog.pageType == &quot;item&quot;’> <script expr:src=’&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;’ type=’text/javascript’/></b:if></b:loop><a href=’http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html’ style=’display:none;’>Related Posts with thumbnails for blogger</a><a href=’http://www.bloggerplugins.org/’ style=’display:none;’>blogger widgets</a> <script type=’text/javascript’> var currentposturl=&quot;<data:post.url/>&quot;; var maxresults=5; var relatedpoststitle="Related Posts"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div style=’clear:both’/> </b:if> <!-- Related Posts with Thumbnails Code End-->

5. jangan lupa disimpan dah lihat hasilnya Untuk menampilkan berapa banyak jumlah related posts bisa dengan mengedit kode dibawah ini: var maxresults=5; Untuk mengganti title, kita bisa mengedit kode ini: var relatedpoststitle="Related Posts";