Hafiz Zulkafly
Memaparkan catatan dengan label Twitter. Papar semua catatan
Memaparkan catatan dengan label Twitter. Papar semua catatan

Tutorial : New Twitter Widget

Khamis, Disember 29, 2016

Assalamualaikum & Salam Sejahtera


Berminat nak letak widget twitter dalam blog, tapi taktau cara dia? Ok meh sini aku nak tolong ajar cara mudah yang korang cuma perlu copy paste sahaja. Macam mana preview widget tersebut? 





<center><div style="width:230px; border:4px double #eee;" ><a class="twitter-timeline" data-width="230" data-height="300" data-theme="light" href="LINK TWITTER KORANG"></a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script></div></center>

Copy code atas ni and paste Layout > Add a Gadget > HTML/JavaScript.

Gantikan mana yang dibold tu mengikut citarasa korang. Yang untuk light tu boleh ganti ke dark.  Yang aku merah tu kena make sure sama ya. Satu lagi sebagai nota tambahan, kalau twitter korang protected, dia takkan keluar apa apa ye. So make sure unprotect korang punya twitter ye. Sekian


Wasalam.

Freebies : Twitter Background 4

Selasa, Jun 11, 2013

Assalamualaikum

Hari ni apis nak freebies kan request from Her . Dia nak yang BigBang punya . Logonya pon dia dah bagi . So tadi apis ade masa untuk buat , and apis buat kan kejap . Minta maaf tak lawa . Simple macam biasa . Yes i know saya tak creative :D Macam biasa , nak amek , sila komen dahulu and make sure credit . Nak pakai boleh tengok sini . TQ .

 

 

 

 


p/s : Kepada sesiapa yang nak request freebies macam ni , just shout dekat cbox apis sekali dengan link logo yang korang nak . okay ?

Freebies : Twitter Background 3

Isnin, Jun 10, 2013

Assalamualaikum

Yoo . Aritu ade orang request , minta tolong buat freebies Twitter Background versi MBLAQ dekat ask.fm apis . First sekali apis nak cakap thanks sebab sudi request daripada apis . Secondly so sorry sebab apis tak tau nak buat macam mana . Simple macam yang apis pernah cakap dekat dia . tapi dia kata dia tak kisah . So apis buat juga . Macam biasa , nak code macam mana nak pakai boleh tengok sini . Nak pakai CTRL + Click pada background yang korang nak . Make sure comment first before you take it . and Credit jangan lupa . Thank You :D


 


 


 


 

Freebies : Twitter Background 2

Khamis, Mei 30, 2013

Assalamualaikum

Terlebih rajin , so apis nak bagi freebies twitter background , kalau sebelum ni apis bagi versi EXO , now apis bagi versi Super Junior pulak . Macam mana nak pakai boleh tengok SINI . Macam biasa , syarat nak amek / nak guna . Wajib komen and Wajib credit . Okay ? Nak amek just tekan CTRL + Klik background yang korang nak . TQ


 


 


 


 


Freebies : Twitter Background

Rabu, Mei 29, 2013

Assalamualaikum


LIVE PREVIEW


Hari ni nak bagi freebies background twitter . Lama dah buat , tapi tunggu masa bila nak publish . Memandangkan exo tengah nak comeback , so apis buat exo version punya . First sorry kalau tak lawa , sebab apis takde idea , so buat yang simple sahaja . Kalau nak amek CTRL + Click pada background yang korang nak . Sebelum nak amek , makesure komen and credit . TQ .


 


 


 


 


ni code untuk pasang background ni ;

<center>
<div style="background: url(URL BACKGROUND) no-repeat; width: 190px;">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>new TWTR.Widget({version: 2,type: 'profile',rpp: 10,interval: 30000,width:190,height: 184,theme: {shell: {background: 'transparent',color: 'transparent'},tweets: {background: 'transparent',color: '#333333',links: '#999999'}},features: {scrollbar: true,loop: false,live: false,behavior: 'all'}}).render().setUser('USERNAME').start();</script></div>
</center>


Tutorial : Twitter Widget New

Selasa, Mac 19, 2013

Assalamualaikum

Hari ni , apis nak ajar macam mana nak letak new twitter widget dekat blog korang . seprti yang korang sedia maklum , sebelum ni apis ada buat tutorial macam mana nak letak twitter widget dekat blog kan ? yang tu versi pertama , kali ni apis ajar cara yang lebih mudah and simple . jomm




okay . nak twitter widget macam tu ? meh sini apis ajarkan ;


1) Log In twitter korang . kemudian pergi ke setting ;



klik pada widget 



create new


isi ruangan kosong . make sure dekat ruangan domain letak link blog korang .


save and dia akan bagi code . copy code tersebut .


Korang boleh save dekat mana mana yang korang nak . pasal width jangan risau , sebab kalau pengguna simple template , dia akan mengikut side width sidebar korang . kalau nak lawa kan sikit korang punya widget ni macam dekat live preview apis tu , boleh amek code dekat bawah ni . untuk classic template or blogskins user , untuk width , korang boleh cuba code bawah ni jugak .


<center><div style="width:190px;background:url(http://i.imgur.com/9WcA7.png);padding:5px; border:2px solid #aaa; border-radius:5px;">PASTE CODE TWITTER WIDGET SINI</div></center>

Tutorial : Letak Tweet Dalam Blog Post

Ahad, Disember 23, 2012

Assalamualaikum

Hari ni terasa macam nak buat tutorial . tutor apa ? nama tutorial ni . "Letak Tweet di post blog" . macam mana tuh ? meh nak tunjuk contoh dekat bawah ni ;




Ha , macam tu lah . korang boleh terus reply , retweet and favorite dekat situ . amacam , berminat tak nak belajar ? follow gambar dekat bawah ni :)



A) Pergi dekat tweet yang korang nak masukkan dalam post korang . kemudian klik expand .



B) Kemudian dia akan keluar tarikh and masa . sebelah tu ada details , klik pada details .



C) Kemudian akan keluar embed this tweet . klik yang tu pulak .



D) Then copy je code yang dia dah generate untuk korang tu . make shure HTML . selain dari tu , tak kan jadi .




E) Then pergi dekat blog . create new post . klik pada html . then paste code yang dah korang copy tadi . lepas dah paste , klik pada compose semula . memang dia takkan jadi lagi . ape yang korang kena buat , taip je entry . kemudia publish . insyaallah , lepas publish dia akan menjadi .

Ha , amacam . teringin nak cuba ? cuba lah . hehehe . kalau tak paham , tanya . mana bole tolong aku akan tolong . kbai o/

Malu bertanya , sesat jalan . HAHA :)

Tutorial : Widget Twitter di Blog

Selasa, Julai 10, 2012

Assalamualaikum

Yoo . update lagi ni ha . aritu ada orang request tutor ni dekat cbox apis . walaupun apis tau dah ramai yang buat tutor ni . tapi tutor ni apis buat jugak untuk si request . special for you . HAHA . apa tu twitter widget ? nak tengok contoh boleh hover ke navigation apis and click pada contact . haa . itu lah twitter widget . sekali button nak follow tu ha . macam mana nak buat ? nahh :)

1) Copy code ni . and paste dekat mana yang korang nak atau korang suka :


<center><script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 10,
  interval: 30000,
  width: 250,
  height: 150,
  theme: {
    shell: {
      background: '#eee',
      color: '#000'
    },
    tweets: {
      background: '#eee',
      color: '#000',
      links: '#000'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: true,
    behavior: 'all'
  }
}).render().setUser('USERNAME KORANG').start();
</script></center>
<br />
<center>
<a href="URL TWITTER KORANG" class="twitter-follow-button" data-show-count="false">Follow @USERNAME KORANG</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></center>
</div>

2. Mana mana yang apis boldkan tuh . korang boleh tukar ikut suka korang . pastuh save .

Siap . semudah kicap ABC . hehe . so apa tunggu lagi . cube lahh . takkan nak tengok je kan . dah cube bagitau . jadi ke , tak jadi ke . bagitau lah yee . kalau tak jadi tu meh sini apis bantu ^^

*NOTA : WIDGET NI TAKKAN JADI KALAU KORANG PRIVATE KAN TWEET KORANG . SO UNPRIVATE KAN TWEET KORANG . SETTING > ACCOUNT > UNTICK PROTECT MY TWEET .
© 2017 HAFIZ ZULKAFLY ALL RIGHTS RESERVED